@charset "UTF-8";
#contest_list .mainimg-sec { background-color: #f7edfc; }
#contest_list .mainimg-sec.result-mainimg-sec { background-color: #ebf9fb; }
#contest_list .mainimg-sec.result-mainimg-sec .inner { background: url("../img/contest_list/main_bg002.png") no-repeat right 50px top; }
@media screen and (max-width: 980px) { #contest_list .mainimg-sec.result-mainimg-sec .inner { background-position: right center; background-size: 100% auto; } }
@media screen and (max-width: 750px) { #contest_list .mainimg-sec.result-mainimg-sec .inner { background-position: right -10px center; } }
@media screen and (max-width: 500px) { #contest_list .mainimg-sec.result-mainimg-sec .inner { background-position: right center; } }
#contest_list .mainimg-sec.result-mainimg-sec .mainimg-ttl { padding: 65px 0 100px 100px; }
@media screen and (max-width: 1140px) { #contest_list .result .mainimg-sec.result-mainimg-sec .mainimg-ttl { padding: 65px 0; } }
@media screen and (max-width: 1140px) { #contest_list .mainimg-sec.result-mainimg-sec .mainimg-ttl { padding: 40px 0; } }
@media screen and (max-width: 980px) { #contest_list .mainimg-sec.result-mainimg-sec .mainimg-ttl { padding: 40px 0; } }
@media screen and (max-width: 750px) { #contest_list .mainimg-sec.result-mainimg-sec .mainimg-ttl { padding: 20px 0; } }
#contest_list .mainimg-sec.result-mainimg-sec .mainimg-ttl .mainimg-subheading { color: #007569; }
#contest_list .mainimg-sec .inner { background: url("../img/contest_list/main_bg001.png") no-repeat right 50px top; }
@media screen and (max-width: 980px) { #contest_list .mainimg-sec .inner { background-position: right center; background-size: 100% auto; } }
@media screen and (max-width: 750px) { #contest_list .mainimg-sec .inner { background-position: right -10px center; } }
@media screen and (max-width: 500px) { #contest_list .mainimg-sec .inner { background-position: right -30px center; } }
#contest_list .mainimg-sec .mainimg-ttl { padding: 65px 0 100px 100px; }
@media screen and (max-width: 980px) { #contest_list .mainimg-sec .mainimg-ttl { padding: 40px 0; } }
@media screen and (max-width: 750px) { #contest_list .mainimg-sec .mainimg-ttl { padding: 20px 0; } }
#contest_list .mainimg-sec .mainimg-ttl .mainimg-heading { margin-bottom: 10px; font-size: 2.5rem; font-weight: 700; color: #646464; letter-spacing: 2px; }
@media screen and (max-width: 750px) { #contest_list .mainimg-sec .mainimg-ttl .mainimg-heading { font-size: 1.75rem; } }
#contest_list .mainimg-sec .mainimg-ttl .mainimg-subheading { font-size: 1.625rem; font-weight: 700; color: #8042c7; letter-spacing: 2px; }

.contest-link { margin-bottom: 140px; padding: 50px 0; background-color: #f7edfc; }
@media screen and (max-width: 750px) { .contest-link { margin-bottom: 60px; } }
.contest-link ul { display: flex; justify-content: center; }
@media screen and (max-width: 750px) { .contest-link ul { display: block; } }
.contest-link ul li { width: 33.3333333333%; }
@media screen and (max-width: 980px) { .contest-link ul li { width: 48%; } }
@media screen and (max-width: 750px) { .contest-link ul li { width: 100%; } }
.contest-link ul li span { display: inline-block; padding: 8px 90px 8px 0; }
@media screen and (max-width: 750px) { .contest-link ul li span { padding: 15px 90px 15px 0; } }
.contest-link ul li:first-child { margin-right: 4.1666666667%; }
@media screen and (max-width: 980px) { .contest-link ul li:first-child { margin-right: 2%; } }
@media screen and (max-width: 980px) and (max-width: 750px) { .contest-link ul li:first-child { margin-right: 0; margin-bottom: 40px; } }

.contest-link ul li:first-child span { background: url("../img/common/twitter_i001.png") no-repeat right center; }
.contest-link ul li:last-child span { background: url("../img/common/insta_i001.png") no-repeat right center; }
.contest-link ul li a { display: block; text-decoration: none; padding: 25px; background-color: #fff; font-size: 1.5rem; text-align: center; border-radius: 20px; box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 750px) { .contest-link ul li a { padding: 10px; font-size: 1.25rem; } }

/* トップ　*/
.idx .contest-main, .result .contest-main { padding: 70px 0 0; }
@media screen and (max-width: 750px) { .idx .contest-main, .result .contest-main { padding: 60px 0 0; } }
.idx .contest-main .contest-main-heading, .result .contest-main .contest-main-heading { margin-bottom: 50px; padding-bottom: 70px; background: url("../img/contest_list/ttl_bg001.png") no-repeat center bottom; font-size: 1.625rem; text-align: center; font-weight: 500; }
.idx .contest-main .contest-main-heading.contest-main-heading-2, .result .contest-main .contest-main-heading.contest-main-heading-2 { background: url("../img/contest_list/ttl_bg002.png") no-repeat center bottom; }
.idx .contest-main .contest-box, .result .contest-main .contest-box { display: flex; justify-content: space-between; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #e3e8ed; }
@media screen and (max-width: 750px) { .idx .contest-main .contest-box, .result .contest-main .contest-box { display: block; } }
.idx .contest-main .contest-box.reverse, .result .contest-main .contest-box.reverse { flex-direction: row-reverse; }
.idx .contest-main .contest-box.contest-box-last, .result .contest-main .contest-box.contest-box-last { margin-bottom: 150px; padding-bottom: 0; border-bottom: none; }
@media screen and (max-width: 750px) { .idx .contest-main .contest-box.contest-box-last, .result .contest-main .contest-box.contest-box-last { margin-bottom: 60px; } }
.idx .contest-main .contest-box figure, .result .contest-main .contest-box figure { width: 47%; }
@media screen and (max-width: 750px) { .idx .contest-main .contest-box figure, .result .contest-main .contest-box figure { width: 100%; margin-bottom: 20px; } }
.idx .contest-main .contest-box .contest-box-item, .result .contest-main .contest-box .contest-box-item { width: 47%; }
@media screen and (max-width: 750px) { .idx .contest-main .contest-box .contest-box-item, .result .contest-main .contest-box .contest-box-item { width: 100%; } }
.idx .contest-main .contest-box .contest-box-item.contest-box-item-2 p a, .result .contest-main .contest-box .contest-box-item.contest-box-item-2 p a { background: #8042c7 url("../img/common/arrow_w_i002.png") no-repeat right 20px center; }
.idx .contest-main .contest-box .contest-box-item dl, .result .contest-main .contest-box .contest-box-item dl { margin-bottom: 35px; }
.idx .contest-main .contest-box .contest-box-item dl dt, .result .contest-main .contest-box .contest-box-item dl dt { margin-bottom: 25px; padding: 15px 25px; background-color: #ebeff2; font-size: 1.375rem; font-weight: 400; line-height: 1; }
.idx .contest-main .contest-box .contest-box-item dl dd, .result .contest-main .contest-box .contest-box-item dl dd { font-size: 1.125rem; }
.idx .contest-main .contest-box .contest-box-item p, .result .contest-main .contest-box .contest-box-item p { width: 59.5744680851%; margin: 0 auto; }
@media screen and (max-width: 750px) { .idx .contest-main .contest-box .contest-box-item p, .result .contest-main .contest-box .contest-box-item p { width: 100%; } }
.idx .contest-main .contest-box .contest-box-item p a, .result .contest-main .contest-box .contest-box-item p a { display: block; text-decoration: none; padding: 20px; background: #007569 url("../img/common/arrow_w_i002.png") no-repeat right 20px center; color: #fff; text-align: center; border-radius: 40px; }

/* 詳細　*/
@media screen and (max-width: 750px) { .contest_detail .mainimg-sec .inner { background-image: none !important; } }
@media screen and (max-width: 750px) { .contest_detail .mainimg-sec .mainimg-ttl .mainimg-heading { font-size: 1.625rem !important; } }
.contest_detail .detail-main .detail-main-nav { margin-bottom: 30px; }
.contest_detail .detail-main .detail-main-nav.detail-main-nav-a dt span { background: url("../img/contest_list/arrow_i002.png") no-repeat right center; }
.contest_detail .detail-main .detail-main-nav.detail-main-nav-a dd ul li { width: 18.3333333333%; }
@media screen and (max-width: 980px) { .contest_detail .detail-main .detail-main-nav.detail-main-nav-a dd ul li { width: 20.8333333333%; } }
@media screen and (max-width: 750px) { .contest_detail .detail-main .detail-main-nav.detail-main-nav-a dd ul li { width: 25%; } }
.contest_detail .detail-main .detail-main-nav.detail-main-nav-b dt span { background: url("../img/contest_list/arrow_i001.png") no-repeat right center; }
.contest_detail .detail-main .detail-main-nav.detail-main-nav-b dd ul li { width: 38.75%; }
@media screen and (max-width: 980px) { .contest_detail .detail-main .detail-main-nav.detail-main-nav-b dd ul li { width: 50%; } }
.contest_detail .detail-main .detail-main-nav dt { padding: 20px; text-align: center; cursor: pointer; }
.contest_detail .detail-main .detail-main-nav dt span { display: inline-block; padding-right: 40px; font-size: 1.125rem; }
.contest_detail .detail-main .detail-main-nav dd { display: none; background-color: #757575; }
.contest_detail .detail-main .detail-main-nav dd ul { display: flex; justify-content: center; max-width: 1240px; margin: 0 auto; padding: 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .contest_detail .detail-main .detail-main-nav dd ul { padding: 2.6666666667% 4%; } }
.contest_detail .detail-main .detail-main-nav dd ul li { border-right: 1px solid #fff; }
.contest_detail .detail-main .detail-main-nav dd ul li:first-child { border-left: 1px solid #fff; }
.contest_detail .detail-main .detail-main-nav dd ul li a { display: block; text-decoration: none; color: #fff; text-align: center; }
@media screen and (max-width: 750px) { .contest_detail .detail-main .detail-main-nav dd ul li a { padding: 5px 0; font-size: 0.6875rem; } }
.contest_detail .detail-main .video-list-btn { display: flex; justify-content: flex-end; }
.contest_detail .detail-main .video-list-btn a { display: block; text-decoration: none; width: 100%; max-width: 300px; margin-bottom: 40px; padding: 15px; background: #007569; font-size: 1.125rem; color: #fff; text-align: center; font-weight: 400; border-radius: 40px; line-height: 1; }
@media screen and (max-width: 750px) { .contest_detail .detail-main .video-list-btn a { font-size: 1rem; } }
@media screen and (max-width: 500px) { .contest_detail .detail-main .video-list-btn a { max-width: 200px; padding: 15px 10px; } }
.contest_detail .detail-main .detail-main-top { margin-bottom: 120px; }
.contest_detail .detail-main .detail-main-top .detail-top-heading { margin-bottom: 40px; padding: 15px; background-color: #cfc787; font-size: 1.375rem; font-weight: 400; text-align: center; line-height: 1; }
.contest_detail .detail-main .detail-main-top ul { display: flex; justify-content: center; }
.contest_detail .detail-main .detail-main-top ul li { width: 31.5%; margin-right: 2.5%; }
@media screen and (max-width: 750px) { .contest_detail .detail-main .detail-main-top ul li { width: 48.5507246377%; } }
.contest_detail .detail-main .detail-main-top ul li:last-child { margin: 0; }
.contest_detail .detail-main .detail-main-top ul li dl dt { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #cfc787; text-align: center; }
.contest_detail .detail-main .detail-main-top ul li dl dd { text-align: center; }
.contest_detail .detail-main .detail-main-top ul li dl dd a { position: relative; display: block; }
.contest_detail .detail-main .detail-main-top ul li dl dd a p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.contest_detail .detail-main .detail-main-list { margin-bottom: 120px; }
.contest_detail .detail-main .detail-main-list .detail-list-heading { margin-bottom: 40px; padding: 15px; background-color: #eaeef1; font-size: 1.375rem; font-weight: 400; text-align: center; line-height: 1; }
.contest_detail .detail-main .detail-main-list ul { display: flex; flex-wrap: wrap; }
.contest_detail .detail-main .detail-main-list ul li { width: 31.5%; margin-right: 2.5%; margin-bottom: 50px; }
@media screen and (max-width: 750px) { .contest_detail .detail-main .detail-main-list ul li { width: 48.5507246377%; margin-right: 2.8985507246%; }
  .contest_detail .detail-main .detail-main-list ul li:nth-child(2n) { margin-right: 0; }
  .contest_detail .detail-main .detail-main-list ul li:nth-child(3) { margin-right: 2.8985507246% !important; }
  .contest_detail .detail-main .detail-main-list ul li:nth-child(9) { margin-right: 2.8985507246% !important; } }
.contest_detail .detail-main .detail-main-list ul li:nth-child(3n) { margin-right: 0; }
.contest_detail .detail-main .detail-main-list ul li .tate { height: 100%; max-height: 378px; }
@media screen and (max-width: 750px) { .contest_detail .detail-main .detail-main-list ul li .tate { height: auto; max-height: none; } }
.contest_detail .detail-main .detail-main-list ul li dl dt { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #e3e8ed; text-align: center; }
.contest_detail .detail-main .detail-main-list ul li dl dd { text-align: center; }
.contest_detail .detail-link { display: flex; justify-content: space-between; margin-bottom: 95px; padding-top: 35px; border-top: 1px solid #e3e8ed; }
.contest_detail .detail-link.detail-link-1 { justify-content: flex-end; }
.contest_detail .detail-link li { width: 22.5%; }
@media screen and (max-width: 980px) { .contest_detail .detail-link li { width: 37.5%; } }
@media screen and (max-width: 750px) { .contest_detail .detail-link li { width: 46.3768115942%; } }
.contest_detail .detail-link li.first a { background-image: url("../img/common/arrow_w_i004.png"); background-position: left 15px center; background-repeat: no-repeat; }
@media screen and (max-width: 500px) { .contest_detail .detail-link li.first a { background-position: left 5px center; } }
.contest_detail .detail-link li.last a { background-image: url("../img/common/arrow_w_i003.png"); background-position: right 15px center; background-repeat: no-repeat; }
@media screen and (max-width: 500px) { .contest_detail .detail-link li.last a { background-position: right 5px center; } }
.contest_detail .detail-link li a { display: block; text-decoration: none; padding: 15px; background-color: #8042c7; font-size: 1.25rem; text-align: center; color: #fff; font-weight: 400; border-radius: 40px; }
@media screen and (max-width: 750px) { .contest_detail .detail-link li a { font-size: 0.75rem; } }

.module-main { position: relative; }
.module-main .module-close { position: absolute; top: 50px; right: 30px; cursor: pointer; }
@media screen and (max-width: 750px) { .module-main .module-close { width: 38px; } }
.module-main .module-in { padding: 70px 50px 30px; }
@media screen and (max-width: 750px) { .module-main .module-in { padding: 70px 20px 30px; } }
.module-main .module-heading { margin-bottom: 25px; font-size: 1.375rem; text-align: center; font-weight: 700; }
.module-main figure { text-align: center; }
.module-main .module-iframe { position: relative; width: 100%; padding-bottom: 48.5%; height: 0; overflow: hidden; }
.module-main .module-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.module-main .module-cate { display: flex; }
.module-main .module-cate .module-subheading { margin-right: 20px; }
.module-main .module-subheading { margin-top: 30px; }
.module-main .module-subheading span { padding: 5px 10px; border: 1px solid #646464; }
.module-main dl { margin-top: 30px; }
.module-main dl dt { margin-bottom: 10px; font-weight: 700; }
.module-main dl dd { line-height: 1.6; }

.video-list { margin-bottom: 170px; padding-bottom: 120px; border-bottom: 1px solid #e3e8ed; }
.video-list .video-list-top { margin-bottom: 70px; text-align: center; }
.video-list .video-list-top .video-list-heading { margin-top: 20px; font-size: 1.625rem; font-weight: 500; }
.video-list .video-list-tabmenu { border-bottom: 6px solid #007569; }
.video-list .video-list-tabmenu ul { display: flex; justify-content: center; }
.video-list .video-list-tabmenu ul li { width: 26.6666666667%; margin-right: 2.5%; padding: 30px 10px 25px; background-color: #e3e8ed; font-size: 1.25rem; text-align: center; line-height: 1; font-weight: 400; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; cursor: pointer; }
.video-list .video-list-tabmenu ul li.active { background-color: #007569; color: #fff; }
@media screen and (max-width: 980px) { .video-list .video-list-tabmenu ul li { width: 48%; margin-right: 2%; } }
@media screen and (max-width: 750px) { .video-list .video-list-tabmenu ul li { font-size: 1rem; } }
.video-list .video-list-tabmenu ul li:hover { background-color: #007569; color: #fff; }
.video-list .video-list-tabmenu ul li:last-child { margin-right: 0; }
.video-list .video-list-tab .video-tab-top { margin-bottom: 50px; padding: 45px 0; background-color: #ebf9fb; text-align: center; }
.video-list .video-list-tab .video-tab-top .video-tab-heading { margin-bottom: 10px; font-size: 1.625rem; font-weight: 500; }
@media screen and (max-width: 750px) { .video-list .video-list-tab .video-tab-top .video-tab-heading { font-size: 1.125rem; } }
.video-list .video-list-tab .video-tab-top p { font-size: 1.1875rem; font-weight: 500; }
@media screen and (max-width: 750px) { .video-list .video-list-tab .video-tab-top p { font-size: 1rem; } }
.video-list .video-tab-con .video-tab-list ul { display: flex; flex-wrap: wrap; }
.video-list .video-tab-con .video-tab-list li { width: 31.5%; margin-right: 2.5%; margin-bottom: 50px; }
@media screen and (max-width: 750px) { .video-list .video-tab-con .video-tab-list li { width: 48.5507246377%; margin-right: 2.8985507246%; }
  .video-list .video-tab-con .video-tab-list li:nth-child(2n) { margin-right: 0; }
  .video-list .video-tab-con .video-tab-list li:nth-child(3) { margin-right: 2.8985507246% !important; } }
.video-list .video-tab-con .video-tab-list li:nth-child(3n) { margin-right: 0; }
.video-list .video-tab-con .video-tab-list li a { position: relative; display: block; }
.video-list .video-tab-con .video-tab-list li a p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.video-list .video-tab-con .video-tab-list li .video-tab-list-flex { display: flex; justify-content: space-between; margin: 10px 0; }
@media screen and (max-width: 980px) { .video-list .video-tab-con .video-tab-list li .video-tab-list-flex { display: block; } }
.video-list .video-tab-con .video-tab-list li .video-tab-list-flex .video-tab-list-txt { margin: 0 10px 0 0; }
.video-list .video-tab-con .video-tab-list li .video-tab-list-flex .video-tab-list-txt2 span { padding: 2px 10px; background-color: #007569; color: #fff; line-height: 1; border-radius: 5px; }
.video-list .video-tab-con .video-tab-list li .video-tab-list-txt { margin: 10px 0; font-weight: 300; color: #007569; }
.video-list .video-tab-con .video-tab-list li dl dt { margin-bottom: 10px; font-size: 1.125rem; font-weight: 500; }
.video-list .video-tab-con .video-tab-list li dl dd { font-weight: 300; }
.video-list .video-tab-btn { width: 100%; max-width: 255px; margin: 0 auto; padding: 15px; background: #007569; font-size: 1.25rem; color: #fff; text-align: center; font-weight: 400; border-radius: 40px; line-height: 1; cursor: pointer; }

/*# sourceMappingURL=contest_list.css.map */