@charset "utf-8";
































































































































































































































































/*************************************/
/* 260624 &#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#65533;&#65533;&#65533; &#65533;&#65533;&#65533;&#65533;           */
/*************************************/
.msect .cinner {max-width: 1200px;margin: 0 auto;}
.msect * {line-height: 1.3;word-break: keep-all;word-wrap: break-word;}
.msect p {margin: 0;}
@media all and (max-width: 1300px){
   .msect .cinner {margin: 0 50px;}
}
@media all and (max-width: 1199px){
   .msect .cinner {margin: 0 30px;}
}
@media all and (max-width: 640px){
   .msect .cinner {margin: 0 20px;}
}
































































































































































































































































































































































































































































































































































































































































































































































































/*******************/
/* === msect01 === */
/******************/
.msect01 {padding: 100px 0;}
.msect01 .title {margin-bottom: 25px;font-size: 22px;font-weight: 500;text-align: center;}
.msect01 .title span {color: #B96300;}
.msect01 ul {max-width: 680px;margin: 0 auto 40px;}
.msect01 ul li {display: flex;align-items: flex-start;gap: 14px;color: #111;font-size: 30px;font-weight: 500;/* line-height: 2; */position: relative;}
.msect01 ul li:not(:last-child) {margin-bottom: 26px;}
.msect01 ul li::before {align-self: flex-start;flex-shrink: 0;content: '';display: block;width: 7px;aspect-ratio: 1 / 1;border-radius: 50%;background: #111;position: relative;top: 18px;}
.msect01 .txt-cont {max-width: 680px;margin: 0 auto;padding-top: 40px;position: relative;}
.msect01 .txt-cont::before {content: '';display: block;width: 56px;height: 2px;background: #B96300;position: absolute;top: 0;left: 0;}
.msect01 .txt-cont p {font-size: 20px;line-height: 1.7;}
.msect01 .txt-cont p b {font-size: 1.15em;font-weight: 600;}
.msect01 .txt-cont p span {color: #B96300;font-weight: 600;}
















@media (max-width: 1024px){
   .msect01 ul li {font-size: 28px;}
   .msect01 ul li::before {top: 14px;}
}
@media (max-width: 768px){
   .msect01 ul li {gap: 10px;font-size: 25px;}
   .msect01 ul li::before {width: 6px;top: 14px;}
}
@media (max-width: 640px){
   .msect01 ul li {font-size: 22px;}
   .msect01 ul li::before {top: 12px;}
   .msect01 .txt-cont p  {font-size: 18px;}
   .msect01 .txt-cont p br:nth-last-child(2) {display: none;}
}
















































/*******************/
/* === msect02 === */
/******************/
.msect02 {padding: 90px 0;background: #F5F5F5;text-align: center;}
.msect02 .title {margin-bottom: 8px;color: #B96300;font-size: 30px;font-weight: 700;}
.msect02 .txt-cont {}
.msect02 .txt-cont p {font-size: 25px;line-height: 1.5;}
.msect02 .txt-cont p b {font-weight: 600;}
.msect02 .txt-cont p span {color: #B96300;font-weight: 600;}
.msect02 .txt-cont.desc {margin-top: 40px;padding-top: 58px;position: relative;}
.msect02 .txt-cont.desc::before {content: '';display: block;width: 50px;height: 7px;border-top: 2px solid #949494;border-bottom: 2px solid #949494;box-sizing: border-box;position: absolute;top: 0;left: 0;right: 0;margin: auto;}
















@media (max-width: 768px){
   .msect02 .txt-cont p {font-size: 22px;}
}
@media (max-width: 640px){
   .msect02 .txt-cont p {font-size: 18px;}
   .msect02 .txt-cont.desc p br {display: none;}
}
















































/*******************/
/* === msect03 === */
/******************/
.msect03 {padding: 165px 0;}
.msect03 .cate {display: flex;justify-content: center;gap: 50px;margin-bottom: 50px;}
.msect03 .cate p {color: #111;font-size: 30px;font-weight: 700;position: relative;}
.msect03 .cate p:not(:last-child) {padding-right: 50px;}
.msect03 .cate p:not(:last-child)::after {content: '';display: block;width: 2px;height: 20px;background: #D9D9D9;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;}
.msect03 .img-cont {display: flex;justify-content: space-between;gap: 25px;}
.msect03 .img-box {display: flex;flex-direction: column;gap: 10px;width: 25%;padding: 26px;box-sizing: border-box;background: #F5F5F5;}
.msect03 .img-box .img {overflow: hidden;}
.msect03 .img-box .img img {width: 100%;transition: .35s ease;}
.msect03 .img-box .tit {padding-bottom: 7px;font-size: 20px;font-weight: 500;text-align: center;position: relative;}
.msect03 .img-box .tit::after {content: '';display: block;width: 50px;height: 2px;background: #B96300;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}
.msect03 .img-box:hover .img img {transform: scale(1.1);}
















@media (max-width: 1199px){
   .msect03 {padding: 120px 0;}
   .msect03 .img-cont {gap: 20px 15px;}
   .msect03 .img-box {padding: 26px 20px;}
}
@media (max-width: 1024px){
   .msect03 {padding: 90px 0;}
   .msect03 .cate {gap: 30px;}
   .msect03 .cate p {font-size: 25px;}
   .msect03 .cate p:not(:last-child) {padding-right: 30px;}
   .msect03 .img-cont {flex-wrap: wrap;max-width: 700px;margin: 0 auto;}
   .msect03 .img-box {width: calc(50% - 7.5px);}
}
@media (max-width: 640px){
   .msect03 .cate {gap: 15px;}
   .msect03 .cate p {font-size: 24px;}
   .msect03 .cate p:not(:last-child) {padding-right: 15px;}
   .msect03 .img-box {padding: 20px 14px;}
   .msect03 .img-box .tit {font-size: 18px;}
}
@media (max-width: 480px){
   .msect03 .cate {gap: 10px;}
   .msect03 .cate p {font-size: 21px;}
   .msect03 .cate p:not(:last-child) {padding-right: 10px;}
}
















































/*******************/
/* === msect04 === */
/******************/
.msect04 {margin-bottom: 150px;}
.msect04 .title {margin-bottom: 36px;font-size: 30px;font-weight: 700;text-align: center;position: relative;}
.msect04 .title::before {content: '';display: block;width: 100%;height: 5px;background: #D9D9D9;position: absolute;top: 50%;left: 0;right: 0;margin: auto;transform: translateY(-50%);z-index: -1;}
.msect04 .title span {padding: 0 14px;background: #fff;}
.msect04 .poster_wrap {overflow: hidden;}
.msect04 .poster-flow {display: flex;gap: 20px;width: fit-content;height: 220px;will-change: transform;animation: marquee 60s linear infinite;animation-delay: 3s;}
.msect04 .poster-flow img {height: 100%;}
@keyframes marquee {
 0% {transform: translateX(0);}
 100% {transform: translateX(-50%);}
}
















@media (max-width: 1199px){
   .msect04 {margin-bottom: 120px;}
}
@media (max-width: 1024px){
   .msect04 {margin-bottom: 90px;}
}
@media (max-width: 640px){
   .msect04 .title {font-size: 26px;}
}
















































/*******************/
/* === msect05 === */
/******************/
.msect05 {margin-bottom: 90px;}
.msect05 .title {margin-bottom: 70px;font-size: 35px;font-weight: 700;text-align: center;}
.msect05 .title span {padding: 0 18px;position: relative;}
.msect05 .title span::before,
.msect05 .title span::after {content: '';display: block;width: 2px;height: 63%;background: #000;position: absolute;top: 6px;bottom: 0;margin: auto;}
.msect05 .title span::before {left: 0;}
.msect05 .title span::after {right: 0;}
.msect05 .content {}
.msect05 .cont-box {}
.msect05 .cont-box:not(:last-child) {margin-bottom: 70px;}
.msect05 .cont-box .cont-tit {margin-bottom: 50px;font-size: 30px;font-weight: 500;text-align: center;text-decoration: underline;text-underline-offset: 12px;}
.msect05 .cont-box ul {max-width: 624px;width: 95%;margin: 0 auto;}
.msect05 .cont-box ul li {padding: 0 95px;text-align: center;position: relative;}
.msect05 .cont-box ul li:not(:last-child) {margin-bottom: 65px;}
.msect05 .cont-box ul li::before,
.msect05 .cont-box ul li::after {content: '';display: block;width: 90px;aspect-ratio: 90 / 112;position: absolute;top: 50%;transform: translateY(-50%);}
.msect05 .cont-box ul li::before {background: url(./../img/main/msect05-img_deco-left.png) center / cover no-repeat;left: 0;}
.msect05 .cont-box ul li::after {background: url(./../img/main/msect05-img_deco-right.png) center / cover no-repeat;right: 0;}
.msect05 .cont-box ul li .prize {margin-bottom: 10px;font-size: 35px;font-weight: 700;line-height: 1.6;}
.msect05 .cont-box ul li .award {font-size: 18px;font-weight: 500;}
.msect05 .btm-txt {font-size: 23px;font-weight: 500;text-align: center;line-height: 1.5;}
.msect05 .btm-txt span {color: #B96300;}
















@media (max-width: 1024px){
   .msect05 .title {margin-bottom: 50px;font-size: 32px;}
   .msect05 .cont-box .cont-tit {font-size: 25px;}
   .msect05 .cont-box ul li .prize {font-size: 32px;}
}
@media (max-width: 768px){
   .msect05 .title {font-size: 26px;}
   .msect05 .cont-box ul li:not(:last-child) {margin-bottom: 50px;}
   .msect05 .cont-box ul {}
   .msect05 .cont-box ul li {padding: 0 85px;}
   .msect05 .cont-box ul li::before,
   .msect05 .cont-box ul li::after {width: 80px;}
   .msect05 .cont-box ul li .prize {font-size: 28px;}
}
@media (max-width: 640px){
   .msect05 .cont-box .cont-tit {font-size: 22px;}
   .msect05 .cont-box ul li {padding: 0 75px;}
   .msect05 .cont-box ul li:not(:last-child) {margin-bottom: 35px;}
   .msect05 .cont-box ul li::before,
   .msect05 .cont-box ul li::after {width: 70px;}
   .msect05 .cont-box ul li .prize {font-size: 25px;}
   .msect05 .cont-box ul li .prize br {display: none;}
   .msect05 .btm-txt {font-size: 21px;}
}
@media (max-width: 480px){
   .msect05 .cont-box ul li {padding: 0 55px;}
   .msect05 .cont-box ul li::before,
   .msect05 .cont-box ul li::after {width: 50px;}
   .msect05 .cont-box ul li .prize {font-size: 22px;}
   .msect05 .cont-box ul li .award {font-size: 16px;}
}








/*******************/
/* === msect06 === */
/******************/
.msect06 {margin-bottom: 135px;padding: 10px 0 0;}
.msect06 .title-cont {margin-bottom: 30px;}
.msect06 .title-cont .title {margin-bottom: 5px;color: #333;text-align:center;font-size:32px;font-weight: 700;}
.msect06 .title-cont .text {color: #777;font-size:13px;text-align: center;}
.msect06 .content {}
.msect06 .content .video-wrap {position:relative;width:100%;/* padding:35px 0 0px 0; */border-top:1px solid #ddd;border-bottom:0px solid #ddd;}
.msect06 .content .video-wrap:not(:last-child) {margin-bottom: 145px;}
.msect06 .content .video-wrap .vtitle {padding: 8px 0;color:#555;font-size:15px;}
.msect06 .content .video-wrap .vline {color:#999;font-size:12px;margin:0 8px 0 8px;}
.msect06 .content .video-wrap .video {width:100%;aspect-ratio: 2 / 1;/* background:#000; *//* background:url(../img/common/vod-back.jpg); *//* background-repeat:no-repeat; */}
.msect06 .content .video-wrap .video iframe {width: 100%;height: 100%;}