@charset "UTF-8";
body {color: #444;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:109%;-webkit-text-size-adjust: 100%;width:100%;margin:0 auto;}

a img.blight{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover img.blight{opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}
a{text-decoration:none;color:#444;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover{text-decoration:none;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}
img{max-width:100%;}
*, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}

.pcnone{display:none!important;}
.spnone{display:block!important;}

header{padding:25px 10px; text-align:center;}

footer {padding:20px 10px;background:#004e93;color:#fff;font-size:13px;}
footer a{color:#fff;text-decoration:underline;}
footer nav ul{text-align:center;}
footer nav ul li{display:inline-block;padding:0 10px;}
footer nav ul li:first-child{padding:0 10px 0 0;}
footer nav ul li:last-child{padding:0 0 0 10px;}
footer small{display:block;text-align:center;font-size:13px;}


.kv {padding:0 0 35px 0;}

.kv .kv_area1,.kv .kv_area2,.kv .kv_area3,.kv .kv_area4{height: 650px;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.kv_area1 {background-image: url(../img/kv5_pc.jpg);}
.kv_area2 {background-image: url(../img/kv1_pc.png);}
.kv_area3 {background-image: url(../img/kv2_pc.png);}
.kv_area4 {background-image: url(../img/kv3_pc.png);}


.kv .kv_box{position: relative;z-index: 2;height: 650px;max-width:1000px;margin:0 auto;}
.kv .btn_kv01, .kv .btn_kv02, .kv .btn_kv03, .kv .kv04{position: absolute;cursor: pointer;}
.kv .btn_kv01 {bottom: 60px;left: 10px;}
.kv .btn_kv02 {bottom: 60px;left: 10px;}
.kv .btn_kv03 {bottom: 30px;left: 10px;}
.kv .kv04 {display:table;bottom: 50px;left: 14%;}
.kv .btn_kv04_01 {display:table-cell;}
.kv .btn_kv04_02 {display:table-cell;}

#modal {display: none;}
#modal .wrap {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;
background: rgba(0, 0, 0, 0.8);}
#modal .inner {position: relative;background: #fff;}
#modal .player {padding-top: 53.33333%;width: 100%;position: relative;}
#modal .player video {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#modal .player video:focus {outline: none;}
#modal .close {position: absolute;right: 0;cursor: pointer;}
#modal .close img {width: 100%;height: auto;vertical-align: bottom;}

@media (min-width: 801px) {
  #modal .inner {width: 800px;}
  #modal .close {width: 30px;top: -50px;}
}

@media (max-width: 800px) {
  #modal .inner {width: 93.3333333vw;}
  #modal .close {width: 6.66666667vw;top: -9.33333333vw;}
}



.sm {display: none;}

.con_in{max-width:1000px;width:100%;margin:0 auto;padding:50px 20px;}

.btnbox{display:table;margin:0 auto;}
.btnbox div{display:table-cell;vertical-align:top;padding:0 15px;}

#news{background:#004e93;}

.ti1{color:#fff;font-size:40px;line-height:1.4;padding:0 0 5px 0;}

.news_in{border:1px solid #fff;padding:25px 45px;color:#fff;}
.news_in h3{font-weight:bold;border-bottom:1px solid #fff;padding:0 0 10px 0;margin:0 0 15px 0;}
.news_in dl{display:flex;line-height:1.6;}
.news_in dt{width:125px;}
.news_in_in{overflow-y:auto;max-height:120px;}

#sec1{background:url(../img/sec1_bg_pc.png) center center no-repeat;background-size:cover;text-align:center;}
#sec2{background:url(../img/bg_border.png) center center repeat;color:#fff;}
#sec9{background-color:#dab300;color: #fff;}

#sec4{background:url(../img/bg_border.png) center center repeat;color:#fff;}
#sec6{background:url(../img/bg_border.png) center center repeat;color:#fff;}
#sec8{background:url(../img/bg_border.png) center center repeat;color:#fff;}

.txt1{font-weight:bold;font-size:36px;text-align:center;line-height:1.5;}
.txt2{font-weight:bold;font-size:36px;text-align:center;line-height:1.5;color:#004e93;}
.txt3{font-size:16px;color:#008fd3;}
.txt4{color:#004e93;}
.txt5{font-weight:bold;font-size:24px;padding:0 0 15px 0;text-align:center;line-height:1.5;color:#004e93;}
.txt6{font-weight:bold;font-size:30px;padding:40px 0 0 0;text-align:center;line-height:1.5;color:#008fd3;}


.yellow_txt{color:#fff100;}
.blue_line{background: linear-gradient(transparent 55%, #008fd3 55%);}
.yellow_line{background: linear-gradient(transparent 55%, #fff100 55%);}


.box_slant{background:url(../img/bg_slant.png) center center repeat;border-radius:20px;padding:20px;}

.box_slant_out{display:flex;margin:20px 0 0 -30px;}
.box_slant_out > div{margin:0 0 0 30px;flex:1;}

.sec3_ti1{font-weight:normal;color:#008fd3;line-height:1.3;font-size:16px;background:url(../img/sec3_ico1.png) 0 0 no-repeat;padding:5px 0 13px 80px;margin:0 0 15px 0;background-size:68px;border-bottom:1px solid #008fd3;}
.sec3_ti1 span{font-weight:bold;font-size:36px;}

.sec3_ti2{font-weight:normal;color:#008fd3;line-height:1.3;font-size:16px;background:url(../img/sec3_ico2.png) 0 0 no-repeat;padding:5px 0 15px 80px;margin:0 0 15px 0;background-size:68px;border-bottom:1px solid #008fd3;}
.sec3_ti2 span{font-weight:bold;font-size:34px;}

.sec3_ti3{font-weight:normal;color:#008fd3;line-height:1.3;font-size:16px;background:url(../img/sec3_ico3.png) 0 0 no-repeat;padding:5px 0 15px 80px;margin:0 0 15px 0;background-size:68px;border-bottom:1px solid #008fd3;}
.sec3_ti3 span{font-weight:bold;font-size:34px;}

.sec3_ti4{font-weight:normal;color:#008fd3;line-height:1.3;font-size:16px;background:url(../img/sec3_ico4.png) 0 0 no-repeat;padding:5px 0 13px 80px;margin:0 0 15px 0;background-size:68px;border-bottom:1px solid #008fd3;}
.sec3_ti4 span{font-weight:bold;font-size:36px;}

.sec3_ti5{font-weight:normal;color:#008fd3;line-height:1.3;font-size:16px;background:url(../img/sec3_ico5.png) 0 0 no-repeat;padding:5px 0 23px 80px;margin:0 0 15px 0;background-size:68px;border-bottom:1px solid #008fd3;}
.sec3_ti5 span{font-weight:bold;font-size:28px;}

.overview{border:1px solid #004e93;padding:30px 20px;margin:30px 0 0 0;}
.overview h3{background: #004e93;color:#fff;font-size:24px;padding:5px 50px;border-radius:30px;display:table;margin:0 auto 20px auto;}

.overview_in{display:table;margin:0 auto;}
.overview_in_l{display:table-cell;vertical-align:middle;color:#004e93;}
.overview_in_l dl{display:flex;}
.overview_in_l dt{font-weight:bold;}
.overview_in_l dd{padding:0 0 0 20px;}
.overview_in_r{display:table-cell;vertical-align:middle;padding:0 0 0 40px;}










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

	.pcnone{display:block!important;}
	.spnone{display:none!important;}

	.la {display: none;}
	.sm {display: block;}

/*	.sm .btn_kv04_01 {width:65%;position:absolute;top:36.8vw;left:4.2%;}
	.sm .btn_kv04_02 {width:43%;position:absolute;top:57vw;left:4.2%;}
	.sm .kv04{width:100%;height:76vw;background-image: url(../img/kv04_sp.png);background-size:100%;}*/

  footer nav ul li{padding:0 2%;}
  footer nav ul li:first-child{padding:0 2% 0 0;}
  footer nav ul li:last-child{padding:0 0 0 2%;}



	header{padding:20px 10px;}
	header h1{max-width:180px;margin:0 auto;}



	.kv .kv_area1,.kv .kv_area2,.kv .kv_area3,.kv .kv_area4{height:auto;}
	.kv .kv_box{height: auto;}

	.kv_area1 {background-image:none;}
	.kv_area2 {background-image:none;}
	.kv_area3 {background-image:none;}
	.kv_area4 {background-image:none;}


	.kv .btn_kv01 {bottom: 1.5%;left: 10px;width:60%;}
	.kv .btn_kv02 {bottom: 1.5%;left: 50%;transform: translateY(0) translateX(-50%);-webkit- transform: translateY(0) translateX(-50%);width:60%;}
	.kv .btn_kv03 {top: 20%;left: 10px;width:60%;}
	.kv .kv04 {bottom: 1.5%;left:0;}


	/*.kv .btn_kv01 img{width:65%;}
	.kv .btn_kv02 img{width:65%;}
	.kv .btn_kv03 img{width:65%;}*/
	.kv .kv04 {padding:0 10px;}


	.con_in{padding:30px 10px;}

	.btnbox{display:block;text-align:center;}
	.btnbox div{display:block;padding:10px 0;}


	.ti1{font-size:31px;}

	.news_in{padding:15px;}
	.news_in h3{padding:0 0 10px 0;margin:0 0 5px 0;}
	.news_in dl{display:block;padding:5px 0 5px 0;}
	.news_in dt{width:100%;}

	#sec1{background:url(../img/sec1_bg_sp.png) center center no-repeat;}

	.txt1{font-size:26px;}
	.txt2{font-size:26px;}
	.txt3{font-size:16px;}
	.txt5{font-size:19px;padding:0 0 15px 0;}
	.txt6{font-size:24px;padding:40px 0 0 0;}




	.box_slant{padding:15px;}

	.box_slant_out{display:block;margin:0;}
	.box_slant_out > div{margin:20px 0 0 0;}


	.overview{padding:15px;margin:30px 0 0 0;}
	.overview h3{font-size:24px;padding:5px 30px;}

	.overview_in{display:block;}
	.overview_in_l{display:block;}
	.overview_in_l dt{white-space: nowrap;}
	.overview_in_r{display:block;margin:0 auto;padding:15px 0 0 0;max-width:100px;}

}


@media only screen and (max-width:480px){
	body{font-size:3.8vw;}
	footer {font-size:3.3vw;}
  footer small{font-size:3.3vw;}


	.ti1{font-size:6.5vw;}


	.txt1{font-size:5.2vw;}
	.txt2{font-size:5.2vw;}
	.txt3{font-size:3.3vw;}
	.txt5{font-size:4.5vw;}
	.txt6{font-size:5vw;}

	.overview h3{font-size:4.5vw;}

	.sec3_ti1{font-size:3.8vw;padding:3px 0 13px 60px;margin:0 0 15px 0;background-size:48px;}
	.sec3_ti1 span{font-size:6vw;}

	.sec3_ti2{font-size:3.8vw;padding:3px 0 15px 60px;margin:0 0 15px 0;background-size:48px;}
	.sec3_ti2 span{font-size:5.8vw;}

	.sec3_ti3{font-size:3.8vw;padding:3px 0 15px 60px;margin:0 0 15px 0;background-size:48px;}
	.sec3_ti3 span{font-size:5.8vw;}

	.sec3_ti4{font-size:3.8vw;padding:3px 0 13px 60px;margin:0 0 15px 0;background-size:48px;}
	.sec3_ti4 span{font-size:6vw;}

	.sec3_ti5{font-size:3.8vw;padding:3px 0 23px 60px;margin:0 0 15px 0;background-size:48px;}
	.sec3_ti5 span{font-size:5vw;}




/*
	13px　→　3vw
	16px　→　3.3vw
	18px　→　3.5vw
	20px　→　4vw
	22px　→　4.2vw
	24px　→　4.5vw
	26px　→　4.7vw
	28px　→　5vw
	30px　→　5.2vw
	34px　→　5.8vw
	36px　→　6vw
	40px　→　7vw
*/

}