/* ==========================================================================
/* -- 画面の横幅が768pxまで
 ========================================================================== */
@media only screen and (max-width: 768px) {
body {
	padding: 0px 0px 67px 0px;
	margin: 0px 0px 0px 0px;
	word-wrap: break-word;
}
/*
overflow:scroll; の指定がある場合は word-wrap:normal;　で解除
*/

/*-----------------------------------------------------------------------------*/


/* wrapper -------------------------------------------------------------------------------------------------------------------------------------*/
#wrapper {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
/* HEADER -------------------------------------------------------------------------------------------------------------------------------------*/
#header {
	display:none;
}
#header_sp {
	display:block;
}

.header_sp_area {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.header_sp_area .sns_area {
	width: 10%;
	position: absolute;
	right: 3%;
	top: 1%;
}
.header_sp_area .sns_area img {
	width: 100%;
}

.header_tel_sp_area {
	padding: 0px 0px 0px 0px;
	margin: 0% 0px 0px 0%;
	width: 50%;
	height:inherit;
	position: absolute;
	right: 16%;
	top: 1%;
	background-image: url(../img/sp_header_tel.png);
	background-repeat: no-repeat;
	font-size: 2.5vw;
	color: #FFF;
	padding-top:12.462%;
	background-size:contain;
}
.header_tel_sp_area p {
	padding: 0px 0px 0px 0px;
	margin: -24.5% 5% 0px 0%;
	text-align: right;

}
.header_tel_sp_area p span {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 3.5vw;
}
.header_tel_sp_area p span a {
	color: #FFF;
	text-decoration:none;
}

.bg-slider_sp {

}

.header_sp_ci {

	
	padding: 0% 0px 0px 0px;
	margin: 25% 0px 0px 0px;
	width: 100%;
	height:inherit;
	background-image: url(../img/sp_header_ci.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	padding-top:39.843%;
	background-size:contain;
}
.arrow_area {
	display:none;
}



/* CONTENTS -------------------------------------------------------------------------------------------------------------------------------------*/


/* catch -------------------------------*/
.catch_area {
	padding: 20px 0px 0px 0px;
	margin: -38% 0px 0px 0px;
	width: 100%;
	background-color: #E9EAEA;
}
.catch_title_area {
	padding: 13px 0px 13px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	background-color: #000;
}
.catch_title_area h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: inherit;
	text-indent: -9999px;
	background-image: url(../img/sp_catch_title.png);
	background-repeat: no-repeat;
	padding-top:4.687%;
	background-size:contain;
}
.catch_read_area {
	padding: 16px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
.catch_read_area p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:inherit;
	text-indent: -9999px;
	background-image: url(../img/sp_catch_read.png);
	background-repeat: no-repeat;
	padding-top:18.75%;
	background-size:contain;
}
.point_area {
	padding: 20px 0px 30px 0px;
	margin: -13px 0px 0px 0px;
	width: 100%;
	background-image: url(../img/catch_backs.png);
}
.point_Inarea {
	padding: 0px 0px 0px 0px;
	margin: 0px 5% 0px 5%;
	width: 90%;
}
/*.point_Inarea h4 {
	text-indent: -9999px;
}*/
/*.point_Inarea p {
	padding: 33px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
	font-size:3.5vw;
	line-height:4.0vw;
	letter-spacing: -0.01em;
}*/
.point01 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:inherit;
	position: relative;
}
.point01 h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:100%;
	height:inherit;
	background-image: url(../img/sp_point_list01.png);
	background-repeat: no-repeat;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	text-indent: -9999px;
	padding-top:99.662%;
	background-size:contain;
}
.point01 p {
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
	width:100%;
	font-size: 3.5vw;
	line-height: 5.0vw;
	letter-spacing: -0.01em;
	position:absolute;
	top:18%;
	}
.point02 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: inherit;
	position: relative;
}
.point02 h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:100%;
	height:inherit;
	background-image: url(../img/sp_point_list02.png);
	background-repeat: no-repeat;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	text-indent: -9999px;
	padding-top:103.885%;
	background-size:contain;
}
.point02 p {
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
	width:100%;
	font-size: 3.5vw;
	line-height: 5.0vw;
	letter-spacing: -0.01em;
	position:absolute;
	top:18%;
	}
.point03 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: inherit;
	position: relative;
}
.point03 h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:100%;
	height:inherit;
	background-image: url(../img/sp_point_list03.png);
	background-repeat: no-repeat;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	text-indent: -9999px;
	padding-top:98.817%;
	background-size:contain;
}
.point03 p {
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
	width:100%;
	font-size: 3.5vw;
	line-height: 5.0vw;
	letter-spacing: -0.01em;
	position:absolute;
	top:18%;
	}
.point04 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: inherit;
	position: relative;
}
.point04 h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:100%;
	height:inherit;
	background-image: url(../img/sp_point_list04.png);
	background-repeat: no-repeat;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	text-indent: -9999px;
	padding-top:97.712%;
	background-size:contain;
}
.point04 p {
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
	width:100%;
	font-size: 3.5vw;
	line-height: 5.0vw;
	letter-spacing: -0.01em;
	position:absolute;
	top:18%;
}
/* service -------------------------------*/
.service_area {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	background-color: #E9EAEA;
}
.service_Inarea00 {
	padding: 60px 0px 0px 0px;
	margin: 0px 4% 0px 4%;
	width: 92%;
}
.service_Inarea00 h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:inherit;
	background-image: url(../img/sp_service_title.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-top:4.436%;
	background-size:contain;
}
.service_stitle01 {
	padding: 20px 0px 0px 0px;
	margin: 0px auto 0px;
	width: 100%;
	background-color: #FFF;
}
.service_stitle01 h3 {
	padding: 0px 0px 0px 0px;
	margin: 10px 4% 0px 4%;
	width: 92%;
	height:inherit;
	background-color: #FFF;
	background-image: url(../img/sp_service_stitle01.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-top:11.945%;
	background-size:contain;
	}

.service_Inarea01 {
	padding: 20px 0px 50px 0px;
	margin: 0px auto 0px;
	width: 100%;
}
.service_sup_area01 {
	padding: 30px 0px 30px 0px;
	margin: 0px 4% 20px 4%;
	width: 92%;
	background-color: #BADDDC;
}
.service_sup_area01 h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 5% 0px 5%;
	width: 90%;
	height:inherit;
	background-image: url(../img/sp_service_sup_title01.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	float:inherit;
	padding-top:2.735%;
	background-size:contain;
}
.service_sup_area01 p {
	padding: 0px 0px 0px 0px;
	margin: 0px 5% 0px 5%;
	width: 90%;
	font-size:3.5vw;
	float:inherit;
}
.service_sup_area02 {
	padding: 30px 0px 30px 0px;
	margin: 0px 4% 20px 4%;
	width: 92%;
	background-color: #BADDDC;
}
.service_sup_area02 h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 5% 0px 5%;
	width: 90%;
	height:inherit;
	background-image: url(../img/sp_service_sup_title02.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	float:inherit;
	padding-top:2.735%;
	background-size:contain;
}
.service_sup_area02 p.read {
	padding: 0px 0px 0px 0px;
	margin: 0px 5% 0px 5%;
	width: 90%;
	font-size:3.5vw;
	float:inherit;
}
.service_sup_Inarea01 {
	padding: 0px 0px 0px 0px;
	margin: 15% 5% 0px 5%;
	width: 90%;
	background-color: #FFF;
	border: solid 3px #E7364A;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
}
.service_sup_Inarea01 h4 {
	padding: 0px 0px 0px 0px;
	margin: -20% 5% 0px 5%;
	width: 90%;
	height:inherit;
	background-image: url(../img/sp_service_sup_title03.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	float:inherit;
	padding-top:22.830%;
	background-size:contain;
	position:inherit;
	z-index:inherit;
}
.service_sup_Inarea01 p.read02 {
	padding: 0px 0px 0px 0px;
	margin: 5px 5% 10px 5%;
	width: 90%;
	font-size: 3.5vw;
	float:inherit;
}
.service_sup_Inarea01 ul {
	padding: 0px 0px 0px 0px;
	margin: 7px 5% 0px 5%;
	width:90%;
}
.service_sup_Inarea01 ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	float:left;
	width:57%;
}
.service_sup_Inarea01 ul li:nth-child(2) {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	float:right;
	width:39%;
}
.service_sup_Inarea01 ul li:nth-child(3) {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	float:left;
	width:39%;
}
.service_sup_Inarea01 ul li:nth-child(4) {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	float:right;
	width:57%;
}

.service_sup_Inarea01 ul li img {
	width:100%;
}
.service_stitle02 {
	padding: 20px 0px 0px 0px;
	margin: 0px auto 0px;
	width: 100%;
	background-color: #FFF;
}
.service_stitle02 h3 {
	padding: 0px 0px 0px 0px;
	margin: 10px 4% 0px 4%;
	width: 92%;
	height:inherit;
	background-color: #FFF;
	background-image: url(../img/sp_service_stitle02.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-top:11.945%;
	background-size:contain;
}
.service_Inarea02 {
	padding: 20px 0px 50px 0px;
	margin: 0px 4% 0px 4%;
	width: 92%;
}
.service_srv_Inarea01 {
	padding: 30px 0px 30px 0px;
	margin: 0px 0px 20px 0px;
	width: 100%;
	background-color: #BADDDC;
}
.service_srv_Inarea01 h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 5% 0px 5%;
	width: 90%;
	height:inherit;
	background-image: url(../img/sp_service_srv_title01.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-top:51.571%;
	background-size:contain;
}
.service_srv_Inarea01 p.note {
	padding: 0px 0px 0px 0px;
	margin: -36% 0px 30px 5%;
	font-size:3.5vw;
	width:52%;
}

.serice_point_area {
	padding: 0px 0px 0px 0px;
	margin: 0px 5% 0px 5%;
	width: 90%;
}
.serice_point_area h5 {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	font-size:3.5vw;
	line-height:inherit;
	color:#FFF;
	font-weight:normal;
}
.serice_point_area h5 span {
	font-size:4.5vw;
}
.serice_point_area p {
	padding: 5px 5px 5px 5px;
	margin: 0px 4px 0px 4px;
	font-size:3.5vw;
	background-color:#FFF;
}


.serice_point01 {
	padding: 0px 0px 4px 0px;
	margin: 0px 20px 20px 0px;
	background-color:#05AAA8;
	width:100%;
	float:inherit;
}
.serice_point02 {
	padding: 0px 0px 4px 0px;
	margin: 0px 20px 20px 0px;
	background-color:#05AAA8;
	width:100%;
	float:inherit;
}
.serice_point03 {
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#05AAA8;
	width:100%;
	float:inherit;
}




.service_srv_Inarea02 {
	padding: 30px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	background-color: #BADDDC;
}
.service_srv_Inarea03 {
	padding: 0px 0px 0px 0px;
	margin: 0px 4% 0px 4%;
	width: 92%;
	float:inherit;
}
.service_srv_Inarea03 h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:100%;
	height:inherit;
	background-image: url(../img/sp_service_srv_title02.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-top:18.669%;
	background-size:contain;
}
.service_srv_Inarea03 p {
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 10px 0px;
	font-size:3.5vw;
}
.service_srv_Inarea04 {
	padding: 0px 0px 0px 0px;
	margin: 0px 4% 0px 4%;
	width: 92%;
	float:inherit;
}
.service_srv_Inarea04 p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:inherit;
	background-image: url(../img/sp_service_srv_tpp_title.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-top:15.853%;
	background-size:contain;
}



.service_srv_Inarea04 dl.tpp01 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	float:inherit;
}
.service_srv_Inarea04 dl.tpp01 dt {
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	width: 100%;
	height:inherit;
	background-image: url(../img/sp_service_srv_tpp_point01.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-top:11.853%;
	background-size:contain;
}
.service_srv_Inarea04 dl.tpp01 dd {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size:3.5vw;
}

.service_srv_Inarea04 dl.tpp02 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	float:inherit;
}
.service_srv_Inarea04 dl.tpp02 dt {
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	width: 100%;
	height:inherit;
	background-image: url(../img/sp_service_srv_tpp_point02.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-top:11.853%;
	background-size:contain;
}
.service_srv_Inarea04 dl.tpp02 dd {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size:3.5vw;
}



/* facilities -------------------------------*/
.facilities_area {
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
.facilities_Inarea {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
.facilities_Inarea h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 4% 0px 4%;
	width: 92%;
	height:inherit;
	background-color: #FFF;
	background-image: url(../img/sp_facilities_title.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-top:4.436%;
	background-size:contain;
}
.simply-scroll-container {
	position: relative;
}
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
}
.simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#loopSlide {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}
.simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	width: 200px;
	height: 151px;
}
.simply-scroll-list li img {
	width:100%;
	display: block;
}

/* corporate -------------------------------*/
.corporate_area {
	padding: 60px 0px 40px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	background-color: #E9EAEA;
}
.corporate_Inarea {
	padding: 0px 0px 0px 0px;
	margin: 0px 4% 0px 4%;
	width: 92%;
}
.corporate_Inarea h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	width: 100%;
	height:inherit;
	background-image: url(../img/sp_corp_title.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-top:10.9215%;
	background-size:contain;
}
.corporate_stitle {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:inherit;
	height:inherit;
	width: 100%;
	border: solid 1px #FFF;
}
.corporate_stitle h4 {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-size:4.0vw;
	text-align: center;
}
.corporate_note {
	padding: 0px 0px 0px 0px;
	margin: 20px 4% 0px 4%;
	float:inherit;
	width: 92%;
	}
.corporate_note dl {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
.corporate_note dl dt {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:inherit;
	width: 100%;
	font-size:3.6vw;
	border-left: none;
	text-align:center;
}
.corporate_note dl dd {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:inherit;
	width: 100%;
	font-size:4.0vw;
	border-left:none;
	border-right:none;
	text-align:center;
}
/* FOOTER -------------------------------------------------------------------------------------------------------------------------------------*/
#footer {
	padding: 0px 0px 0px 0px;
	margin: 40px 0% 0px 0%;
	width: 100%;
	background-color: #FFF;
}
.footer_area {
	padding: 0px 0px 0px 0px;
	margin: 0px 4% 0px 4%;
	width: 92%;
}
.map_area {
	padding: 0px 0px 0px 0px;
	margin: 0px auto 30px;
	width: 100%;
}
.map_area img {
	width: 100%;
}
.map_area p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 3.0vw;
	text-align: center;
}
.quest_area {
	padding: 0px 0px 0px 0px;
	margin: 0px auto 10px;
	width: 100%;
}
.quest_area p {
	padding: 0px 0px 4px 0px;
	margin: 0px auto 10px;
	font-size: 5.0vw;
	text-align: center;
	border-bottom: solid 1px #000;
	width:85%;
}
.quest_area img {
	width: 100%;
}
.footer_area h1 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 6.0vw;
	text-align: center;
}
.footer_area ul {
	padding: 0px 0px 0px 0px;
	margin: 0px auto 10px;
	width: 100%;
}
.footer_area ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 4.0vw;
	float: left;
}
.footer_area ul li a {
	padding: 0px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration:none;
	border-bottom:solid 1px #000;
	color:#000;
}
.footer_area ul li a:hover {
	border-bottom:none;
}
.footer_area ul li:nth-child(2) {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
}
.footer_area ul li span {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 5.0vw;
}
.footer_area .add {
	padding: 10px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 4.0vw;
	text-align: center;
}
.footer_area .sns_area {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	text-align: center;
}
.footer_area .sns_area img {
	padding: 0px 0px 0px 0px;
	margin: 0% 0px 5% 0px;
	width: 10%;
}
.copyright_area {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	background-color: #E9EAEA;
}
.copyright {
	padding: 5px 0px 5px 0px;
	margin: 0px auto 0px;
	width: 100%;
	text-align: center;
	font-size: 3.2vw;
}


/*-----------------------------------------------------------------------------*/
.br_sp01 {
	display: block;
}
.br_sp02 {
	display: none;
}



}