@charset "UTF-8";


/*----------------------------------------------------
	Mv
----------------------------------------------------*/
#mv{
	min-width:1000px;
	position: relative;
}
#mv h2{
	display: inline-block;
	position:absolute;
	right:0;
	left: 0;
	bottom: 0;
	top:0;
	margin: auto;
	width: 459px;
    height: 152px;
    z-index: 99;
}
.bxslider li{
	width:100%;
	height:630px;
	box-shadow:0px 6px 5px -5px rgba(0,0,0,0.4) inset;
	-moz-box-shadow:0px 6px 5px -5px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow:0px 6px 5px -5px rgba(0,0,0,0.4) inset;
}
.bxslider li.mv01{
	background:url(../images/top/mv_01.jpg) center top no-repeat;
}
.bxslider li.mv02{
	background:url(../images/top/mv_02.jpg) center top no-repeat;
}
.bxslider li.mv03{
	background:url(../images/top/mv_03.jpg) center top no-repeat;
}
.bxslider li.mv04{
	background:url(../images/top/mv_04.jpg) center top no-repeat;
}


/*----------------------------------------------------
	Common
----------------------------------------------------*/
.scInr{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding:45px 0;
}
.scInr h2{
	text-align:center;
	padding-bottom:40px;
}
.scInr .btn{
	text-align:center;
}
.scInr .btn a{
	display:inline-block;
	width:280px;
	height:70px;
}


/*----------------------------------------------------
	News
----------------------------------------------------*/
#newsBox{
	background:url(../images/common/bg_pattern_02.png);
}
#newsBox dl{
	line-height:2.5;
	position:relative;
	padding-bottom:40px;
}

#newsBox dl dt{
	position:absolute;
}
#newsBox dl dd{
	padding-left:8em;
}
#newsBox dl dd a{
	text-decoration:underline;
}
#newsBox dl dd:before{
	content:"";
	background:url(../images/common/icon_arrow_01.png) left 0.5em no-repeat;
	width:4px;
	height:6px;
	padding-left:13px;
}

#newsBox .btn a{
	background:url(../images/top/news_btn_on.png) left center no-repeat;
}


/*----------------------------------------------------
	Concept
----------------------------------------------------*/
#conceptBox{
	background:url(../images/common/bg_pattern_03.png);
	text-align:center;

	box-shadow:0px 6px 5px -5px rgba(0,0,0,0.4) inset;
	-moz-box-shadow:0px 6px 5px -5px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow:0px 6px 5px -5px rgba(0,0,0,0.4) inset;
}
#conceptBox .scInr{
	background:url(../images/top/bg_deco.png) right top no-repeat;
}
#conceptBox .btn{
	padding-top:65px;
}
#conceptBox .btn a{
	background:url(../images/top/concept_btn_on.png) left center no-repeat;
}


/*----------------------------------------------------
	Facility
----------------------------------------------------*/
#facilityBox{
	background:url(../images/common/bg_pattern_04.png);

	box-shadow:0px 6px 5px -5px rgba(0,0,0,0.4) inset;
	-moz-box-shadow:0px 6px 5px -5px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow:0px 6px 5px -5px rgba(0,0,0,0.4) inset;
}
#facilityBox ul{
	padding-bottom:55px;
}
#facilityBox li{
	float:left;
	width:325px;
	margin:0 10px 10px 0;
}
#facilityBox li:nth-of-type(3n){
	margin-right:0;
}
#facilityBox li dl{
	display:table;
	background:url(../images/common/bg_pattern_05.png);
	width:100%;
}
#facilityBox li dl a{
	display:block;
}
#facilityBox li dt{
	display:table-cell;
}
#facilityBox li dd{
	display:table-cell;
	vertical-align:middle;
	padding-left:10px;
	line-height: 1.6;
}
#facilityBox .btn a{
	background:url(../images/top/facility_btn_on.png) left center no-repeat;
}

@media screen and (min-width:767px){
	#facilityBox dl img {
		-webkit-transition: all 1s;
		transition: all 1s;
	}
	#facilityBox dl:hover img{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}



/*----------------------------------------------------
	Action
----------------------------------------------------*/
#actionBox{
	background:url(../images/top/action_bg.jpg) top center no-repeat;
	height:380px;
}
#actionBox ul{
	text-align:center;
	letter-spacing:-40em;
	padding-top:50px;
}
#actionBox li{
	display:inline-block;
	letter-spacing:normal;
	padding:0 30px;
}
#actionBox li a{
	display: inline-block;
}
#actionBox li:first-of-type a{
	background: url(../images/top/action_btn_01_on.png) top no-repeat;
}
#actionBox li:last-of-type a{
	background: url(../images/top/action_btn_02_on.png) top no-repeat;
}


@media only screen and (max-width: 767px){
	#mv{
		width:100%;
		min-width:100%;
		margin-top:67px;
	}
	#mv h2{
		width: 55%;
		bottom: auto;
		top: 38%;
	}
	#mv h2 span {
		right: 0;
		top: 20px;
		left: 0;
		margin: auto;
		width: 20%;
	}
	.bxslider li{
		width:100% !important;
		padding-bottom: calc(100%*421/640);
		height:auto;
	}
	.bxslider li img{
		display:none;
	}
	.bxslider li.mv01{
		background:url(../images/top/mv_01_sp.jpg) center top no-repeat;
		background-size:cover;
	}
	.bxslider li.mv02{
		background:url(../images/top/mv_02_sp.jpg) center top no-repeat;
		background-size:cover;
	}
	.bxslider li.mv03{
		background:url(../images/top/mv_03_sp.jpg) center top no-repeat;
		background-size:cover;
	}
	.bxslider li.mv04{
		background:url(../images/top/mv_04_sp.jpg) center top no-repeat;
		background-size:cover;
	}

	/*----------------------------------------------------
		Common
	----------------------------------------------------*/
	.scInr{
		width:100%;
		padding:20px 0;
	}
	.scInr h2{
		width: 45%;
		margin: 0 auto;
		padding-bottom:20px;
	}

	.scInr .btn {
		width:60%;
		margin:0 auto;
	}
	.scInr .btn a{
		width:auto;
		height:auto;
		background:none !important;
	}

	/*----------------------------------------------------
		News
	----------------------------------------------------*/
	#newsBox{
		padding:0 10px;
	}
	#newsBox dl{
		padding-bottom:20px;
	}
	#newsBox dl dd{
		position:relative;
	}
	#newsBox dl dd:before {
		height: 1em;
		position: absolute;
		margin-left: -13px;
		top:0.4em;
	}

	/*----------------------------------------------------
		Concept
	----------------------------------------------------*/
	#conceptBox{
		padding:0 10px;
	}
	#conceptBox h3{
		padding-bottom:20px !important;
	}
	#conceptBox .btn{
		padding-top:20px;
	}


	/*----------------------------------------------------
		Facility
	----------------------------------------------------*/
	#facilityBox ul{
		padding-bottom:20px;
	}
	#facilityBox li{
		float:none;
		padding:0 10px;
		width:100%;
	}
	#facilityBox li:last-of-type{
		margin-bottom:0;
	}


	/*----------------------------------------------------
		Action
	----------------------------------------------------*/
	#actionBox{
		height:auto;
		background-size:cover;
	}
	#actionBox h2{
		width:60%;
	}
	#actionBox ul{
		padding:0;
		width:70%;
		margin:0 auto;
	}
	#actionBox ul li{
		display:block;
		padding-bottom:10px;
	}
}