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

body{font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;color: #000;}
.en{font-family: 'Roboto', sans-serif;text-transform: uppercase;letter-spacing: 0.025rem;}
a{color: #000;}
a:hover{color: #000;text-decoration: none;}
a img{transition: all 0.3s;}
a:hover img{opacity: 0.7;}
.t_a_c{text-align: center;}
h2{margin: 0;}
ul, ol{margin: 0;padding:0;}
li{list-style-type: none;}
.yu{font-family :YuMincho,'Yu Mincho',serif;}
.tate{-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;}
img{width: 100%;height: auto; vertical-align: bottom;}
.cf {
zoom:1;/*for IE 5.5-7*/
}
.cf:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
@media screen and (min-width:768px){
.pc{display: block}
.sp{display: none;}
*{transition: all 0.3s;}

.wrap{width: 1000px;margin: 0 auto;}
header{height: 150px;position: relative;}
header .wrap{position: relative;}

header .box01{width: 218px;position: absolute;left: 30px;top: 18px;}
header .text00{position: absolute;left: 268px;font-size: 14px;line-height: 90px;font-weight: 600;}

header .box02{background: #13bbba;width: 100%;position: absolute;top: 90px;font-weight: bold;}
.g_nav{width:  840px;margin: 0 auto;display: flex;}
.g_nav li a{padding: 22px 35px;display: block;color: #fff;}
.g_nav li a:hover{background: #0e9695;}
header .box03{position: absolute;right: 25px;top:20px;}
header .box03 .text01{font-size: 14px;text-align: right;font-weight: 600;display: block;margin: 0 0 7px 0;}
header .box03 .text02{font-size: 30px;text-align: right;font-weight: 600;color: #13bbba;position: relative;}
header .box03 .text02:before{content: "";width: 24px;height: 26px; position: absolute;background:url("../img/head_icon.png") no-repeat center center;background-size: contain;left: -27px;top: 2px;}


section{padding: 80px 0 90px 0;}
h1.headline01{font-size: 30px;text-align: center;font-weight: 600;margin: 0 0 50px 0;}
h1.headline01 span{font-size: 16px;display: block;margin: 0 0 15px 0;}
#sec01{position: relative;height: 500px;padding: 0;}
#sec01 .wrap{position: relative;z-index: 2;}
#sec01 h1{position: absolute;top: 118px;font-size: 42px;}
#sec01 h1 span{padding: 10px;}
#sec01 h1 span.color{color: #13bbba;}
#sec01 h1 span.sub01{background: #fff;line-height: 75px;}
#sec01 h1 span.sub02{font-size: 22px;background: #13bbba;color: #fff;line-height: 80px;}
#sec01 .bg{position: relative;z-index: 1;}
#sec01 .bg ul li.s01{width: 100%;height: 500px;background: url("../img/mvslide01.jpg") no-repeat;background-size: cover;}
#sec01 .bg ul li.s02{width: 100%;height: 500px;background: url("../img/mvslide02.jpg") no-repeat;background-size: cover;}
#sec01 .bg ul li.s03{width: 100%;height: 500px;background: url("../img/mvslide03.jpg") no-repeat;background-size: cover;}

#sec02{padding: 50px 0 0 0;font-weight: 600;}
#sec02 .box01{display: flex;justify-content: space-between; padding: 30px;border: 4px solid #13bbba;color: #13bbba;}
#sec02 h1{font-size: 22px; line-height: 46px;}
#sec02 .line{width: 1px;background: #d2d2d2;height: 46px;;}
#sec02 .text01{line-height: 23px;}
	
#sec03, #sec05{color: #404040;}
#sec03{text-align: center;}
#sec03 h1{font-size: 30px;font-weight: 600;border-bottom: 5px solid #e8e8ea;display: inline-block;padding: 0 0 10px 0;margin: 0 0 50px 0;}
#sec03 ul{display: flex;justify-content: space-between;}
#sec03 ul li{width: 171px;}
#sec03 ul li span{font-size: 16px;line-height: 23px;font-weight: 600;display: block;margin: 30px 0 0 0;white-space: nowrap;}
	
#sec04{background: url("../img/bg_p.jpg") repeat;padding: 100px 0 65px 0;}
#sec04 h1{color: #fff;}
#sec04 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 60px 0 0 0;}
#sec04 ul li{width: 310px;text-align: center;margin: 0 0 15px 0;}	
	
	
#sec05{background: url("../img/bg01.jpg") center center no-repeat;background-size: cover;padding: 100px 0 100px 0;}
#sec05 ul li{display: flex;height: 160px;margin: 0 0 30px 0;background: #fff;}
#sec05 ul li .box01{text-align: center;color: #fff;font-size: 16px;font-weight: 700;background: #13bbba;width: 160px;display: flex;align-items: center;flex-direction: column;justify-content: center;}
#sec05 ul li .box01 span{font-size: 60px;display: block;}
#sec05 ul li .box02{display: flex;align-items: center;width: 160px;justify-content: center;}
#sec05 ul li .box02 img{width: 70px;height: auto;}
#sec05 ul li .box04{font-size: 24px;font-weight: 700;color: #13bbba;margin: 35px 0 10px 0;} 
#sec05 ul li .box05{width: 610px;font-size: 18px;line-height: 26px;}

#sec06{background: #13bbba;color: #fff;padding: 100px 0 100px 0;}
#sec06 .headline01 span{font-size: 60px;margin: 0 0 27px 0;}
#sec06 .text01{font-size: 34px;color: #13bbba;background: #fff;text-align: center;font-weight: 600;line-height: 84px;}
#sec06 .text01 span{font-size: 41px;}
#sec06 ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 30px 0;}
#sec06 ul li{text-align: center;border: 2px solid #fff;width: 490px;margin: 0 0 15px 0;line-height: 55px;font-size: 24px;font-weight: 600;}
#sec06 .text02{text-align: center; font-size: 22px;line-height: 32px;}
	
#sec07{background: url("../img/bg02.jpg") center center no-repeat;background-size: cover;color: #fff;font-size: 16px;padding: 100px 0 190px 0;}
#sec07 .wrap{width: 600px;}
#sec07 a{display: inline-block;text-decoration: underline;}

#sec07 dl{margin: 20px 0 0 0;}
#sec07 dt{width: 200px;float: left;}
#sec07 dd{width: calc(100% - 200px);float: left;}
#sec07 dd a{display: block;}
/*#sec07 dd a +a{margin: 10px 0 0 0;}*/
#sec07 dt, #sec07 dd{padding: 13px 0;line-height: 1.6;}
#sec07 dl{display: inline-block;}
	
#sec08{background: #d1eaea;padding: 100px 0 80px 0;}
#sec08 .wrap{position: relative;}
#sec08 .box03{background: #fff;padding: 80px 80px 70px 80px;}
	#sec08 a{color: #fff;}
#sec08 table{width: 100%;}
#sec08 th{font-weight: 600;text-align: left;width: 19.5%;vertical-align: top;padding: 22px 0 0 0;color: #535353;vertical-align: top;}
#sec08 td.sub{width: 405px;display: block;}
#sec08 td input{width: 100%;border: none;background: #f2f2f2;border-radius: 5px;padding: 20px;margin: 0 0 30px 0;}
#sec08 td textarea{width: 100%;border: none;background: #f2f2f2;border-radius: 5px;resize: vertical;height: 216px;padding: 15px;}
#sec08 h2{color: #13bbba;font-size: 32px;text-align: center;}
#sec08 .box01{background: #13bbba;color: #fff;display: flex;justify-content: space-between;height: 104px;padding: 0 75px;line-height: 104px;font-weight: 600;margin: 30px 0 40px 0;}
#sec08 .box01 .line{width: 1px;height: 38px;background: #fff;margin: 35px 0 0 0;}
#sec08 .text01{font-size: 22px;}
#sec08 .text02{font-size: 34px;position: relative;padding: 0 0 0 40px;}
#sec08 .text02:before{content: "";width: 24px;height: 26px; position: absolute;background:url("../img/contact_icon.png") no-repeat center center;background-size: contain;left: 11px;top: 39px;}
#sec08 .text03{font-size: 16px;}
#sec08 .text04{border-top: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;padding: 25px 0;margin: 40px 0 60px 0;color: #404040;font-size: 13px;
    line-height: 22px;}
input[type="submit"].btn01 {
    position: relative;
    width: 100%;
    max-width: 240px;
	border-radius: 26px;
    height: 52px;
    white-space: nowrap;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    border: 2px solid #13bbba;
    background: none;
	transition: all 0.3s;
	color: #13bbba;}
	.btn_area{text-align: center;}
	input[type="submit"].btn01:hover{
	background: #13bbba;
	color: #fff;}	
	

footer{padding: 0 0 40px;position:relative;}
footer .logo{width: 65px;margin: 0 auto;padding: 35px 0 30px;}
footer small.en{font-size: 11px;text-transform: none;color: #13bbba;}
}