@charset "UTF-8";

/* Body */
body {
	font-family: '小塚ゴシック Pr6N','KozMinPr6N',"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	/* font-family: UDMarug oLargePr6N-DB-83pv-RKSJ-H,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; */
	background: #fff;
	margin: 0;
	font-style: normal;
	width : 100%;
	color : #000;
}
header	{
	/* height : 173px; */
}
#hd	{
	margin : 0 auto;
	background-color : #172352;
	color : #ffffff;
}
#hd .container	{
	display: flex;
	justify-content: space-between;
}
#hd h1	{
}
#hd h1 p	{
	font-size : 0.8rem;
	line-height : 220%;
}
#hd a	{
	text-decoration : none;
	color : #fff;
}
#hd #box_contact .label_blue,
#hd #box_contact .label_blue_2,
footer .label_blue,
footer .label_blue_2		{
	display : inline-block;
	background : #00469B;
	font-size : 0.9rem;
	line-height : 180%;
	padding : 0 0.8rem;
	margin : 0.6rem 0.2rem;
}
#hd #box_contact .TELno:before,
#reservation .TELno:before,
footer .TELno:before	{
	content : '';
	display: inline-block;
	background-size: contain;
	width : 30px;
	height : 35px;
	vertical-align: bottom;
	margin : 0 0.4rem;
}
#hd #box_contact .TELno:before,
footer .TELno:before	{
	background-image : url(../img/tx_tel_wh.png);
}
#reservation .TELno:before	{
	background-image : url(../img/tx_tel_bl.png);
}
#hd #box_contact .TELno,
#reservation .TELno,
footer .TELno	{
	font-family: Futura,Trebuchet MS,Arial,sans-serif; 
	font-size : 1.9rem;
	font-weight : 900;
}
#hd .SNS_PC	{
	display : block;
	}
#hd .tx_follow	{
	color : #BDCCD4;
	font-size : 0.9rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin : 0.4rem 0;
}
#hd .SNS_icons	{
	display : inline-block;
}
#hd .SNS_icons img	{
	margin : 0 0.4rem;
}
@media screen and (max-width: 768px)	{
	#hd .container	{
		flex-direction: column;
	}
	#hd h1 p	{
	font-size : 0.8rem;
	line-height : 200%;
	}
	#hd h1 .onlyPC	{
		display : none;
	}
	#hd .container .logo img	{
		width : 90%;
	}
	#hd #box_contact	{
		padding-right : 0.4rem;
	}
	#hd #box_contact .label_blue_2,
	footer .label_blue_2		{
		margin : 0 0.2rem 0.6rem 0.2rem;
	}
	#hd .SNS_PC	{
		display : none;
	}
	.Nav .SNS_icons	{
		display : block;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin : 0 auto;
	}
	.Nav .SNS_icons img	{
		margin : 0 1rem;
	}
}

/* ///// */
/* MainImg */
#MainImg	{
	margin : 0 auto;
	background-image : url(../img/tx_conditioning.png),url(../img/ph_main.png);
	background-size : 40%,cover;
	background-position : 50% 40%,0 0;
	background-repeat : no-repeat,no-repeat;
	min-height : 530px;
	position : relative;
}
#MainImg .tx_bg	{
	background-color : rgba(0, 124, 208, 0.7);
	position : absolute;
	bottom : 0;
	width : 100%;
}
#MainImg .tx	{
	background-image : url(../img/illust_main.png);
	background-repeat : no-repeat;
	background-size : 10%;
	background-position : 10% 50%;
	padding : 1.4rem 0;
}
#MainImg .tx .tx_in	{
	margin-left : 20%;
	width : 70%;
	color : #fff;
}
#MainImg .tx .tx_in .line1	{
	font-size : 1.4rem;
	font-weight : 700;
	text-shadow: 1px 1px 2px #182651;
}
#MainImg .tx .tx_in .line2	{
	font-size : 1.2rem;
	text-shadow: 1px 1px 2px #182651;
}
#MainImg .tx .tx_in .line3	{
	font-size : 0.8rem;
	line-height : 220%;
}
@media screen and (max-width: 768px)	{
	#MainImg	{
		min-height : 300px;
		width : 100%;
		background-size : 60%,100% auto;
		background-position : 50% 20%,0 0;
	}
	#MainImg .tx	{
		background-size : 28%;
		background-position : 1% 50%;
		top : 45%;
		padding : 0;
	}
	#MainImg .tx .tx_in	{
		margin-left : 30%;
		width : 69%;
	}
	#MainImg .tx .tx_in .line1	{
		font-size : 1.2rem;
		line-height : 120%;
		margin : 0.4rem 0;
	}
	#MainImg .tx .tx_in .line2	{
		font-size : 0.9rem;
	}
	#MainImg .tx .tx_in .line3	{
	font-size : 0.7rem;
	line-height : 220%;
	}
}

/* about */
#about	{
	padding : 3rem 0;
}
#about h3	{
	color : #162554;
	background : #fff;
	font-size : 1.6rem;
	font-weight : 600;
	line-height : 200%;
	width : 40%;
	margin : 6rem auto 2rem auto;
}
#about .box_v-h	{
	width : 92%;
	margin : 0 auto;
}
#about .box_v-h img	{
	width : 65%;
}
#about .box_v-h .half	{
	display: flex;
	align-items: center;
}
#about .box_v-h .img1	{
	margin-left : 20%;
}
#about .box_v-h .img2	{
	margin-left : 14%;
}
#about .box_v-h .img3	{
	width : 50%;
	margin-left : 25%;
}
#about .box_v-h .img4	{
	width : 70%;
	margin-left : 20%;
}
.box_about_last	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}
.box_about_last .img5	{
	width : 50%;
	margin-left : 20%;
}
.box_about_last .half_L	{
	width : 50%;
}
.box_about_last .half_R p	{
	text-align : left;
}
.box_about_last .img5_R	{
	width : 50%;
	margin-top : 2rem;
	margin-left : 40%;
}
@media screen and (max-width: 768px)	{
	#about	{
		padding : 1rem 0;
	}
	#about h3	{
		line-height : 160%;
		width : 90%;
		padding : 0.4rem 0;
		margin : 3rem auto 2rem auto;
	}
	#about .box_v-h img	{
		width : 50%;
	}
	#about .box_v-h .img1	{
		margin-left : 25%;
		margin-bottom : 1rem;
	}
	#about .box_v-h .img2	{
		margin-left : 25%;
		margin-top : 1rem;
	}
	#about .box_v-h .img3	{
		margin-bottom : 1rem;
	}
	#about .box_v-h .img4	{
		margin : 1rem auto 0 auto;
	}
	.box_about_last	{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width : 92%;
		margin : 0 auto;
	}
	.box_about_last .half_L,
	.box_about_last .half_R	{
		width : 100%;
	}
	.box_about_last .img5	{
		margin : 0 auto 1rem auto;
	}
	.box_about_last .img5_R	{
		width : 80%;
		margin : 1rem auto 1rem auto;
	}
}
/* taisaku */
#taisaku	{
	padding : 4rem 0;
}
#taisaku h2	{
	color : #162554;
	font-size : 1.4rem;
	font-weight : 600;
	line-height : 200%;
}
#taisaku .box_taisaku	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#taisaku .box_taisaku .half_L,
#taisaku .box_taisaku .half_R	{
	width : 50%;
}
#taisaku .box_taisaku .half_L	{
	text-align: center;
}
#taisaku ul 	{
	margin : 2rem 0 0 2rem;
}
#taisaku ul li	{
	text-align : left;
	font-size : 0.9rem;
	margin-bottom : 0.8rem;
	list-style : disc;
}
@media screen and (max-width: 768px)	{
	#taisaku	{
		padding : 2rem 0;
	}
	#taisaku .box_taisaku {
		flex-direction: column;
		width : 98%;
	}
	#taisaku .box_taisaku .half_L,
	#taisaku .box_taisaku .half_R	{
		width : 100%;
	}
	#taisaku .box_taisaku .half_L img	{
		max-width : 90%;
		height : auto;
		margin : 1rem auto 0 auto;
	}
}
/* MENU */
#menu	{
	padding : 3rem 0;
}
#menu h2	{
	color : #fff;
	font-size : 1.8rem;
	font-weight : 500;
	line-height : 200%;
}
#menu .box_menu	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#menu .box_menu .inbox	{
	background : #FFF;
	margin : 2rem 0.8rem;
	padding : 1rem 1.4rem 3rem 1.4rem;
	width : 30%;
}
#menu h3	{
	font-size : 1.4rem;
	line-height : 220%;
	color : #009FE8;
}
#menu a	{
	margin : 0.8rem;
	background : #162554;
	color : #FFF;
	line-height : 220%;
	text-decoration : none;
	display : block;
	-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}
#menu a:hover	{
	opacity: 0.8;
}
#menu ul	{
	margin : 1rem 0 1rem 2rem;
}
#menu ul li	{
	color : #1B489D;
	font-weight : 600;
	list-style : disc;
	text-align : left;
}
@media screen and (max-width: 768px)	{
	#menu .box_menu	{
		flex-direction: column;
	}
	#menu .box_menu .inbox	{
		margin : 1rem auto;
		padding : 1rem;
		width : 86%;
	}
}
/* equipment */
#equipment	{
	background : url(../img/bg_star.png);
	padding : 3rem 0;
}
#equipment h2	{
	margin : 0 auto 2rem auto;
	width : 40%;
	background : #FFF;
	color : #162554;
	font-size : 1.6rem;
	font-weight : 600;
	line-height : 200%;
}
#equipment .midashi	{
	line-height : 180%;
}
.box_eq	{
	background : #FFF;
	padding : 2rem 3rem;
	margin : 2rem 0;
}
#equipment h3	{
	color : #009FE8;
	font-size : 1.6rem;
	margin-bottom : 1rem;
}
#equipment h4	{
	color : #F7931E;
	text-align : left;
	margin-bottom : -1rem;
}
#equipment .box_bike h4	{
	color : #F7931E;
	text-align : left;
	text-indent : 1rem;
	margin : -1rem 0 1rem 0;
}
.midashi_capsule	{
	text-align : center;
}
.midashi_machine	{
	text-align : left;
	displat : block;
}
#equipment ul		{
	text-align : left;
}
#equipment ul li	{
	list-style : disc;
}
.box_capsule,
.box_machine,
.box_bike,
.box_voice	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin : 2rem auto 1rem auto;
}
.box_capsule .ph	{
	width : 40%;
	margin-left : 2rem;
}
.box_capsule .ast	{
	font-size : 0.8rem;
	margin-right : 1rem;
}
.box_capsule .ast:before	{
	content : "*";
}
.box_machine .ph	{
	width : 50%;
	margin-left : 3rem;
}
.box_bike .ph	{
	margin : 3rem 0 0 4rem;
	text-align : right;
}
.woman_1,
.woman_2,
.woman_3,
.man_1,
.man_2	{
	border : solid 8px #E6E6E6;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
	text-align : left;
	padding : 2rem 2rem 2rem 8rem;
	font-size : 0.9rem;
	width : 46%;
}
.woman_1	{
	background : url(../img/illust_woman_1.png) no-repeat 8% 50%;
	margin-right : 1rem;
}
.man_1	{
	background : url(../img/illust_man_1.png) no-repeat 8% 50%;
	margin-left : 1rem;
}
.woman_2	{
	background : url(../img/illust_woman_2.png) no-repeat 8% 50%;
	margin-right : 1rem;
}
.woman_3	{
	background : url(../img/illust_woman_3.png) no-repeat 8% 50%;
	margin-left : 1rem;
}
.man_2	{
	background : url(../img/illust_man_2.png) no-repeat 8% 50%;
	margin-top : 2rem;
}
@media screen and (max-width: 768px)	{
	#equipment h2	{
		width : 60%;
	}
	#equipment .midashi	{
		line-height : 160%;
		text-align : left;
		width : 94%;
		margin : 0 auto;
	}
	.box_eq	{
		padding : 2rem 1rem;
		margin : 2rem 0.2rem;
	}
	.midashi_capsule	{
		text-align : left;
	}
	#equipment ul		{
		margin-left : 2em;
	}
	.box_capsule,
	.box_machine,
	.box_bike,
	.box_voice	{
		flex-direction: column;
		margin : 2rem auto 1rem auto;
	}
	.box_capsule .ph	{
		width :90%;
		height : auto;
		margin : 1rem auto;
	}
	.box_machine .ph	{
		width :75%;
		height : auto;
		margin : 0 auto 1rem auto;
	}
	.box_bike .ph	{
		margin : 0;
	}
	.woman_1,
	.woman_2,
	.woman_3,
	.man_1,
	.man_2	{
		padding : 2rem 2rem 2rem 6rem;
		width : auto;
		}
	.woman_1,
	.woman_2	{
		margin-right : 0;
	}
	.man_1,
	.woman_3	{
		margin : 1rem 0 0 0;
	}
	.man_2	{
		background : url(../img/illust_man_2.png) no-repeat 2% 50%;
		margin : 1rem 0 2rem 0;
	}
}


/* greeting */
#greeting	{
	background : url(../img/bg_stripe.png);
	padding : 3rem 0;
}
#greeting h2	{
	margin : 0 auto 2rem auto;
	width : 40%;
	background : #162554;
	color : #fff;
	font-size : 1.8rem;
	font-weight : 500;
	line-height : 200%;
}
.box_greeting	{
	background : #FFF url(../img/illust_ozaki.png) no-repeat;
	background-size : 18%;
	background-position : 10% 20%;
	padding-bottom : 2rem;
}
.box_greeting .tx	{
	padding : 5rem 6rem 0 20rem;
	line-height : 220%;
}
.box_profile	{
	width : 78%;
	margin : 16px auto;
	background : #F2F2F2;
	border : solid 2px #000;
	line-height : 180%;
	padding : 2rem 3rem;
}
@media screen and (max-width: 768px)	{
	#greeting h2	{
		width : 60%;
	}
	.box_greeting	{
		background-size : 40%;
		background-position : 40% 2%;
		padding-bottom : 0rem;
	}
	.box_greeting .tx	{
		padding : 18rem 1rem 1rem 1rem;
		line-height : 220%;
	}
	.box_profile	{
		width : auto;
		margin : 1rem auto;
		padding : 1rem;
	}
}
/* access */
#access	{
padding : 3rem 0;
}
#access h2,
#access h3	{
	color : #162554;
	font-size : 1.8rem;
	font-weight : 500;
	line-height : 200%;
}
.box_access	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin : 2rem auto 1rem auto;
}
.box_access .map	{
	width : 48%;
	margin-right : 2%;
}
.box_access .dtl	{
	width : 49%;
	margin-left : 1%;
	padding-top : 0.4rem;
}
.box_access .dtl img	{
	width : 50%;
	margin : 1rem 0 0 0;
}
dl#access_info dt	{
	margin-top : 1rem;
}
dl#access_info dt:before	{
	content : "■";
	color : #002F81;
}
dl#access_info dd a	{
	color : #000;
}
dl#root	{
	display: flex;
	flex-wrap: wrap;
}
dl#root	dt{
	width : 40%;
	text-align : right;
	margin-bottom : 1rem;
}
dl#root	dt img	{
	height : 252px;
}
dl#root dd	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width : 56%;
	text-align : left;
	margin-bottom : 1rem;
	padding-left : 2rem;
}
.rootNo	{
	background : #002F81;
	color : #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
justify-content: center;
	align-items: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
	margin : 0.2rem 0.2rem 0 0;
	height : 18px;
	padding : 0 0.3rem;
}
.rootNo p	{
	color : #fff;
	font-size : 12px;
}
@media screen and (max-width: 768px)	{
	#access h3	{
		font-size : 1.4rem;
	}
	.box_access	{
		flex-direction: column;
	}
	.box_access .map,
	.box_access .dtl	{
		width : 98%;
		margin : 0 auto;
	}
	dl#root	dt{
		width : 96%;
		text-align : left;
	}
	dl#root dd	{
		width : 96%;
		margin-bottom : 2rem;
		padding-left : 0;
}

}

/* reservation */
#reservation	{
	padding : 3rem 0;
}
#reservation h2	{
	margin : 0 auto 2rem auto;
	width : 40%;
	background : #FFF;
	color : #162554;
	font-size : 1.6rem;
	font-weight : 600;
	line-height : 200%;
}
.box_res	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin : 2rem auto 1rem auto;
}
.box_res .dtl	{
	width : 60%;
	padding-right : 8%;
}
.box_res .fb-page	{
	width : 40%;
}
#reservation h4	{
	color : #1B489D;
	font-size: 1.1rem;
	font-weight : 500;
}
#reservation a	{
	text-decoration : none;
	color : #1B489D;
}
dl#openclose	{
	border-style : solid;
	border-width : 2px 0;
	border-color : #B3B3B3;
	margin : 0.8rem 0;
	display: flex;
	flex-wrap: wrap;
}
dl#openclose dt	{
	width : 20%;
	text-align : center;
	line-height : 220%;
}
dl#openclose dd	{
	width : 80%;
	line-height : 220%;
}
dl#openclose dd.am	{
	text-indent : 0.5rem;
}
@media screen and (max-width: 768px)	{
	#reservation h2	{
		width : 60%;
	}
	.box_res	{
		flex-direction: column;
	}
	.box_res .dtl	{
		width : 96%;
		padding-right : 0;
		margin : 0 auto;
	}
	.box_res .fb-page	{
		width : 96%;
		margin : 2rem auto;
	}
}
/* FOOTER*/
footer {
	padding : 2rem 0 0 0;
	background : #172352;
	color : #fff;
}
footer .box_ft	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
}
footer .box_ft p	{
	font-size : 0.9rem;
}
footer .box_ft img.logo	{
	margin : 0.6rem 0;
}
footer #box_contact a	{
	text-decoration : none;
	color : #fff;
}
.copyright	{
	background : #0C163C;
	color : #999;
	font-size : 0.8rem;
	margin : 2rem auto 0 auto;
	text-align : center;
	padding : 1rem 0;
}
@media screen and (max-width: 768px) 	{
	footer {
		padding : 1rem 0 0 0;
	}
	footer .box_ft	{
		flex-direction: column;
	}
	footer .box_ft img.logo	{
		margin : 0.4rem 0;
		width : 90%;
	}
	footer #box_contact	{
		padding-right : 0.4rem;
	}
	.copyright	{
		font-size : 0.6rem;
	}
}