@charset "UTF-8";

/*ClearFix*/
.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}


.pc_block{
	display:block;
}
.clear_mt{
	margin-top:0 !important;
}
.img-lg-full{
	width:100%;
}
.title_line{
	color:#595757;
	font-size:200%;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:#595757 solid 4px;
}
.title_line_sm{
	color:#cdaf00;
	font-weight:bold;
	text-align:left;
	box-sizing:content-box;
}
.title_line_sm span{
	display:block;
	font-size:120%;
	padding-bottom:10px;
	background:url(../img/common/line_og.gif) no-repeat left bottom;
	font-style: italic;
}
.title_bd{
	color:#595757;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	padding:8px ;
	margin-bottom:3%;
	border:#595757 solid 1px;
}
.text_gold{
	color:#cdaf00;
}
.row_auto {
    display: table;
}

.row_auto [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}

.section-course .icon{
	font-weight: normal;
}


.list_icons .icon {
	color:#fff;
	font-size:130%;
	text-align:center;
	display:block;
	padding:0px;
	box-sizing:border-box;
	border:#db3a36 solid 1px;
	background:#db3a36;
	font-style: italic;
	font-family: "Roboto Slab",Garamond,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS明朝E","游明朝","Yu Mincho","游明朝体",YuMincho,"ＭＳ Ｐ明朝","MS PMincho",serif
}

.list_icons.sm .icon {
  line-height: 1.1;
}

.icon.color1{
	border-color:#4f3114;
	background:#4f3114;
}
.icon.color2{
	border-color:#d38b00;
	background:#d38b00;
}
.icon.color3{
	border-color:#9fa619;
	background:#9fa619;
}
.icon.color4{
	border-color:#35afa9;
	background:#35afa9;
}
.icon.color5{
	border-color:#c6c0b1;
	background:#c6c0b1;
}
.icon.color6{
	color:#dcdddd;
	border-color:#dcdddd;
	background:none;
}
.icon.color7{
	border-color:#F6D0BA;
	background:#F6D0BA;
}



/*------ page_school ------*/
.main-visual .school {
  background: url(../img/jhsta/bg-main-visual.jpg) 50% 0/cover no-repeat
}

.page_school .auto_col3 {
	padding-bottom:0;
	margin-bottom:0;
}
.page_school .auto_col3 .btn{
	margin-bottom:0;
}
.page_school .list_icon{
	margin-bottom:3%;
}
.page_school .list_icon .icon{
	margin-bottom:2%;
}
.page_school .map_box{
	margin-bottom:3%;
}

.page_school .map_box .area_link{

}

.page_school .map_box .area_link li {
    list-style: none;
    margin-bottom: 20px;
}

.page_school .map_box .area_link li a:hover {
    transition: .3s;
    opacity: .7;
}

.page_school .map_box .area_link li:last-child {
    margin-bottom: 0;
}

.page_school .auto_col2 .title{
	color:#cdaf00;
	font-size:130%;
	font-weight:bold;
}
.page_school .auto_col2{
	text-align:left;
	padding-bottom:0;
	margin-bottom:0;
}
.page_school .auto_col2 .row{
	margin-top:0;
}
.page_school .auto_col2 .btn{
	width:60%;
	display:inline-block;
}

.page_school .auto_col2 .linel_box{
	padding:0 20px 0 15px;
	border-left:#cdaf00 solid 5px;
}

.page_school .auto_col2 .line_color1 {
  border-color: #db3a36;
}

.page_school .auto_col2 .line_color1 .title {
  color: #db3a36;
}

.page_school .list_icons{
	padding-left:0;
	margin-bottom:0;
}
.page_school .list_icons li{
	list-style:none;
	float:left;
	width:32%;
	margin:0 0 2% 2%;
}
.page_school .list_icons li:nth-child(3n+1) {
	margin-left:0;
}
.page_school .end_shop{
	padding:10px 15px;
	border-top:#000 solid 1px ;
}

.page_school .title_line{
	margin-bottom: 50px;
}


@media (max-width:1199px) {
}

@media (max-width:992px) {
	.page_school .title_line{
		margin-bottom: 5%;
	}
	.sp_mb3{
		margin-bottom:3%;
	}


}

@media (max-width:767px) {
	.pc_block{
		display:block;

	}
	.sp_block{
		display:block;
	}

}

@media (max-width:480px) {
	.page_school .auto_col2 .linel_box{
		padding:0 0 0 15px;
		border-left:#cdaf00 solid 5px;
	}
}

.mb4{
	margin-bottom:4%;
}
.box{
	display:block;
}

.line_box{
	border:#cdaf00 solid 6px;
}
/*------ page_hotstonetherapy ------*/
.main-visual .hotstonetherapy {
  background: url(../img/hotstonetherapy/bg-main-visual.jpg) 50% 0/cover no-repeat
}

.lh-lg {
  line-height: 2.14;
}
.page_hotstonetherapy #message_box{
	padding:90px 0;
	background:url(../img/hotstonetherapy/bg-double-imgs.jpg) no-repeat scroll 50% 0 / cover ;
}
.page_hotstonetherapy .line_box{
	padding:3% 0;
	background:#fff;
}
.page_hotstonetherapy  .line_box .lead {
   /* font-size: 30px;*/
	font-size: 200%;
	line-height: 2;
    margin-bottom: 30px;
	font-weight: normal;
}
.page_hotstonetherapy .fo_s{ font-size: 14px; font-weight: bold; }
.page_hotstonetherapy .hr-orange{
	margin-bottom:3%;
}
.page_hotstonetherapy .bg-white{
	padding:3% 0 5%;
}
.page_hotstonetherapy .section-course{
	padding-bottom:0;
	margin-bottom:0;
}
.page_hotstonetherapy .section-course .row{
	margin-top:3%;
}
.page_hotstonetherapy  .clear_arrow .btn{
	white-space:normal;
	padding:8px 4px;
}
.page_hotstonetherapy  .clear_arrow .btn::before {
	content: "";
	margin-right:0;
}
.page_hotstonetherapy #course .lead {
   font-size: 330%;
	 line-height: 1;
	 font-style: italic;
}
/*------ bg-spa ------*/
.page_hotstonetherapy .bg-spa{
	background-image:url(../img/hotstonetherapy/bg-spa.jpg);
}
.page_hotstonetherapy .section-hot-stone .title{
	font-size: 400%;
	font-weight: normal;
	padding-bottom:11px;
	margin-left:-3%;
}
.page_hotstonetherapy .section-hot-stone .title span{
	font-size:25%;
	margin-left:-6px;
}
.page_hotstonetherapy .section-hot-stone .title::after{
	background-color:#000;
}
.page_hotstonetherapy .section-hot-stone .fs-sm {
	float:left;
	font-size:9px;
	line-height: 2;
	width:48%;
}
.page_hotstonetherapy .section-hot-stone .sp_center{
	float:right;
	margin-top:2%;
	width:50%;
}

/* hotstonetherapy
--------------------------------------------------------------- */

@media (max-width:1199px) {

}

@media (max-width:992px) {
	.page_hotstonetherapy .section-hot-stone .title{
		margin-left:0;
	}
	.page_hotstonetherapy .section-hot-stone{
		margin:0;
		padding:5% 0;
	}
	.page_hotstonetherapy .section-hot-stone .fs-sm,
	.page_hotstonetherapy .section-hot-stone .sp_center {
		float:none;
		width:100%;
	}
	.page_hotstonetherapy .section-hot-stone .sp_center{
		text-align:center;
	}

}

@media (max-width:767px) {
	.page_hotstonetherapy #message_box{
		padding:4% 0;
	}
	.page_hotstonetherapy .section-hot-stone .title{
		font-size:318%;
	}
	.page_hotstonetherapy .section-hot-stone .title span{
		margin-left:0;
		display:block;
	}
}

@media (max-width:480px) {
	.page_hotstonetherapy #message_box{
		padding:7% 0;
	}

}


/* page_contact
--------------------------------------------------------------- */
.page-contact{
	background:#fff;
}
.page-contact form{
	max-width:680px;
	margin:auto;
}
.page-contact table{
	width:100%;
}
.page-contact th{
	width:30%;
	vertical-align:text-top;
	position:relative;
}
.page-contact .required{
	color:#cdaf00;
	position:absolute;
	top: 0;
	right: 15px;
}
.page-contact td ul{
	list-style:none;
	margin-left:-20px;
}
.page-contact td li{
	display:inline-block;
	margin:3px 10px 3px 0;
}
.page-contact input[type='radio']{
	margin:0 5px 0 0;
}
.page-contact input[type='text'],.page-contact textarea,.page-contact select{
	padding:5px;
	width:100%;
	margin:5px 0;
	background-color:#f3efd4;
	border:none;
}
.page-contact #name,.page-contact #lastname{
	width:48%;
	margin-right:5px;
}
.page-contact input[type='submit'],
.page-contact button.g-recaptcha{
	border:solid 2px #cdaf00;
	background-color:#cdaf00;
	color:#fff;
	padding:5px 0;
	width:70%;
	}
.page-contact input[type='reset']{
	border:solid 2px #595757;
	background-color:#fff;
	padding:5px 0;
	width:28%;
	color:#595757;
	float:right;
	}
.page-contact .policy{
	margin:10% auto;
	max-width:680px;
}


@media (max-width:1199px) {


}

@media (max-width:992px) {



}

@media (max-width:767px) {
/* page_contact
--------------------------------------------------------------- */
.page-contact th{
	width: 100% !important;
}
.page-contact th,.page-contact td{
	display:block !important;
}
.page-contact #name,.page-contact #lastname{
	width:100%;
	margin-right:0;
}
.page-contact input[type='submit'],.page-contact input[type='reset'],.page-contact button.g-recaptcha{
	width:100%;
	float:none;
	margin:0 0 10px 0;
	}
.page-contact select{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 32px;
  /*line-height: 32px;*/
  /*font-size: 16px;*/
  box-sizing: border-box;
  padding:5px;
  margin:5px 0;
  border: none;
  background-color: #f3efd4;
  /*border-radius: 0;*/
  outline: none;
}
.select-box{
	position:relative;
}
.select-box::after{
	position: absolute;
	top: 35%;
	right: 3%;
	margin-top: -8px;
	content: "▼";
	color: #333;
}
}

@media (max-width:480px) {


}



/* page-course
--------------------------------------------------------------- */
.page-course h2.title-course{
	font-size:500%;
}
.page-course h3{
	font-size:200%;
	letter-spacing:5px;
	margin:3% 0;
	line-height:150%;
}
.page-course h4 {
	font-size:150%;
	border:solid 1px #595757;
	text-align:center;
	font-weight:600;
	margin:0 0 20px 0;
}
.page-course h4 a{
	color: #515151;
	padding:20px 0;
	display: block;
	text-decoration: none;
}
.page-course h4 a:hover{
	background: #000;
	color: #FFF;

}
.page-course h5{
	font-size:330%;
	display:inline-table;
}
.page-course .sub-h5{
	display:inline-table;
	float:right;
	margin:40px 0 0 0;
	font-weight:600;
}
.page-course .hr{
	width:25%;
	height:4px;
	border:0;
	background-color:#000;
	margin:0 0 0 0;
}
.page-course .amount{
	font-size:300%;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:2px;
	font-weight:normal;
	float:right;
	line-height:100%;
}
.page-course .price .title{
	border-top:solid 2px #000;
	border-bottom:solid 1px #000;
	padding:4% 0;
}
.page-course .price .title p{
	display:inline-table;
	vertical-align:text-top;
}
.page-course .end-line{
	border-bottom:solid 2px #000;
}
.page-course .wrap-course{
	max-width: 1040px;
}
.page-course .footer-course{
	margin:0 0 5% 0;
}
.page-course .info{
	padding:6% 0 3%;
}
.page-course .info p{
	display:inline-table;
}
.page-course .info p:first-child{
	width:25%;
}
.page-course .auto_col2{
	margin:4% auto;
}
.page-course .frame{
	border:solid 5px #cdaf00;
	background:#fff;
	padding:3%;
}
.mb_clear{
	margin-bottom: 0 !important;
}
.page-course .price .annotation {
	text-align: right;
	color: #f00;
	font-size: 1.1em;
}


/*---  main-visual ---*/
.page-course .main-visual .jhsta{
	background:url(../img/course/bg-flow.jpg) no-repeat 50% 0/cover;
}
/*--- flow ---*/
.page-course .flow{
	/*background:url(../img/course/bg-double-imgs.jpg) no-repeat center top;*/
	background-size:cover;
	padding:6% 0;
}
.page-course .flow .header{
	text-align:center;
	padding:2% 0 0 0;
}
.page-course .flow .header h3{
	color:#cdaf00;
}
.page-course .flow .step{
	max-width:800px;
	margin:0 auto 3% auto;
	padding:2%;
	position:relative;
}
.page-course .flow .auto_col2{
	position:relative;
	margin-bottom:-1%;
}
.page-course .flow .auto_col2>div{
	padding:2% 5% 0% 5%;
}
.page-course .flow .step p{
	width:100%;
	margin:5% 0 0 0;
}
.page-course .flow .arrow{
	position:absolute;
	bottom:-33px;
	left:8%;
	z-index:2;
}
.page-course .flow .one{
	color:#887100;
	border:solid 1px #887100;
}
.page-course .flow .two{
	color:#cdb84d;
	border:solid 1px #cdb84d;
}
.page-course .flow .three{
	color:#cdb84d;
	border:solid 1px #cdb84d;
}
.page-course .flow .four{
	color:#e9cb2f;
	border:solid 1px #e9cb2f;
}
.page-course .step span{
	display:block;
	font-size:80%;
	color:#000;
	letter-spacing:-1px;
	margin:10px 0 0 0;
}
/*--- trial ---*/
.page-course .trial{
	padding:5% 0;
}
.page-course .trial .header{
	background:url(../img/course/bg-title-trial-course.jpg) no-repeat center top;
	background-size:cover;
	color:#785E32;
}

@media (max-width: 767px) {
  .page-course .trial .header {
    background-image:url(../img/course/bg-title-trial-course-01.jpg) !important;
  }
  .page-course .basic .header {
    background-image:url(../img/course/bg-title-trial-course-02.jpg) !important;
  }
  .page-course .instractor .header {
    background-image:url(../img/course/bg-title-trial-course-03.jpg) !important;
  }
  .page-course .trainer .header {
    background-image:url(../img/course/bg-title-trial-course-04.jpg) !important;
  }
}


.page-course .trial .hr{
	background-color:#785E32;
}
.page-course .trial .price .title{
	border-top:solid 2px #785E32;
	border-bottom:solid 1px #785E32;
}
.page-course .trial .amount{
	color:#785E32;
}
.page-course .trial .end-line{
	border-bottom:solid 2px #785E32;
}
/*--- basic ---**/
.page-course .basic .header{
	background:url(../img/course/bg-title-basic-course.jpg) no-repeat center top;
	background-size:cover;
	margin:0 0 3% 0;
	color:#877015;
}
.page-course .basic .hr{
	background-color:#877015;
}
.page-course .basic h5{
	color:#877015;
}
.page-course .basic .sub-h5{
	color:#877015;
}

@media (max-width: 767px) {
  .page-course .basic .sub-h5{
    margin-top: 0;
    margin-bottom: 5px;
    float: none;
  }
}

.page-course .basic .price .title{
	border-top:solid 2px #877015;
	border-bottom:solid 1px #877015;
}
.page-course .basic .amount{
	color:#877015;
}
.page-course .basic .end-line{
	border-bottom:solid 2px #877015;
}
.page-course .basic .remark{
	color:#877015;
}
.page-course .price .info table td{
	padding-right: 20px;
	vertical-align: top;
}

/*--- instractor ---*/
.page-course .instractor .header{
	background:url(../img/course/bg-title-instractor-course.jpg) no-repeat center top;
	background-size:cover;
	color:#B69920;
}
.page-course .instractor .hr{
	background-color:#B69920;
}
.page-course .instractor h5{
	color:#B69920;
}
.page-course .instractor .sub-h5{
	color:#B69920;
  font-size: 13px;
}

@media (max-width: 767px) {
  .page-course .instractor .sub-h5{
    margin-top: 0;
    margin-bottom: 5px;
    float: none;
  }
}

.page-course .instractor .amount{
	color:#B69920;
}
.page-course .instractor .price .title{
	border-top:solid 2px #B69920;
	border-bottom:solid 1px #B69920;
}
.page-course .instractor .end-line{
	border-bottom:solid 2px #B69920;
}
.page-course .instractor .remark{
	color:#B69920;
}
/*--- trainer ---*/
.page-course .trainer .header{
	background:url(../img/course/bg-title-trainer-course.jpg) no-repeat center top;
	background-size:cover;
	color:#E4BE2A;
}
.page-course .trainer .hr{
	background-color:#E4BE2A;
}
.page-course .trainer .remark-1{
	color:#f00;
}
.page-course .trainer .remark-2{
	color:#E4BE2A;
}
/*--- フォントカラー ---*/
.t-red{
	color:red;
}

/*--- bg-gray ---*/
.page-course .bg-gray{
	background:url(../img/course/bg-gray.jpg) repeat-y center top;
	background-size:cover;
	padding:3% 0;
}
.page-course .bg-gray h3{
	text-align:center;
}
.page-course .bg-gray .hr{
	margin:0 auto 3%;
}
/*--- apply ---*/
.page-course .apply{
	margin-bottom:6%;
}
/*--- payment ---*/
.page-course .payment .img{
	width:55%;
	margin:2% auto;
}
/*--- member ---*/
.page-course .member{
	padding:5% 0;
}
.page-course .member .header{
	text-align:center;
	color:#cdaf00;
}
.page-course .member-type{
	color:#cdaf00;
}
.page-course .member-type span{
	display:inline-block;
	color:#fff;
	background-color:#cdaf00;
	width:22%;
	text-align:center;
	padding:5px 0;
	margin-right:10px;
}

@media (max-width:1199px) {

}

@media (max-width:992px) {

}

@media (max-width:767px) {
.page-course .flow .arrow{
	left:46%;
}
.page-course .member .col{
	margin:0 0 15px 0 !important;
}
.page-course .member-type span{
	width:100%;
	margin:0 0 5px 0;
}
}

@media (max-width:480px) {


}