@charset "UTF-8";

.contentpage .m_title {
	position: relative;
	margin-top: -1.8em;
}
.m_img_area .slide_wrap {
	height: min(24.6vw,370px);/*アンカーリンクがうまく動かないため設定*/
}
.m_slider li {display: none; /*読み込み時は非表示*/}
.bx-viewport .m_slider li {
  display: block !important; /*JSが読み込まれたら表示*/
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.contentpage .m_title {
	margin-top: -1em;
}
.m_img_area .slide_wrap {
	height: 29.5vw;
}
}


/*共通
---------------------------------------------------------*/
.com_style1 > dt {
	color: #49BBBC;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: .4em;
}

/*cli_point*/
.cli_point {
	background-color: #FFF;
	box-sizing: border-box;
	padding: 55px 4.8%;
}
.cli_point .poi_tit {
	text-align: center;
	font-size: min(176%,2.6vw);
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.6;
	margin-bottom: 1.2em;
}
/*cli_col3*/
.cli_col3 .box_img {
	max-width: 370px;
	margin: 0 auto 6%;
}
/*cli_col2*/
.cli_col2 .box_img {
	max-width: 540px;
	margin: 0 auto 6%;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
/*cli_col3*/
.cli_col3,
.cli_col2 {
	display: flex;
	justify-content: space-between;
}
.cli_col3 > div {
	width: 30%;
}
.cli_col2 > div {
	width: 47%;
	max-width: 540px;
}

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*cli_point*/
.cli_point {
	padding: 6% 4.8%;
}
.cli_point .poi_tit {
	letter-spacing: .1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

/*cli_point*/
.cli_point {
	padding: 8% 6% 10%;
}
.cli_point .poi_tit {
	font-size: 120%;
	letter-spacing: .1em;
}
/*cli_col*/
.cli_col3 {
	padding-top: 10%;
	margin-top: 8%;
	border-top: 1px solid rgba(51,51,51,0.2);
}
.cli_col3 > div:not(:last-of-type),
.cli_col2 > div:not(:last-of-type) {
	padding-bottom: 8%;
	margin-bottom: 10%;
	border-bottom: 1px solid rgba(51,51,51,0.2);
}
.cli_col3 .box_img,
.cli_col2 .box_img {
	width: 70%;
}

}


/*guide
---------------------------------------------------------*/
#guide .cli_flex .box_img {
	max-width: 720px;
}
#guide .cli_flex .box_txt .img_sub {
	width: 82%;
	max-width: 360px;
	margin-top: 10%;
}
/*kids*/
#kids .cli_point {
	background-color: #F9FAD8;
	padding-bottom: 85px;
}
#kids .cli_point .poi_tit {
	color: #D3966F;
}
#kids .cli_point .inbox .img_sub {
	display: flex;
	max-width: 530px;
	margin-top: 12%;
}
#kids .cli_point .inbox .img_sub img {
	width: 50%;
}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#guide .cli_flex,
#kids .cli_point .inbox {
	display: flex;
	justify-content: space-between;
}
#guide .cli_flex .box_img {
	width: 58.1%;
}
#guide .cli_flex .box_txt {
	width: 36%;
	margin-top: 3.6%;
}
#guide .cli_flex.rev .box_img {order: 2;}
#guide .cli_flex.rev .box_txt {order: 1;}
/*kids*/
#kids .cli_point .inbox .box_img {
	width: 46.5%;
}
#kids .cli_point .inbox .box_txt {
	width: 48%;
}

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#kids .cli_point {
	padding-bottom: 8%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

#guide .cli_flex .box_img {
/*	width: 90%;*/
	margin: 0 auto 5%;
}
#guide .cli_flex .box_txt {
	width: 92%;
	margin: 0 4%;
}
#guide .cli_flex .box_txt .img_sub {
	margin: 8% auto 0;
}
/*kids*/
#kids .cli_point {
	padding-bottom: 10%;
}
#kids .cli_point .inbox .box_img {
	width: 90%;
	margin: 0 auto 5%;
}
#kids .cli_point .inbox .img_sub {
	margin-top: 8%;
}

}


/*equipment
---------------------------------------------------------*/
.equ_copy {
	font-size: 105%;
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 1.6;
	margin-bottom: .5em;
}
/*equ_flt*/
.equ_flt .img_r {
	max-width: 540px;
}
/*cli_point*/
#equipment .cli_point {
	color: #FFF;
	background-color: #49BBBC;
}
#equipment .cli_point .inbox dt {
	display: flex;
	align-items: center;
	margin-bottom: 1.4em;
}
#equipment .cli_point .inbox dt p {
	font-size: min(1.8vw,112%);
	letter-spacing: .12em;
	line-height: 1.8;
	white-space: nowrap;
	margin-left: 1.4em;
	margin-left: 1em;
}
#equipment .cli_point .inbox.col2 dt .img_item {
	width: 48%;
	max-width: 240px;
}
#equipment .cli_point .inbox.col3 dt .img_item {
	width: 46%;
	max-width: 156px;
}
#equipment .cli_point .inbox.col3 dt p {
	width: 50%;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
/*equ_flt*/
.equ_flt .img_r {
	width: 44%;
	float: right;
	margin-left: 3%;
}
/*cli_point*/
#equipment .cli_point .inbox {
	display: flex;
	justify-content: space-between;
}
#equipment .cli_point .inbox.col2 > dl {
	width: 47.5%;
	max-width: 500px;
}
#equipment .cli_point .inbox.col3 > dl {
	width: 31%;
}

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.equ_copy {
	font-size: 100%;
	letter-spacing: .08em;
}
/*equ_flt*/
.equ_flt .img_r {
	width: 80%;
	margin: 0 auto 5%;
}
/*cli_point*/
#equipment .cli_point .inbox > dl:not(:last-of-type) {
	padding-bottom: 8%;
	margin-bottom: 8%;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
#equipment .cli_point .inbox dt {
	width: 85%;
	margin: 0 auto .6em;
}
#equipment .cli_point .inbox dt p {
	font-size: 105%;
	letter-spacing: .08em;
}
#equipment .cli_point .inbox.col2 dt {
	display: block;
}
#equipment .cli_point .inbox.col2 dt .img_item {
	width: 70%;
	margin: 0 auto 5%;
}
#equipment .cli_point .inbox.col2 dt p {
	text-align: center;
	margin-left: 0;
}

}


/*clean
---------------------------------------------------------*/
#clean .bg {
	background-color: #DBF1F2;
	padding: 100px 0 130px;
}
#clean .cli_tit {
	text-align: center;
	font-size: min(264%,4vw);
	letter-spacing: .12em;
	line-height: 1.6;
	margin-bottom: 2em;
}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#clean .cli_point .img_l {
	width: 37%;
	float: left;
	margin-right: 4%;
	margin-bottom: 1em;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#clean .bg {
	padding: 10% 0 12%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#clean .bg {
	padding: 10% 0 16%;
}
#clean .cli_tit {
	font-size: 150%;
	margin-bottom: 1.5em;
}
#clean .cli_point .img_l {
	width: 70%;
	margin: 0 auto 6%;
}
}



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


/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
	
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}