.cf {
zoom:1;/*for IE 5.5-7*/
}
.cf:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
li{list-style-type: none;}
@media only screen and (min-width: 768px) {
/* ----------------- common  ------------------ */
.menu ul li:nth-child(7){transition-delay: 1.2s;}
.menu ul li:nth-child(8){transition-delay: 1.3s;}
.links ul li.bnr a::before{content: none;}
.menu .sns {
transition-delay: 1.4s;
}
body{background: #0b1a31;}
img{width: 100%;height: auto;}
.header{flex-direction: row-reverse;}
main{color: #fff;}
.section-title{color: #fff;}
h2.en-title, h2{font-family: YuMin-Medium;line-height: 43px;font-weight: normal;}
.lp-mv-section{background: url("../img/bg.jpg") center center;background-size: cover;position: relative;height: 100vh;}
.lp-mv-section .img01{width: 63px;left: calc(50% - 178px);position: absolute;top: 29%;}
.lp-mv-section .img02{width: 101px;left: 48%;position: absolute;top: 33%;}
.lp-mv-section img{width: 100%;height: auto;}

#sec01{text-align: center;padding: 100px 0 0 0;}
#sec01 h1{max-width: 330px;margin: 0 auto;}
#sec01 h2{font-size: 28px;margin: 160px 0 60px 0;position: relative;}
#sec01 h2:before{position: absolute; background: #fff;content: "";width: 65px;;height: 1px;left: calc(50% - 32.5px);top: -75px;}
#sec02{text-align: center;padding: 170px 0;background:linear-gradient(180deg, #0b1a31 0%, #0b1a31 32%, #0a162a 32%, #0a162a 100%);}
#sec02 .wrap{background: #101d31;border: 1px solid #2b3a4d;outline:1px solid #2b3a4d;outline-offset: -10px; max-width: 1000px;margin: 0 auto;padding: 145px 0 130px;}
#sec02 .img01{max-width: 364px;margin: 0 auto;}
#sec02 h2{font-size: 28px;margin: 100px 0 60px 0;}
	#sec03{padding: 0 0 30px 0;}
#sec03, #sec04{background: #0a162a;}
#sec03 .wrap{position: relative;}
	#sec03 h2{font-size: 36px;line-height: 50px;}
#sec03 .img01{max-width: 1100px;position: absolute;left:-200px;}
#sec03 .text01{width: 380px;float: right;margin: 100px 0 0 0;}
a.btn{border: 1px solid #fff;color: #fff;padding: 30px 0;max-width: 600px;width: 100%;font-size: 24px;font-family: YuMin-Medium;margin: 0 auto;}
a.btn:hover{background: #fff;color: #0a162a;}
.more-btn01::after{background: url("../img/more-btn-arrow-white.svg");top: 48%;right: 40px;}
.more-btn01:hover::after{background: url("../img/more-btn-arrow.svg");}
.more-btn01::before{content: none;}
#sec03 .text02{margin: 30px 0 0 0;}
#sec03 a.btn{margin: 250px auto 0;}
#sec04 .top-about-section{padding:120px 30px 0;max-width: 1260px;margin: 0 auto;}
#sec04 .text-container{padding: 0 0 175px 0;}
#sec04 .col-md-7{max-width: 640px;}
#sec04 .col-md-5{max-width: 460px;}
#sec04 .row{justify-content: space-between;}
#sec04 .row:nth-child(2n){flex-direction: row-reverse;}
	
#sec05 {background:linear-gradient(180deg, #0a162a 0%, #0a162a 48%,  #0b1a31 48%, #0b1a31 100%);}
.en-title{color: #fff;}
#sec05 .en-title::before {
content: none;}
#sec05 .wrap:after {
background-color: #626262;
width: 1px;
height: 64px;
left: 50%;
top: -32px;
position: absolute;
content: '';
}
#sec05 .wrap{padding: 0 70px 90px;position: relative;background: #13223b;border: 1px solid #2b3a4d;margin: 0 auto 200px ;}
#sec05 .box01{width: 50%;display: flex;justify-content: space-between;margin: 60px 0 0 0;}
#sec05 .box02{max-width: 210px;position: relative;}
#sec05 .box02 span{position: absolute;top: -50px;display: block;padding: 0 35px;}
#sec05 .box03{max-width: 295px;padding: 0 40px 0 20px;}
#sec05 .text01{font-size: 22px;margin: 0 0 15px 0;font-family: YuMin-Medium;}
#sec05 .text02{font-size: 13px;}

#sec06 .wrap{display: flex;justify-content: space-between;}
#sec06 .img01{max-width: 520px;padding: 0 20px 0 0;}
#sec06 .text01{max-width: 610px;}
#sec06 .text02{margin: 25px 0 35px 0;}
#sec06 span.day{text-align: center;display: block; font-size: 16px;color: #ffde00;margin: 110px 0 30px 0;}

#sec07{margin: 120px 0 0 0;}
#sec07 .wrap{padding: 120px 0 0 0;border-top: 1px solid #48586f;}
#sec07 ul{display: flex;justify-content: space-between;}
#sec07 ul li{max-width: 360px;width: 31%;}
#sec07 ul li a{color: #fff;line-height: 2;}
#sec07 ul li .text01{margin: 35px 0 20px 0;font-size: 20px;font-family: YuMin-Medium;}
#sec07 ul li .text02{font-size: 13px;}
footer{background: none;text-align: center;}
main{position: relative;}
main:after{position: absolute;bottom: 0;content: "";width: 100%;height: 1100px; background: url("../img/bg _foot.png");background-size: cover;z-index: -1;}
}



@media only screen and (max-width: 767px) {

body{background: #0b1a31;}
img{width: 100%;height: auto;}
.header{flex-direction: row-reverse;}
main{color: #fff;}
.section-title{color: #fff;}
h2.en-title, h2, .section-title{font-family: YuMin-Medium;line-height: 1.8;font-weight: normal;font-size: 5vw;}
.lp-mv-section{background: url("../img/bg.jpg") center center;background-size: cover;position: relative;height: 100vh;z-index: 5}
.lp-mv-section .img01{max-width: 63px;width: 9%; left: calc(50% - 30%);position: absolute;top: 24%;}
.lp-mv-section .img02{max-width: 101px;width: 16%; left: 43%;position: absolute;top: 28%;}
.lp-mv-section img{width: 100%;height: auto;}
#sec01{text-align: center;padding: 20vw 0 0 0;}
#sec01 h1{max-width: 330px;width: 50%; margin: 0 auto;}
#sec01 h2{margin: 24vw 0 7vw 0;position: relative;}
#sec01 h2:before{position: absolute; background: #fff;content: "";width: 65px;;height: 1px;left: calc(50% - 32.5px);top: -11vw;}
#sec02{text-align: center;padding: 15vw 0;background:linear-gradient(180deg, #0b1a31 0%, #0b1a31 32%, #0a162a 32%, #0a162a 100%);}
#sec02 .wrap{background: #101d31;border: 1px solid #2b3a4d;max-width: calc(100% - 60px);margin: 0 auto;padding: 15vw 0;outline:1px solid #2b3a4d;outline-offset: -10px;}
#sec02 .img01{max-width: 364px;width:  65%;margin: 0 auto;}
#sec02 h2{margin: 10vw 0 7vw 0;}
#sec03{padding: 0 0 5px 0;}
#sec03, #sec04{background: #0a162a;}
#sec03 .img01{margin: 0 0 10vw -30px;width: 100vw;}
#sec03 .text01{text-align: center;margin: 7vw 0 0 0;}
#sec03 .text02{margin: 7vw 0 10vw 0;}
a.btn{border: 1px solid #fff;color: #fff;padding: 17px 0;max-width: 600px;width: calc(100% - 60px);font-size: 3.5vw;font-family: YuMin-Medium;margin: 0 auto;}
a.btn:hover{background: #fff;color: #0a162a;}
.more-btn01::after{background: url("../img/more-btn-arrow-white.svg");top: 48%;right: 40px;}
.more-btn01:hover::after{background: url("../img/more-btn-arrow.svg");}
.more-btn01::before{content: none;}

#sec04 .top-about-section{padding:0 30px;margin: 15vw 0;}
.top-about-section .text-container .col-md-7{margin: 0;}
	.top-about-section .text-container p{padding: 0;}
	#sec04 .section-title.top {margin: 10vw 0 8vw 0;}
#sec04 .text-container{margin: 0 0 15vw 0;}
.top-about-section .text-container{padding: 0;}
#sec04 .row{justify-content: space-between;text-align: center;}
	
#sec05 {background:linear-gradient(180deg, #0a162a 0%, #0a162a 48%,  #0b1a31 48%, #0b1a31 100%);}
#sec05 .en-title{color: #fff;margin: 0 0 23vw 0;padding: 13vw 0 0 0;}
#sec05 .en-title::before {
content: none;}
#sec05 .wrap:after {
background-color: #626262;
width: 1px;
height: 64px;
left: 50%;
top: -32px;
position: absolute;
content: '';
}
#sec05 .wrap{padding: 0 15vw 13vw;position: relative;background: #13223b;border: 1px solid #2b3a4d;margin: 0 auto 15vw ;}
#sec05 .row{display: block;}
#sec05 h2{}
#sec05 .box01{margin: 60px 0 0 0;}
#sec05 .box02{position: relative;}
#sec05 .box02 span{position: absolute;top: -15vw;display: block;padding: 0 13vw;}
#sec05 .box03{}
#sec05 .text01{font-size: 18px;margin: 7vw 0 5vw;font-family: YuMin-Medium;}
#sec05 .text02{font-size: 13px;}

#sec06 .wrap{}
#sec06 .img01{}
#sec06 .text01{margin: 7vw 0 0 0;}
#sec06 .text02{margin: 5vw 0 7vw 0;}
#sec06 span.day{text-align: center;display: block; font-size: 13px;color: #ffde00;margin: 15vw 0 4vw 0;}

#sec07{margin: 15vw 0 0 0;}
#sec07 .wrap{padding: 15vw 0 0 0;border-top: 1px solid #48586f;}
#sec07 ul{}
#sec07 ul li{margin: 0 0 15vw 0;}
#sec07 ul li a{color: #fff;line-height: 2;}
#sec07 ul li .text01{margin: 35px 0 20px 0;font-size: 20px;font-family: YuMin-Medium;}
#sec07 ul li .text02{font-size: 13px;}
footer{background: none;text-align: center;}
main{position: relative;}
main:after{position: absolute;bottom: 0;content: "";width: 100%;height: 1100px; background: url("../img/bg _foot.png");background-size: cover;z-index: -1;}
	
#sec01{padding: 10vw 0 0 0;}
#sec01 .text01{display: inline-block;margin: 0 auto;padding: 0 10vw;}
#sec02 .text01{text-align: left;display: inline-block;margin: 0 auto;padding: 0 10vw;}
#sec03 .text02{text-align: left;display: inline-block;margin: 7vw auto 10vw;}
#sec03 h2{font-size: 6vw;line-height: 1.6;}
.top-about-section .text-container p{text-align: left;}
}