@charset "utf-8";

/*TOP
-----------------------------------------------*/

/*carouFredSel
----------------------------------------------*/

#slider_waku{
	width:100%;
	height: calc(100vh - 100px);/*headerの高さ分マイナスする*/
    position: relative;
    transition: all 400ms ease-in-out;
    overflow: hidden;
	margin:100px 0 0 0;/*headerの高さ分空ける*/
	}
.slider_pc_waku{
	width:auto;
	height:auto;
	}	
.slider_sp_waku{
	display:none;
	}	

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

#slider_waku{
	height: calc(100vh - 60px);/*headerの高さ分マイナスする*/
	margin:60px 0 0 0;/*headerの高さ分空ける*/
	}
	
.slider_pc_waku{
	display:none;
	}	
.slider_sp_waku{
	display:block;
	width:auto;
	height:auto;
	}	
}

@media only screen and (max-width: 667px) {
#slider_waku{
	height:inherit;/*iPhone横設定*/
	}
}

@media only screen and (max-width: 480px) {
#slider_waku{
	height: calc(100vh - 60px);/*headerの高さ分マイナスする*/
	}

}

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

}


/*slider-kazari
----------------------------------------------*/

.slider_catch_waku{
	width:98%;
	height:auto;
	position: absolute;
	z-index:5;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	}
.slider_catch{
	font-family:'MPLUSRounded1c-800',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:80px;
	text-align:center;
	color:#fff;
	line-height:1.4;
	text-shadow: 1px 1px 1px rgba(130,130,130,1.00);
	margin:0 0 10px 0;
	}
.slider_catch span{
	font-family:'MPLUSRounded1c-700',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	font-size:30px;
	}

.slider_catch_taxt{
	font-family:'MPLUSRounded1c-800',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	text-align:center;
	color:#fff;
	line-height:1.4;
	text-shadow: 1px 1px 1px rgba(130,130,130,1.00);
	margin:0 0 35px 0;
	}
.campaign_banner{
	width:auto;
	height:auto;
	}
.campaign_banner img{
	width:150px;
	height:auto;
	position:absolute;
	right:0;
	bottom:0;
	margin:0 18% 40px 0;
	z-index:5;
	}

.top_buuttom{
	background:rgba(49,115,179,0.93);
	border:none;
	}
.top_buuttom a{
	color:#ffffff;
	}
.top_buuttom:hover a{
	color:#ffffff;
	}

@media only screen and (max-width: 1300px) {
.slider_catch{
	font-size:60px;
	}
.slider_catch span{
	font-size:28px;
	}
.slider_catch_taxt{
	font-size:18px;
	}
}

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

.slider_catch_waku{
	width:95.5%;
	top:42.5%;
	}
.slider_catch{
	font-size:46px;
	}
.slider_catch span{
	font-size:22px;
	}
.slider_catch_taxt{
	font-size:16px;
	}
.campaign_banner img{
	width:120px;
	margin:0 40px 90px 0;	
	}
}

@media only screen and (max-width: 600px) {
.slider_catch{
	font-size:34px;
	}
.slider_catch span{
	font-size:18px;
	}
.slider_catch_taxt{
	font-size:14px;
	}
}

@media only screen and (max-width: 480px) {
	
.slider_catch_waku{
	width:93%;
	}
.slider_catch span{
	margin:4px 0 0 0;
	}
.slider_catch_taxt{
	text-align:left;
	}
.campaign_banner img{
	width:80px;
	margin:0 15px 90px 0;
	}
}

@media only screen and (max-width: 350px) {
.slider_catch{
	font-size:24px;
	}
.slider_catch span{
	font-size:14px;
	}
	
.slider_catch_taxt{
	font-size:12px;
	}
.campaign_banner img{
	width:70px;
	}
	
}

/*scroll down button
---------------------------------------------------*/
.scroll_down{
	width:auto;
	height:auto;
	font-size:20px;
	text-shadow: 1px 1px 1px rgba(130,130,130,1.00);
	}
.scroll_down a {
	position: absolute;
	bottom:0;
	left: 50%;
	z-index: 5;
	display: inline-block;
	-webkit-transform : translate(-50%,0);
	transform : translate(-50%,0);	
	text-decoration: none;
	color:#fff;
	padding-top:80px;
	margin:0 0 35px 0;
	}
.scroll_down a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	opacity: 0;
	box-sizing: border-box;
	}
.scroll_down a span:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	}
.scroll_down a span:nth-of-type(2) {
	top: 16px;
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
	}
.scroll_down a span:nth-of-type(3) {
	top: 32px;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
	}
  
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@media only screen and (max-width: 900px) {
.scroll_down{
	font-size:16px;
	}
.scroll_down a {
	padding-top:75px;
	margin:0 0 85px 0;
	}
.scroll_down a span {
	width: 24px;
	height: 24px;
	}
}

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

.scroll_down{
	font-size:14px;
	}
	
}


/*section1
--------------------------------------------------------*/
.information_waku{
	width:auto;
	height:auto;
	position:relative;
	margin:-80px 0 0 0;
	padding:35px 0 30px 0;
	}
	
.information_inner_left{
	width:auto;
	height:auto;
	float:left;
	margin:0 70px 0 0;
	}

.information_title_waku{
	width:auto;
	height:auto;
	margin:6px 0 0 0;
	}

.information_title_inner_left{
	width:100%;
	height:auto;	
	}

.contents h2.top_infomation{
	font-family:'MPLUSRounded1c-700',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.4;
	font-size:30px;
	margin:0 0 5px 0;
	text-align:left;
	color:#009fd6;
	}

.information_title_inner_right{
	width:100%;
	height:auto;
	overflow:hidden;	
	}
.information_button{
	width:auto;
	height:auto;	
	}
.information_button-4{
	width:120px;
	height:32px;
	text-align:center;
	background:#009fd6;
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	overflow:hidden;
    }
.information_button-4 a{
	font-size:16px;
	width:100%;
	color:#fff;
	text-decoration:none;
	transition:all .2s ease;
	z-index:2;
	position:relative;
	height:32px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	}
.information_eff-4{
	width:120px;
	height:32px;
	left:-120px;
	background:#b9967e;
	position:absolute;
	transition:all .2s ease;
	z-index:1;
	}
.information_button-4:hover .information_eff-4{
	left:0;
	}
.information_button-4:hover a{
	color:#fff;
	}
.information_button-4 a span img {
	margin: 0 0 0 12px;
	width: 5px;
	height:auto;
	position:relative;
	top:-2px;
	opacity:1;
	}

.information_inner_right{
	width:auto;
	height:auto;
	padding:0 25px 0 0;	
	overflow:hidden;
	
	/*height:105px;
	overflow:scroll;
	overflow-x: hidden;*/
	}

table.type01 {
	border-collapse: collapse;
	text-align: left;
	font-size: 18px;
	width:auto;
	height:auto;
	color:#4d4d4d;
	}
table.type01 th {
	width:165px;
	vertical-align:top;
	padding:0 0 5px 0;
	font-weight:normal;
	}
table.type01 td {
	vertical-align:top;
	padding:0 0 5px 0;
	}
table.type01 td a{
	color:#4d4d4d;
	text-decoration:none;
	}
table.type01 td a:hover{
	color:#009fd6;
	text-decoration:underline;
	}

@media (max-width:900px) {

.information_waku{
	padding:35px 0 25px 0;
	}

.information_inner_left{
	width:100%;
	float:none;
	margin:0 0 30px 0;
	}

.contents h2.top_infomation{
	font-size:26px;
	margin:0;
	}


.information_title_waku{
	margin:0;
	}

.information_title_inner_left{
	width:auto;
	float:left;
	margin:0 40px 0 0;
	}

.information_title_inner_right{
	width:auto;
	}
.information_button{
	margin:3px 0 0 0;	
	}
.information_button-4{
	height:30px;
    }
.information_button-4 a{
	font-size:14px;
	height:30px;
	}
.information_eff-4{
	height:30px;
	}

.information_inner_right{
	/*height:96px;*//**/
	}

table.type01 {
	width:100%;
	font-size: 16px;
	}
table.type01 th {
	width:100%;
	display:block;
	padding:0;
	padding:0 0 3px 0;
	}
table.type01 td {
	width:100%;
	display:block;
	padding:0 0 10px 0;

	}
}

@media (max-width:480px) {
.information_waku{
	margin:-40px 0 0 0;
	padding:35px 0 30px 0;
	}
.contents h2.top_infomation{
	font-size:20px;
	}
.information_button{
	margin:0;	
	}
.information_button-4{
	height:28px;
    }
.information_button-4 a{
	font-size:12px;
	height:28px;
	}
.information_eff-4{
	height:28px;
	}
.information_button-4 a span img {
	top:-1px;
	}
table.type01 {
	font-size: 14px;
	}
}


/*section2
--------------------------------------------------------*/
	
.common_item_campaign{
	background:url(../images/bg_campaign.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	}	

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

}

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


/*section3
--------------------------------------------------------*/
	
.common_item_concept{
	background:url(../images/bg_concept.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	}	

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

}

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



/*section4
--------------------------------------------------------*/
.program_waku{
	width:auto;
	height:auto;	
	}

.program_inner_left{
	width:48.5%;
	height:auto;
	float:left;	
	
	}
.program_inner_right{
	width:48.5%;
	height:auto;
	float:right;	
	}
.program_img{
	width:auto;
	height:auto;
	margin:0 0 35px 0; 	
	}
.program_img img{
	width:100%;
	height:auto;	
	}
.program_catch{
	width:auto;
	height:auto;
	font-family:'MPLUSRounded1c-700',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 22px;
	color:#009fd6;
    line-height: 1.4;
    padding: 10px;
    margin: 0 0 35px 0;
    position: relative;
	background:#eaf4f6;
	}

.contents p.program_taxt{
	height:60px;
	margin:0 0 35px 0;
	}

.program_button{
	width:auto;
	height:auto;	
	}
.program_button-4{
	width:280px;
	height:60px;
	margin:0 auto;
	text-align:center;
	background:rgba(49,115,179,0.93);
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	overflow:hidden;
    }
.program_button-4 a{
	font-size:18px;
	width:100%;
	color:#fff;
	text-decoration:none;
	transition:all .2s ease;
	z-index:2;
	position:relative;
	height:60px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	}
.program_eff-4{
	width:280px;
	height:60px;
	left:-280px;
	background:#000000;
	position:absolute;
	transition:all .2s ease;
	z-index:1;
	}
.program_button-4:hover .program_eff-4{
	left:0;
	}
.program_button-4:hover a{
	color:#fff;
	}
.program_button-4 a span img {
	margin: 0 0 0 12px;
	width: 5px;
	height:auto;
	position:relative;
	top:-2px;
	opacity:1;
	}

/*checkmark*/
.checkmark001{
	padding-left:30px;
	position:relative;
	}
.checkmark001:before,
.checkmark001:after{
	content:"";
	display:block;
	position:absolute;
	margin:6px 0 0 0;
	}
.checkmark001:before{
	width:16px;
	height:16px;
	/*background:#fff;*/
    border:2px solid #009fd6;
	left:0;
	top:2px;
	}
.checkmark001:after{
	border-left:2px solid #009fd6;
	border-bottom:2px solid #009fd6;
	width:18px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:3px;
	}
/*ここまで*/

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

.program_inner_left{
	width:100%;
	float:none;
	margin:0 0 40px 0;	
	
	}
.program_inner_right{
	width:100%;
	float:none;	
	}
.program_catch{
	font-size:20px;
	}
.contents p.program_taxt{
	height:auto;
	}
.program_button-4 {
	margin: 0 auto;
	}
.program_button-4 a{
	font-size:16px;
	}

/*checkmark*/
.checkmark001:before,
.checkmark001:after{
	margin:3px 0 0 0;
	}
.checkmark001:before{
	width:14px;
	height:14px;
	top:3px;
	}
.checkmark001:after{
	width:16px;
	}
/*ここまで*/

}

@media only screen and (max-width:580px) {
	
/*checkmark*/
.checkmark001:before,
.checkmark001:after{
	margin:3px 0 0 0;
	}
/*ここまで*/

}

@media only screen and (max-width:480px) {
.program_catch{
	font-size:18px;
    padding: 10px 15px;
	margin:0 0 40px 0;
	}

.program_button-4{
	width:250px;
	}
.program_eff-4{
	width:250px;
	left:-250px;
	}
.program_button-4 a{
	font-size:14px;
	}
	
/*checkmark*/
.checkmark001{
	padding-left:25px;
	}
.checkmark001:before{
	width:12px;
	height:12px;
	}
.checkmark001:after{
	width:14px;
	}
/*ここまで*/
	
}


/*section5
--------------------------------------------------------*/

.common_item_double_waku{
	width:auto;
	height:auto;	
	}
.common_item_double_left{
	width:50%;
	height:auto;
	float:left;	
	}
.common_item_double_right{
	width:50%;
	height:auto;
	float:right;	
	}
	
.common_item_facilities{
	background:url(../images/bg_facilities.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	}	

.common_item_entry{
	background:url(../images/bg_entry.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	}	

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

.common_item_double_left{
	width:100%;
	float:none;	
	}

.common_item_double_right{
	width:100%;
	float:none;	
	}
}

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