@charset "utf-8";

@media screen and (max-width:899px){

/*-------------------------------------
	共通項目
-------------------------------------*/
	html{font-size: 100%;
	scroll-behavior: smooth;
    scroll-padding-top: 60px!important;}
	
.wrap{
	width:100%;
	position: relative;}	

#topicpath,.topicpath{
	margin: 0 0 0px;
}
	
#page_top{
  width: 40px;
  height: 40px;
  position: fixed;
  right: 20px;
  bottom: 80px;
  opacity: 0.6;
}	
	
#page_top a{
  width: 40px;
  height: 40px;
  text-decoration: none;
}
#page_top a::before{font-size: 40px;}	
	
	
figure img{ vertical-align: bottom;}	

/* imgの基本設定 */
.wp-block-image .aligncenter,
.wp-block-image .alignright,
.wp-block-image .alignleft,
.aligncenter,
.alignright,
.alignleft,
.main_contents_full figure{
	display: block !important;
	margin: 0 auto 15px!important;
	float: none	!important;
	text-align:center !important;
}

.wp-block-image figcaption{
	display:block	!important;}



.fullbox{
	margin: 0 -10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-left:15px!important;
	padding-right:15px!important;
	box-sizing: border-box;
	padding-top:30px;
	padding-bottom:30px;
}
	
.fullbox2{
	margin: 0 -10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-left:15px!important;
	padding-right:15px!important;
	box-sizing: border-box;
	padding-top:15px;
	padding-bottom:15px;
}	

.sp{display:none!important;} 	/*SPは表示しない*/

.padding60{/*SPは約50%で表示*/
	padding-top:30px!important;
	padding-bottom:30px!important;
}
	
	.space{height: 20px!important;}
	.space60{height: 30px!important;}

.left_box2{
	margin-bottom:30px;
}	
	
/*-footer-----------------------------------------------------*/

.footer {
}




.footer .about{
	padding: 30px 10px;
}
.footer .about .about_left{
	margin: 0 0 20px;
}
.footer .about .about_right{
}
	

.footer .about .about_left h2{background: none!important;
	padding:0!important;
	margin: 0;}
.footer h2 img{display: block;
	margin: 0 auto 15px;
	width: 60%;
	
}

dl.add dt{
	display: block;
	float: none;
	margin: 0 0 5px;
}
dl.add dd{
	padding: 0 0 10px 0px;
}


.footer .map{margin-bottom: 30px;

}
.footer .map iframe{
	width: 100%;
	height: 260px;
	display: block;}

	
footer .btmmenu {
	padding: 10px;
}



footer .btmmenu ul{
	margin: 0 0px 10px;
}
footer .btmmenu ul li{font-family: 'Noto Sans JP';font-weight: 600;
	color: #fff;
	margin: 0 0 6px;
	
		background-image:url("../image/common/list01.png");
	background-repeat: no-repeat;
	background-position: left 10px;
	padding: 0 0 6px 15px;
	background-size: auto 10px;
	border-bottom: 1px dotted #fff;
}

	footer .btmmenu ul li span{display: none;}

footer .btmmenu ul li a{
	display: block;
	color: #fff;

}
footer .btmmenu ul li a img{
display: none;
}

footer .btmmenu ul li a:hover{
	font-weight: bold;

}

footer p.copy{font-size: 0.9em;
	padding-bottom: 80px;}
	
	.footer .bn{width:80%;
		max-width: 400px;
	margin: 20px auto;}
	.footer .bn ul li{margin: 0 0 15px 0;
}


/*-style-----------------------------------------------------*/


.contents {overflow: hidden;}

.contents .main_contents_full{margin: 0 0px 0;}


/*-1カラム時のコンテンツ----------------------------*/


.contents .main_contents_full .outbox{
	margin: 0 0px 0px;
	padding: 0px 10px;
}

.contents .main_contents_full .inbox{padding:0 0px;

}

.contents .main_contents_full .inbox:after {
  clear: both;
  content: "";
  display: block;
}




.main_contents_full h2{
margin: 0 0 30px;
font-size: 25px;}

h3{
	font-size: 22px;
	margin: 0 0 20px;
	/*padding: 0px 0px 0px 15px;
	background: url("../image/common/list02.png") no-repeat left 10px;
	background-size: auto 9px;*/}	
	
h4{font-size: 20px;
	margin: 0 0 20px 0;}
h4:after{position: absolute;
	content: "";
	display: block;
	bottom: 0;
	width: 20%;
	left: 0;
	border-bottom: 2px solid #A1C755;}


h5{font-size: 18px;
margin: 0 0 15px;}
	
h6{font-size: 18px;}





/*-お問い合わせ----------------------------------------------*/

.contactus{padding: 30px 10px;}	


	.contactus ul{display: block;
	font-size:22px;
	margin: 0 0 0px 0;}	

	
ul.contact_link li{display: block;
	margin: 0 0 10px 0;}
ul.contact_link li:last-of-type{margin-bottom: 0;}
	
ul.contact_link li a{line-height: 20px;
	padding:15px 10px;}	
	
	
ul.contact_link li img{width: auto;
	height:22px;
	margin: 0 10px 0 0;}		


.contactus p.kome{margin-bottom: 0;
	line-height: 1.4;
	font-size: 14px;}

/*-------------------------------------
	コンテンツ
-------------------------------------*/

.padding80{
	padding:30px 0 30px;
}

.qa dl{margin: 0 0 15px 0;}	
	
.qa dt{
	padding: 5px 0px 10px 30px;
	
}


	
.qa dl dd{
	padding: 5px 0px 15px 30px;

}	

	
/*----------こんなお悩み------------*/	
.nayami{margin:0 auto;
	padding: 0;}
	
	ul.nayami li{
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 15px;}
	

/*--選ばれる理由-----------------------------*/	
.reason_box .box{padding:15px;
	margin: 0 0 30px 0;}	
	
	
.reason_box .box h3{font-size: 20px;
	margin: 0 0px 20px 0;}
	
/*---------施術内容-------------*/
	

.naiyo_box .box{padding: 0 0 30px 0;
	margin: 0 0 30px 0;}
	.naiyo_box .box p{margin-bottom: 0;}	
	
	

/*--院長挨拶-------------------------------*/

.inchou{margin-bottom: 20px;}	




/*-スタッフ紹介--------------------------*/

.staffbox{
	margin: 0px 0px 30px;
	padding:0 0 20px 0;

}

.staffbox img{
	width: 80%;
	/*border-radius: 10px;*/
	margin: 0 auto 15px;
	display: block;
}





ul.imgbox3,
ul.imgbox5{
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
justify-content: space-between;
}
ul.imgbox3 li,
ul.imgbox5 li{
width: 32%;
margin: 0 0 15px;

}
ul.imgbox3 li img,
ul.imgbox5 li img{
	display: block;
	margin: 0 auto;
}

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

ul.imgbox2{
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
justify-content: space-between;
}
ul.imgbox2 li{
width: 49%;
margin: 0 0 15px;

}
ul.imgbox2 li img{
	display: block;
	margin: 0 auto;
}

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

ul.imgbox4{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: space-between;
}
ul.imgbox4 li{
	
	width: 46%;
	margin-left:2%;
	margin-right:2%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul.imgbox4 li img{
	display: block;
	margin: 0 auto 5px;
}


/*-------------施術の流れ3-----------------*/

	.step ol li{margin-bottom: 30px;}
.step ol li p{margin-bottom: 0px;}
.step ol li img {
	width: 80%;
	height: auto;
	margin: 0 auto 15px;
	display: block;
}


.step ol li p.title {
	font-size: 130%;
}

/*-料金表2--------------------------*/



.ryokin2{
	margin: 0 0 10px;
	overflow: auto;
	
}
.ryokin2::-webkit-scrollbar{/*tableにスクロールバーを追加*/
 height: 5px;
}
.ryokin2::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.ryokin2::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}


.ryokin2 table{
	text-align: center;
	/*min-width:500px;*/
}

/*-------料金表------------------*/

	
	.ryokin1 dl dt{float: none;}
.ryokin1 dl dd{display: block;
	margin: 0 0 10px;
	padding: 0 0 5px;
	word-break: break-all!important;}
	.ryokin1 dl dd:last-of-type{border-bottom: none;
	margin-bottom: 0;}

/*--比較表-------------------------------*/

.hikaku table {
   overflow: auto;
}	

.voice{
	padding:25px 15px 15px 15px;
	margin: 0px 0 30px 0;
	position: relative;}
	

	
	.voice:last-of-type{margin-bottom: 0;}
	
	.voice h3{font-size: 19px;
	margin: 0 0 5px 0;}	
	
	
	.voice p.name{
	font-size: 15px;
	margin: 0 0 20px 0;}
}