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


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

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

	.privacy{height: 400px;
	overflow-y: scroll;
	background: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 30px 0;}	
	

.eye h1,
.eye p{padding: 0.75em 0;
font-size: 2.5em;}
	
#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;
  }
.company .map{margin: 30px auto 0px auto;}
/*-------------*/
	.footer{background: #fff;}
	.footer .inbox{max-width: 1100px;
	margin: 0 auto;}
	
.footer .map {
	padding: 0 0 0px;
}
.footer .map iframe{
	width: 100%;
	height:420px;
	display: block;}

	
.footer .about{
	padding: 60px 10px;
	box-sizing: border-box;
	overflow: hidden;
}
	.footer .about h2 img{max-width: 340px;
	display: block;
	margin:0 auto;}	
	.footer .about h2:before{content:none;}

	.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%;
	max-width: 1100px;
	box-sizing: border-box;
}

.contents .main_contents{
	order: 1;
	width: 75%!important;
	margin: 0px auto;
	font-size: 1.1rem;
}

	.contents .sub_contents{order: 2;
	width: 20%;
	margin: 80px 5px 40px 0;
	box-sizing: border-box!important;}

	.contents .main_contents{padding: 80px 0;}

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

.main_contents h2{
	line-height: 1.3;}


h3{
	margin: 0 0 20px;}


h4{
	font-size: 22px;
	line-height: 1.5;
	margin: 0 0 20px 0;}



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


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

	
    .photobox {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
		text-align: left;
		margin: 0 auto 40px auto;
		max-height: 500px;
    }	

.photobox figure {
        width: 48%;
        
        display: flex;
    }	
	
.photobox_left {
     flex-direction: row-reverse;
    }	
	
.photobox figure img{
        height: 100%;
        object-fit: cover;
    }	
	
.photobox .text{
        background: #fff;
padding:3% 3%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
	width: 52%;
    }	
	
	
	.photobox .text p{text-align: left;
	font-size: 17px;}	
	
/*--選ばれる理由、内容の写真左右-----------------------------*/	
.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 .reason_box{
	margin: 0 0 40px 0;}	

	.reason .reason_box figure{width: 40%;}
	.reason .reason_box p:after{content:"";
	display: block;
	clear: both;}
/*---------施術内容-------------*/
	

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

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

	.block_link1 ul,
	.block_link2 ul{display: flex;
	flex-wrap:wrap;
	justify-content:space-around;}

	.block_link1 ul li{
	width: 31.5%;
	}
	
	.block_link2 ul li{width: 47.5%;
	margin-bottom: 30px;}
	
	.block_link1 ul li h3,
	.block_link2 ul li h3{font-size: 1.3em;
	margin: 0 0 10px 0;
	line-height: 1.4;}
	
ul.imgbox3,
	.flex3{
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
justify-content: flex-start;
}
	

	
ul.imgbox3 li,
	.flex3 .flex3_box{width: 32%;
	margin: 0 2% 20px 0;}
	
	
ul.imgbox3 li:nth-of-type(3n),
.flex3 .flex3_box:nth-of-type(3n){
margin-right: 0;
}	
	
ul.imgbox3 li img{
	display: block;
	margin: 0 auto;
}


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

ul.imgbox2,
.flex2{
display: flex;
flex-wrap: wrap;
align-content: center;
align-items:stretch;
justify-content: space-between;
	margin: 0 auto;
	flex: 1;
}
ul.imgbox2 li,
.flex2 .flex2_box{
width: 48%;
margin: 0 0 40px;}
	
	
ul.imgbox2 li:nth-of-type(2n),
.flex2 .flex2_box:nth-of-type(2n){margin-right: 0;}	
	
ul.imgbox2 li img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.flex2_box h3,
	.flex2_box p{margin-left: 15px;
	margin-right: 15px;}
	
/*---------------------------*/

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;}

	.inchou img{aspect-ratio:3/3.5;
	object-fit: cover;}	
	.company dl{margin:0 auto 30px auto;}	
	

.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%;
}


/*-〇〇の流れ4--------------------------*/

.step4 {
	padding: 5px;
}
.step4 ol{
	list-style-type: none;
}

.step4 ol li {
	width: 100%;
	background: #fff;
	margin: 0 0 60px;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
}

.step4 ol li img {
	width: 30%;
	height: auto;
	margin: 0 0 0 30px;
	float: right;
}


	
    .step4 ol li p.title {
        font-size: 140%;
        font-weight: bold;
        margin: 10px 0 20px;
        line-height: 40px;
        font-family: 'Noto Sans JP', sans-serif;
    }
	
    .step4 ol li p.title b {
        background-color: #157DB2;
        width: 40px;
        height: 40px;
        text-align: center;
        display: block;
        line-height: 40px;
        margin: 0 10px 0 0;
        color: #fff;
        float: left;
        border-radius: 7px;
    }	

.step4 ol li:last-of-type::after {
	display:none;
}
.step4 ol li:after {
	content: "";
	position: absolute;
	background-image: url(../image/common/arrow.png);
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	background-position: center center;
	height: 30px;
	bottom: -40px;
	background-size: auto 30px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.step4 ol li:last-child {
	margin-bottom: 20px;
}
/*-会社概要--------------------------*/	
	
	dl.about{}	
	
	dl.about dt{width: 30%;
	box-sizing: border-box;
	padding: 0.5em;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	float: left}
	
	dl.about dd{width: 70%;
	box-sizing: border-box;
	padding: 0.5em;
	border-bottom: 1px solid #aaa;
	float: right;}

	/*-沿革--------------------------*/	
.timeline > li {
  overflow: hidden;
  margin: 0;
	padding: 0;
  position: relative;
display: flex;
}
.timeline-date {
  width: 110px;
text-align: right;
  margin-top: 10px;
	padding-right: 15px;
	box-sizing: border-box;
}
.timeline-content {
  width: calc(100% - 125px);
  padding-bottom: 16px;
  border-left: 3px #aaa solid;
  padding-left: 30px;
}	
	
	
	
.timeline-content:before {
  content: "";
  width: 12px;
  height: 12px;
  background:#157DB2;
  position: absolute;
  left: 103px;
  top: 8px;
  border-radius: 100%;
}	
	
}