section#mv{background-color: var(--orange);}
section#about{background-color: var(--bg1);padding-top: 140px;padding-bottom: 140px;}
section#contact{background-image: linear-gradient(90deg, var(--orange2), var(--orange));}
section#merit{background-color: var(--bg2);padding-top: 140px;padding-bottom: 140px;}
section#flow{background-color: var(--bg1);padding-top: 140px;padding-bottom: 140px;}
section#publish{background-color: var(--bg2);padding-top: 140px;padding-bottom: 140px;}
footer{background-color: #212a37;}
@media screen and (max-width: 768px){
	section#about{padding-top: 100px;padding-bottom: 100px;}
	section#merit{padding-top: 100px;padding-bottom: 100px;}
	section#flow{padding-top: 100px;padding-bottom: 100px;}
	section#publish{padding-top: 100px;padding-bottom: 100px;}
}

.contents{width: 100%;position: relative;}

h2.sec_tit{font-size: 9.0rem;line-height: 1;font-weight: 700;color: #000;padding-top: 40px;position: relative;}
h2.sec_tit span{font-size: 2.8rem;color: var(--orange);font-weight: 400;padding-left: 72px;position: absolute;top: 0;left: 0;}
h2.sec_tit span:before{content: '';width: 46px;height: 1px;background-color: var(--orange);position: absolute;top: 50%;left: 0;}
@media screen and (max-width: 768px){
	h2.sec_tit{font-size: 10vw;margin-bottom: 20px;position: relative;}
	h2.sec_tit span{font-size: 6vw;}
}


/* MV */
.mv_cont{width: 100%;aspect-ratio: 15 / 8;background: url(../img/img_mvpc.png)no-repeat;background-size: cover;position: relative;}
.mv_cont .mv_logo{position: absolute;top: 20px;left: 20px;}
@media screen and (min-width:768px) and (max-width:1200px) {
	.mv_cont{width: 1200px;}
}
@media screen and (max-width: 768px){
	.mv_cont{aspect-ratio: 1000 / 1633;background-image: url(../img/img_mvsp.png);}
	.mv_cont .mv_logo{width: 30%;top: 10px;left: 10px;}
}


/* ABOUT */
.about_cont{width: 100%;padding-top: 88px;position: relative;}
.about_cont h2.sec_tit{position: absolute;top: 0;left: 0;z-index: 3;}
.about_list li{display: block;width: 100%;margin-bottom: 60px;position: relative;}
.about_list li .about_box{display: flex;flex-wrap: wrap;align-content: center;width: 630px;height: 500px;border-radius: 15px;background-color: #fff;padding: 20px 35px;position: relative;z-index: 2;}
.about_list li .about_box h3{width: 100%;margin-bottom: 40px;position: relative;}
.about_list li .about_box h3:after{content: '';width: 100%;height: 1px;background-color: var(--orange);position: absolute;bottom: 0;left: 0;}
.about_list li .about_box p{margin-bottom: 20px;}
.about_list li .about_box p a{text-decoration: underline;}
.about_list li .about_box img{display: block;margin: 0 auto;}
.about_list li:nth-child(2n-1) .about_box{margin-left: 0;margin-right: auto;}
.about_list li:nth-child(2n) .about_box{margin-left: auto;margin-right: 0;}
.about_list li:nth-child(1):after{content: '';width: 600px;height: 100%;border-radius: 15px;background: url(../img/img_about_a.png) no-repeat center center;background-size: cover;position: absolute;top: 30px;right: 0;}
.about_list li:nth-child(2):after{content: '';width: 600px;height: 100%;border-radius: 15px;background: url(../img/img_about_b.png) no-repeat center center;background-size: cover;position: absolute;top: 30px;left: 0;}
.about_list li:nth-child(3):after{content: '';width: 600px;height: 100%;border-radius: 15px;background: url(../img/img_about_c.png) no-repeat center center;background-size: cover;position: absolute;top: 30px;right: 0;}
@media screen and (max-width: 768px){
	.about_cont{padding-top: 0;}
	.about_cont h2.sec_tit{position: relative;}
	.about_list li{margin-bottom: 90vw;}
	.about_list li .about_box{display: block;align-content: unset;width: 100%;height: auto;padding: 30px 20px;margin-left: auto!important;margin-right: auto!important;}
	.about_list li:nth-child(1):after{width: 100%;height: auto;aspect-ratio: 1 / 1;top:unset;bottom: -80vw;}
	.about_list li:nth-child(2):after{width: 100%;height: auto;aspect-ratio: 1 / 1;top:unset;bottom: -80vw;}
	.about_list li:nth-child(3):after{width: 100%;height: auto;aspect-ratio: 1 / 1;top:unset;bottom: -80vw;}
}


/* CONTACT */
.contact_cont{display: flex;align-items: center;width: 100%;height: 500px; background: url(../img/img_contact_bg.png)no-repeat left bottom;position: relative;}
.contact_box{width: 530px;margin-right: 130px;margin-left: auto;}
.contact_box h2{font-size: 7.3rem;line-height: 1;color: #fff;margin-bottom: 20px;text-align: center;}
.contact_box p{text-align: center;color: #fff;}
.contact_box .btn_contact{display: flex;justify-content: center;align-items: center;width: 100%;height: 80px;border-radius: 999px;background-color: #fff;color: var(--orange);font-size: 2.4rem;font-weight: 700;margin: 45px 0;}
.contact_box .btn_mail{display: flex;justify-content: center;align-items: center;width: 100%;height: 27px;background-color: #fff;color: var(--orange);font-size: 1.8rem;border: none;cursor: pointer;}
.contact_box .btn_mail:hover{opacity: 0.7;}
@media screen and (max-width: 768px){
	.contact_cont{height: auto;padding-bottom: 260px;padding-top: 40px;background-size: 50%;background-position: center bottom;}
	.contact_box{width: 100%;margin-right: 0;margin-left: 0;}
	.contact_box h2{font-size: 10vw;}
	.contact_box .btn_contact{height: 70px;margin: 20px 0;}
}


/* MERIT */
.merit_cont .merit_li{display: flex;}
.merit_cont .merit_li li{width: calc((100% / 3) - 12px);aspect-ratio: 1 / 1;margin-right: 12px;margin-bottom: 12px;position: relative;}
.merit_cont .merit_li li div{display: flex;justify-content: center;width: 100%;height: 100%;background-color: #fff;padding-top: 265px;position: relative;z-index: 3;overflow: hiddenv;}
.merit_cont .merit_li li:after{content: '';width: 100%;height: 100%;background-image: linear-gradient(90deg, var(--orange2), var(--orange));position: absolute;top: 12px;left: 12px;}
.merit_cont .merit_li li:nth-child(1) div:before{content: '';width: 133px;height: 136px;background: url(../img/icon_merit01.png)no-repeat;background-size: contain;position: absolute;top: 75px;left: calc(50% - 66px);}
.merit_cont .merit_li li:nth-child(2) div:before{content: '';width: 106px;height: 136px;background: url(../img/icon_merit02.png)no-repeat;background-size: contain;position: absolute;top: 75px;left: calc(50% - 53px);}
.merit_cont .merit_li li:nth-child(3) div:before{content: '';width: 141px;height: 115px;background: url(../img/icon_merit03.png)no-repeat;background-size: contain;position: absolute;top: 75px;left: calc(50% - 70px);}
@media screen and (min-width:768px) and (max-width:1200px) {
	.merit_cont .merit_li li div{padding-top: 200px;}
	.merit_cont .merit_li li:nth-child(1) div:before{top: 40px;}
	.merit_cont .merit_li li:nth-child(2) div:before{top: 40px;}
	.merit_cont .merit_li li:nth-child(3) div:before{top: 40px;}
}
@media screen and (max-width: 768px){
	.merit_cont .merit_li{display: block;}
	.merit_cont .merit_li li{width: calc(100% - 12px);aspect-ratio: unset;height: 300px;margin-right: unset;}
	.merit_cont .merit_li li div{padding-top: 200px;}
	.merit_cont .merit_li li:nth-child(1) div:before{top: 40px;}
	.merit_cont .merit_li li:nth-child(2) div:before{top: 40px;}
	.merit_cont .merit_li li:nth-child(3) div:before{top: 40px;}
}


/* flow */
.flow_cont {width: 100%;padding-top: 88px;position: relative;}
.flow_cont h2.sec_tit{position: absolute;top: 0;left: 0;z-index: 3;}
.flow_cont .flow_box{width: 100%;padding: 100px 50px 100px 50px;background-color: #fff;border-radius: 15px;}
@media screen and (max-width: 768px){
	.flow_cont {padding-top: 0;}
	.flow_cont h2.sec_tit{position: relative;}
	.flow_cont .flow_box{padding: 50px 20px 50px;}
}


/* publish */
.publish_cont {width: 100%;padding-top: 88px;position: relative;}
.publish_cont h2.sec_tit{position: absolute;top: 0;left: 0;z-index: 3;}
.publish_cont .publish_box{width: 100%;padding: 100px 50px 300px 50px;background-color: #fff;border-radius: 15px;background-image: url(../img/img_publish_bg.png);background-size: 90%;background-position: center bottom;background-repeat: no-repeat;}
.publish_cont .publish_list{display: flex;flex-wrap: wrap;}
.publish_cont .publish_list li{display: flex;align-items: center;width: fit-content;height: 55px;font-size: 2.2rem;line-height: 1;color: #cd410c;font-weight: 700;padding-right: 30px;padding-left: 60px;margin-right: 10px;margin-bottom: 10px;border-radius: 13px;background-color: #fef2ee;position: relative;}
.publish_cont .publish_list li:before{content: '';width: 30px;height: 24px;position: absolute;top: calc(50% - 12px);left: 20px;}
.publish_cont .publish_list li:nth-child(1):before{background: url(../img/icon_publish01.png)no-repeat center;background-size: contain;}
.publish_cont .publish_list li:nth-child(2):before{background: url(../img/icon_publish02.png)no-repeat center;background-size: contain;}
.publish_cont .publish_list li:nth-child(3):before{background: url(../img/icon_publish03.png)no-repeat center;background-size: contain;}
.publish_cont .publish_list li:nth-child(4):before{background: url(../img/icon_publish04.png)no-repeat center;background-size: contain;}
.publish_cont .publish_list li:nth-child(5):before{background: url(../img/icon_publish05.png)no-repeat center;background-size: contain;}
.publish_cont .publish_list li:nth-child(6):before{background: url(../img/icon_publish06.png)no-repeat center;background-size: contain;}
.publish_cont .publish_list li:nth-child(7):before{background: url(../img/icon_publish07.png)no-repeat center;background-size: contain;}
.publish_cont .publish_list li:nth-child(8):before{background: url(../img/icon_publish08.png)no-repeat center;background-size: contain;}
.publish_cont .publish_list li:nth-child(9):before{background: url(../img/icon_publish09.png)no-repeat center;background-size: contain;}
@media screen and (max-width: 768px){
	.publish_cont {padding-top: 0;}
	.publish_cont h2.sec_tit{position: relative;}
	.publish_cont .publish_box{padding: 50px 20px 100px;}
}


/* footer */
.foot_cont{padding: 80px 0;font-size: 1.8rem;line-height: 1;text-align: center;font-weight: 700;color: #fff;}