@charset 'utf-8';

/* main-visual */
.main-visual {background: #d6e9f5; }
.inner-main-visual {height: 999px; max-width: 1920px; margin: 0 auto; position: relative; background: url(/content/images/bg/bg_main_visual.jpg)no-repeat center; }
.main-txt-box {position: relative; max-width:1740px; margin:0 auto; padding: 0 20px}
.main-txt-box .inner-main-txt{position: absolute; top:330px; right:20px; width:700px;text-align: center;}

.main-txt-box h2 {font-size: 80px; color: #ff4729; font-weight: 700; font-style: normal;}
.main-txt-box h2::after {content: ""; display: block; width: 100px; height: 10px; margin: 40px auto; background: rgb(255,146,73); background: linear-gradient(98deg, rgba(255,146,73,1) 0%, rgba(255,71,41,1) 100%); border-radius: 5px; box-sizing: border-box;}
.visual-txt{font-size:36px; color:#333333; font-weight: 700; line-height: 52px;}
.visual-info{margin-top:35px; line-height:48px; color:#555555; font-size:26px}
.visual-info span{color:#2c738f;font-weight: 600; }
.visual-info span img{display: inline; vertical-align: top; margin-top:10px}

.main-banner{width:100%; background: #2c6b88;}
.inner-main-banner{height: 400px; max-width: 1920px; margin: 0 auto; position: relative; background: url(/content/images/bg/bg_main_banner.jpg)no-repeat center;}
.inner-main-banner ul{max-width: 1440px; margin:0 auto; padding:80px 20px 0 20px}
.inner-main-banner ul li{color:#fff; font-size:28px; font-weight: 500; line-height: 40px;margin-bottom:20px; position: relative; padding-left:30px}
.inner-main-banner ul li:after{width:10px; height:10px; position: absolute; top:14px; left:0; content:""; display:inline-block; background: #ff7b45; border-radius: 100%;}

.main-contest{width:100%; padding:140px 0; background: #f9f9f9;}
.main-contest .inner-main-contest{max-width:1440px; padding:0 20px; margin:0 auto; display:flex}
.main-contest .main-left-area{width:360px;}
.main-contest .main-left-area strong{color:#072a37; font-size:48px; font-style: normal; font-weight: 700;}
.main-contest .main-left-area strong img{display: block; padding:50px 0 0 60px}
.main-right-area{width: calc(100% - 360px)}
.main-right-area .main-right-txt-box > p{color:#04709d; font-size:32px; font-weight: 500; line-height: 52px; letter-spacing: -0.25px;}
.main-right-area .main-right-txt-box > p  span{color:#ff562f}
.main-right-area .right-sub-txt{margin-top:30px}
.main-right-area .right-sub-txt li{color:#5d6c72; font-size:22px; line-height:38px; font-weight: 500; margin-bottom:15px; position: relative; padding-left:18px}
.main-right-area .right-sub-txt li:after{width:4px; height:4px; position: absolute; top:17px; left:0; content:""; display:inline-block; background: #3785a2;}
.main-right-area .right-sub-txt li:last-child{margin-bottom:0}
.contest-date-box{margin-top:60px; border:2px solid #cbe6f0; border-radius: 12px; background: #fdfdfd;}
.contest-date-box ul{display: flex; justify-content: space-between; padding:35px 60px 35px 40px; box-sizing: border-box;}
.contest-date-box ul li{position: relative;}
.contest-date-box ul li:after{width:2px; height:80px; position: absolute; top:0; left:-32px; content:""; display:inline-block; background: #ddeff5;}
.contest-date-box ul li:first-child:after{display: none;}
.contest-date-box ul li strong{display:block; margin-bottom:15px; font-size:28px; color:#072a37; font-style: normal; font-weight: 700;}
.contest-date-box ul li p{font-size:24px; color:#04709d;  font-weight: 500;}

.no-contest-cont{width:100%; padding:60px 0 90px 0; background: #2c6b88;  }
.no-contest-cont .no-inner-contest{max-width:1440px; padding:0 20px; margin:0 auto; display:flex;    justify-content: center; align-items: center;}
.no-contest-cont .txt-info{padding-left:50px}
.no-contest-cont .txt-info strong{color:#a6e5ff; font-size:52px; font-style: normal; font-weight: 600;}
.no-contest-cont .txt-info p{color:#ffffff; font-size:26px; line-height: 45px;; font-style: normal; font-weight: 500; margin-top:20px}