@charset "UTF-8";
/* CSS Document */


/*header*/
@media screen and (min-width:768px){
.pc{display: block!important;}
.sp{display: none!important;}


	
.wrap{max-width: 1260px;width: 100%; padding: 0 30px;margin: 0 auto;}


section{padding: 100px 0 0 0;}
h1{position: relative;}
h1.icon01:before{content:"";position: absolute;height: 1px;width: 50px;background: #000;bottom: -45px;}
h1.icon01.tate:before{content:"";position: absolute;height: 50px;width: 1px;background: #000;bottom: -75px;left:calc(50% - 0.5px);}
h1.icon01.center:before{left: calc(50% - 25px);}
h1.headline{font-size: 36px;text-align: center;}
h1.headline span{font-size: 18px;display: block;margin: 13px 0 0 0;}
header nav{display: flex;justify-content: space-between;height: 90px;align-items: center;padding: 0 40px;}
header h1{width: 377px;}
header .box00{display: flex;justify-content: space-between;align-items: center;width: 448px;}
header .box01{display: flex;justify-content: space-between;width: 340px;}
header .box02{display: flex;justify-content: space-between;width: 64px;}
header .box02 a{width: 23.5px;display: block;}
	
	header .box01 a{position: relative;}	
header .box01 a:hover::after {
    width: 100%;
}
header .box01 a::after {
    position: absolute;
    bottom: -6px;
    left: 50%;
    content: '';
    width: 0;
    height: 1px;
    background-color: #000;
    transition: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#sec01{background: url("../img/image01.jpg") center center no-repeat;background-size: cover;height: 540px;color: #fff;display: flex;align-items: center;justify-content: center;padding: 0;}
#sec01 h1{font-size: 60px;text-align: center;}
#sec01 h1 span{font-size: 30px;display: block;margin: 0 0 15px 0}
#sec01 h1 p{font-size: 18px;display: block;margin: 15px 0 0 0;}
	#sec02 a span{position: relative;padding: 0 0 10% 0;}
	#sec02 a span:before{content: "";
    position: absolute;
    height: 12px;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
    bottom: -12%;
    left: calc(50% + 14px);
	}
	#sec02 a span:after{content: "";
    position: absolute;
    width: 40px;height: 1px;
	background: #fff;
    left: calc(50% - 20px);
    bottom: -12%;
    
	}
.flex{display: flex;}
.jus{justify-content: space-between;}

#sec02 {color: #fff;}
#sec02 a{color: #fff;}
#sec02 .box01{min-height: 190px;}
#sec02 .box02{background: #153360;align-items: center;width: 83.3%;padding: 30px 0;}
#sec02 .box03{background: #5b769e;font-size: 18px;line-height: 1.4;width: 16.7%;text-align: center;display: flex;justify-content: center;align-items: center;}
#sec02 .box03 a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
#sec02 .box04 h1{font-size: 32px;padding: 0 35px;}
#sec02 .box05{padding: 0 35px;}
#sec02 .box05 .text01{font-size: 24px;margin: 0 0 20px 0;}
#sec02 .box05 .text02{font-size: 14px;line-height: 2;}
#sec02 .line{width: 1px;height: 128px;background: #d2d2d2;}
	
	
	.slider .slick-dots{bottom:-50px;}
	.slider .slick-dots li button:before{font-size: 15px;}
	.slider {
  display: none;
}
.slider.slick-initialized {
  display: block;
}

#sec03{padding: 120px 0 140px 0;}
#sec03 h1.headline{text-align: left;}
#sec03 .box02{max-width: 710px;width: 53vw;margin: 0 30px 0 0;}
#sec03 .box03{max-width: 410px;width: 40vw;}
#sec03 .box03 .text01{font-size: 16px;line-height: 2;margin: 80px 0 0 0;}

#sec04{background: #eaeef4;padding: 100px 0 115px 0;}

#sec04 .text00{font-size: 18px;line-height: 1.9;margin: 100px 0 80px 0;text-align: center;}
#sec04 .box01{max-width: 960px;margin: 0 auto;}
#sec04 .box01 ul{flex-wrap: wrap;}
#sec04 .box01 li{max-width: 280px;width:31%;margin: 0 0 50px 0;}
#sec04 .box01 li .text01{color: #fff;background: #153360;border-radius: 20px;text-align: center;padding: 10px 0;margin: 20px 0 30px;}
#sec04 .box01 li .text01.off{background: #a6a6a6;border-radius: 0;}
#sec04 .box01 li .text02, #sec04 .box01 li .text03{line-height: 1.8;}
#sec04 .box01 li .text02{border-bottom: 1px solid #000;padding: 0 0 20px 0;margin: 0 0 20px 0;}


#sec04 .box02{margin: 100px 0 0 0;}
#sec04 .box02 li{max-width: 560px;width:48%;text-align: center;}
#sec04 .box02 li .text04{font-size: 20px;margin: 40px 0 20px 0;}
#sec04 .box02 li .text05{line-height: 1.8;}
#sec04 .box02 li a{display: block;text-decoration: underline;}

	#sec05{padding: 135px 0;}
.movie{
position: relative;
max-width: 1000px;
width: 100%;
margin:75px auto 0;
}
.movie video{
width: 100%;
}
.movie .play-btn{
display: block;
width: 20%;
position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.movie .play-btn.playActive{display:none;}
#sec06{background: url("../img/sec06bg.png") repeat;padding: 120px 0 100px 0;}
#sec06 .box01{max-width: 740px;margin: 125px auto 0;}
#sec06 .box01 img{display: block;max-width: 220px;}
	
#sec07{background: #153360;padding: 80px 0;}
	#sec07 .box01{max-width: 830px;width: 100%;margin: 0 auto;}
	#sec07 .box01 a.btn{position: relative;border:1px solid #fff;width: 100%;color: #fff;text-align: center;height: 98px;line-height: 98px;display: block;font-size: 30px;}
	#sec07 a:before{content: "";
    position: absolute;
    height: 12px;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
    bottom: 48px;
    left: calc(90% + 14px);
	}
	#sec07 a:after{content: "";
    position: absolute;
    width: 40px;height: 1px;
	background: #fff;
    left: calc(90% - 20px);
    bottom: 48px;
    
	}
	footer small{display: block;text-align: center;padding: 40px 0;color: #153360;}
}