@charset "utf-8";
@media only screen and (min-width: 900px),print {


/*-------------------------------------
	共通項目
-------------------------------------*/

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


	
#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  opacity: 0.6;
}
	.wrap{
	width:100%;
	position: relative;}
	
figure img{ vertical-align: bottom;}
	
	
/* imgの基本設定 */
.wp-block-image .aligncenter,
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 30px;
	border-radius: 5px;
	text-align: center;
}
		
	
.wp-block-image .alignright,
.alignright {
	float: right;
	margin: 0 0 30px 30px;
	border-radius: 5px;
	max-width: 35%	!important;
}
	
	
	
	
	
.wp-block-image .alignleft,
.alignleft {
	float: left;
	margin: 0 30px 30px 0;
	border-radius: 5px;
	max-width: 35%	!important;
}

.left_box{
	float: left;
	width: 48%;
}
	
.left_box2{
	float: left;
	width: 32%;
	margin: 0 70px 0 0;
}	

.right_box{
	float: right;
	width: 48%;
}
.right_box2{
	float: right;
	width: 60%;
}


/*--header--------------------------------*/
	html{font-size: 100%;
	scroll-behavior: smooth;
  }

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

.footer .map {
	padding: 0 0 0px;
}
.footer .map iframe{
	width: 100%;
	height:100%;
	min-height: 470px;
	display: block;}

	
.footer .about{
	padding: 60px 10px;
	box-sizing: border-box;
	overflow: hidden;
}
	.footer .about h2 img{max-width: 350px;}	
	

	.footer .bn{max-width: 1100px;
	margin: 20px auto;}
	.footer .bn ul{display: flex;
	justify-content: space-between;}
	.footer .bn ul li{width: 23%;
}

	
footer .btmmenu {
	padding: 30px 0 10px;
	margin: 0 auto;
	display: block;
	max-width: 1200px;
	width: 100%;
}	
	


footer .btmmenu ul{
	margin: 0 0 10px;
	padding: 0 0 0 0;
	display:flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	
}
footer .btmmenu ul li{
	margin: 0 1.5em 20px 0em;
	font-size: 16px;
	/*background-image:url("../image/common/list01.png");
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding: 0 0 0 10px;
	background-size: auto 10px;*/

	
}
	



/*-コンテンツの基本骨格-----------------------------------------------------*/
.contents {
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.contents .main_contents_full{
	order: 3;
	width: 100%!important;
	margin: 0px auto;
	font-size: 1.1rem;
}



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


.contents .main_contents_full .outbox{
	margin: 0 auto 0px;
	padding: 0 0 0 0;
	width: 100%;
	max-width: 1100px;
}

.contents .main_contents_full .inbox,
	footer .inbox{
	margin: 0 auto;
	display: block;
	
	width: 100%;
		max-width: 1100px;
}
	
	

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


.fullbox{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	padding:60px calc(50vw - 50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	
.fullbox2{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	padding:40px calc(50vw - 50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}




/*-見出し------------------------------------------------*/

.main_contents_full h2{
	margin: 0 0 40px;
	font-size: 42px;
	line-height: 1.3;}


h3{
	font-size: 26px;
	
	line-height: 1.5;
	margin: 0 0 20px;}


h4{padding: 0 0px 10px 0;
	font-size: 22px;
	line-height: 1.5;
	margin: 0 0 20px 0;}
	
	h4:after{position: absolute;
	content: "";
	display: block;
	bottom: 0;
	width: 15%;
	left: 0;
	border-bottom: 2px solid #A1C755;}


h5{
	font-size: 20px;
	padding: 5px 10px;
	line-height: 1.5;
	margin: 0 0 15px;
	border-radius: 5px;}
	
h6{margin: 0 0 15px;
	font-size: 18px;}


	
/*-コンバージョンエリア--------------------------------------------*/

ul.contact_link{display: flex;
		align-content:center;
		align-items: center;
		justify-content: center;
	font-size:45px;}	

	
ul.contact_link li{
	min-width: 48%;
	margin: 0 1%;}
	
ul.contact_link li a{
	line-height: 50px;
	padding:20px 20px;}	
	
	
ul.contact_link li img{width: auto;
	height: 50px;
	margin: 0 10px 0 0;}		
	
.contactus p.kome{margin-bottom: 0;
	line-height: 1.3;}
	
/*-------------------------------------
	コンテンツ
-------------------------------------*/


a.link{
	max-width: 350px;
}

	
	

	
/*--選ばれる理由、内容の写真左右-----------------------------*/	
.img_left .box figure{float: left;
	margin: 0 30px 10px 0;}	
	
.img_right .box figure{float:right;
	margin: 0 0px 10px 30px;}		
	
.img_kougo .box:nth-of-type(odd) figure{float:right;
	margin: 0 0px 10px 30px;}	
.img_kougo .box:nth-of-type(even) figure{float: left;
	margin: 0 30px 10px 0;}		
	
/*--選ばれる理由-----------------------------*/	
.reason_box .box{padding: 30px;
	margin: 0 0 40px 0;}	
	
.reason_box figure{width: 40%;}
	
.reason_box .box h3{font-size: 30px;
	margin: 0 0px 30px 0;}
	

/*---------施術内容-------------*/
	

.naiyo_box .box{padding: 0 0 30px 0;
	margin: 0 0 40px 0;}

.naiyo_box .box figure{width: 40%;}



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

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


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

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

}
ul.imgbox2 li img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
/*---------------------------*/

ul.imgbox4{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 20px;
}
ul.imgbox4 li{
width: 24%;
margin: 0 0 0px;
text-align: center;

}
ul.imgbox4 li img{
	display: block;
	margin: 0 auto 10px;
}
/*---------------------------*/

ul.imgbox5{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 20px;
}
ul.imgbox5 li{
width: 17%;
margin: 0 0 0px;
text-align: center;

}
ul.imgbox5 li img{
	display: block;
	margin: 0 auto 10px;
}

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

.inchou {margin-bottom: 20px;}


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

.staffbox img{
	width: 30%;
	border-radius: 0px;
	float: left;
}

.staffbox dl{
	margin: 0 0 0 35%;
}


/*-〇〇の流れ3--------------------------*/


.step ol li img {
	width: 32.27%;
	height: auto;
	float: right;
}

.step ol li p {
	width: 63.6%;
	float: left;
}

	
.step ol li:nth-child(even) img {
	float: left;
}
.step ol li:nth-child(even) p {
	float: right;
	width: 63.6%;
}


.step ol li p.title {
	width: calc(63.6% - 80px);
	font-size: 147%;
}




.voice{
	padding: 30px 30px;
	margin: 70px 0 0px 0;}

	
	.voice h3{font-size: 25px;}
	
	
	.voice p.name{font-size: 17px;
	margin: 0 0 30px 0;
	padding-bottom: 5px;}
	
	.voice .alignleft{
	margin: 0 35px 0 0;}


}