@charset "UTF-8";

.contentpage .m_img{
	background-image: url("../images/clinic/m_img@2x.jpg");}


/* com_lead
---------------------------------------------------------*/
.com_lead{
	margin-bottom: 150px;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.com_lead{
	margin-bottom: 12%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.com_lead{
	margin-bottom: 15%;
}
}






/* 見出し
---------------------------------------------------------*/
.cli_index2{
	margin-bottom: .6em;
}
.cli_index2 .ft_jost{
	line-height: 1.6em;
	margin-bottom: .4em;
}
.cli_index2 .col_green{
	font-size:230%;
	letter-spacing: 0.1em;
	line-height: 1.6em;
}

.cli_index3{
	text-align: center;
	font-size:150%;
	letter-spacing: 0.05em;
	line-height: 1.6em;
	margin-bottom: 50px;
}
.cli_index3 span{
	position: relative;
	padding: 0 .7em;
	box-sizing: border-box;
}
.cli_index3 span::before{
	position: absolute;
	display: block;
	content: "";
	background: #032c42;
	background-size: 100% auto;
	width: 1px;
	height: 2em;
	bottom: -.5em;
	left: 0;
	transform: rotate(-25deg);
}
.cli_index3 span::after{
	position: absolute;
	display: block;
	content: "";
	background: #032c42;
	background-size: 100% auto;
	width: 1px;
	height: 2em;
	bottom: -.5em;
	right: 0;
	transform: rotate(25deg);
}

.cli_index4{
	font-size:180%;
	letter-spacing: 0.05em;
	line-height: 1.6em;
	margin: .5em 0 .3em;
}

.cli_index5 p{
	font-size:120%;
	letter-spacing: 0.15em;
	line-height: 1.6em;
	color: #032c42;
	font-weight: bold;
}
.cli_index5 .ft_min{
	font-size:240%;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	margin: .3rem 0 .6rem;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.cli_index2{
	margin-bottom: .4em;
}
.cli_index2 .ft_jost{
	margin-bottom: 0;
}
.cli_index2 .col_green{
	font-size: 190%;
}

.cli_index3{
	font-size:135%;
	margin-bottom: 3%;
}

.cli_index4{
	font-size:150%;
	letter-spacing: 0.05em;
	line-height: 1.6em;
	margin: .5em 0 .3em;
}

.cli_index5 p{
	font-size:110%;
	letter-spacing: 0.05em;
}
.cli_index5 .ft_min{
	font-size:190%;
	letter-spacing: 0.1em;
	margin: .1rem 0 .5rem;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.cli_index2{
	margin-bottom: .5em;
	text-align: center;
}
.cli_index2 .ft_jost{
	margin-bottom: 0em;
}
.cli_index2 .col_green{
	font-size: 160%;
	margin-bottom: .1em;
}

.cli_index3{
	text-align: center;
	font-size:130%;
	letter-spacing: 0.05em;
	margin-bottom: 5%;
}
.cli_index3 span{
	display: block;
}
.cli_index3 span::before{
	bottom: 0;
	left: .5em;
}
.cli_index3 span::after{
	bottom: 0;
	right: .5em;
}

.cli_index4{
	font-size:130%;
	margin: .4em 0 .2em;
	text-align: center;
}

.cli_index5{
	text-align: center;
}
.cli_index5 p{
	font-size:100%;
	letter-spacing: 0.05em;
}
.cli_index5 .ft_min{
	font-size:150%;
	letter-spacing: 0.05em;
	margin: .1rem 0 .6rem;
}
}






/* クリニック紹介
---------------------------------------------------------*/
#clinic{
	margin-bottom: 120px;
}
#clinic .box1{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
#clinic .box1,
#clinic .box2,
#clinic .cli_col2{
	margin-bottom: 120px;
}
#clinic .box2{
	width: 80%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#clinic .box2 .img1000,
.cli_col2 li .img580{
	margin-bottom: 40px;
}

.img730{
	width: 56%;
}
.txt730{
	width: 40%;
}
.img580{
	width: 45%;
}
.txt580{
	width: 51%;
	max-width: 580px;
}

#clinic .txt730{
	max-width: 475px;
}
#equipment .txt730{
	max-width: 497px;
}

.cli_col2{
	display: flex;
    justify-content: space-between;
}
.cli_col2 li{
	width: 48%;
	max-width: 580px;
}
.cli_col2 li .img580{
	width: 100%;
}

.cli_col3{
	width: 100%;
	display: flex;
    justify-content: start;
}
.cli_col3 li{
	width: 30%!important;
	margin-right: 5%;
}
.cli_col3 li:last-child{
	margin-right: 0;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#clinic{
	margin-bottom: 10%;
}
#clinic .box1,
#clinic .box2,
#clinic .cli_col2{
	margin-bottom: 8%;
}
#clinic .box2 .img1000,
.cli_col2 li .img580{
	margin-bottom: 4%;
}
.cli_col3 li{
	width: 32%!important;
	margin-right: 2%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#clinic{
	margin-bottom: 15%;
}
#clinic .box1{
	display: block;
}
#clinic .box1,
#clinic .box2,
#clinic .cli_col2{
	margin-bottom: 15%;
}
#clinic .box2{
	width: 100%;
}
#clinic .box2 .img1000,
.cli_col2 li .img580{
	margin-bottom: 4%;
}

.img730{
	width: 90%!important;
	margin: 0 auto 4%;
}
#equipment .img730{
	width: 100%!important;
}
.img580{
	width: 80%!important;
	margin: 0 auto 4%;
}
.txt730,
.txt580{
	width: 100%;
	max-width:100%;
}

#clinic .txt730,
#equipment .txt730{
	max-width: 100%;
}

.cli_col2{
	display: block;
}
.cli_col2 li{
	width: 100%;
	max-width: 100%;
	margin-bottom: 15%;
}
.cli_col2 li:last-child{
	margin-bottom: 0;
}
.cli_col2 li .img580{
	width: 100%;
}

.cli_col3{
	display: block;
}
.cli_col3 li{
	width: 100%!important;
	margin-right: 0;
	margin-bottom: 10%;
}
.cli_col3 li:last-child{
	margin-bottom: 0;
}
.cli_col3 li .img380{
	width: 65%;
	margin: 0 auto;
}
}






/* equipment
---------------------------------------------------------*/
#equipment .bg{
	padding: 120px 0 150px;
	background: #f2ffff;
}
#equipment .eq_list > li{
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 70px;
	margin-bottom: 70px;
}
#equipment .eq_list > li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#equipment .eq_list .fltbox .img_l{
	float: left;
}
#equipment .eq_list .fltbox .txt_r{
	float: right;
}

/*point*/
#equipment .point{
	background: #2ca8c7;
	padding: 60px 4%;
	box-sizing:border-box;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
#equipment .point .point_inbox{
	max-width: 1060px;
	margin: 0 auto;
}
#equipment .point .title{
	border-bottom: 1px solid #fff;
	text-align: center;
	padding-bottom: 40px;
	margin-bottom: 60px;
}
#equipment .point .title .ft_jost{
	opacity: .2;
	font-size:400%;
	line-height: 1em;
}
#equipment .point .title .ft_min{
	font-size:200%;
	letter-spacing: 0.05em;
	line-height: 1.6em;
	margin-top: -.8em;
}
#equipment .point .point_fltbox .img{
	float: right;
	width: 30%;
}
#equipment .point .point_fltbox .txt{
	float: left;
	width: 66%;
	max-width: 670px;
}
#equipment .point h4{
	margin: 30px auto 20px;
	text-align: center;
	font-size:130%;
	letter-spacing: 0.15em;
	line-height: 1.6em;
	padding: .5em 1em;
	box-sizing: border-box;
	background: #2c8aab;
	border-radius: 50px;
}
#equipment .point .arrow_list{
	display: flex;
    justify-content: space-between;
}
#equipment .point .arrow_list li{
	width: 30%;
}
#equipment .point .arrow_list li div{
	max-width: 245px;
	margin: 0 auto;
}
#equipment .point .arrow_list li:nth-child(odd){
	background: #dcf3f6;
	padding: 40px 1em;
	box-sizing: border-box;
}
#equipment .point .arrow_list li.arrow{
	width: 2.7%;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
#equipment .point .arrow_list li h5{
	text-align: center;
	border-bottom: 1px solid #2ca8c7;
	font-size:150%;
	letter-spacing: 0.15em;
	line-height: 1.6em;
	padding-bottom: .4em;
	margin-bottom: .8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#equipment .bg{
	padding: 10% 0 12%;
}
#equipment .eq_list > li{
	padding-bottom: 7%;
	margin-bottom:7%;
}
#equipment .eq_list .fltbox .img580,
#equipment .eq_list .fltbox .img730{
	margin-bottom: 1em;
}
#equipment .eq_list .fltbox .img580.flt_l,
#equipment .eq_list .fltbox .img730.flt_l{
	margin-right: 4%;
}
#equipment .eq_list .fltbox .img580.flt_r,
#equipment .eq_list .fltbox .img730.flt_r{
	margin-left: 4%;
}
	
#equipment .eq_list .fltbox .txt730,
#equipment .eq_list .fltbox .txt580{
	width: 100%!important;
	max-width: 100%!important;
	float: none;
}

/*point*/
#equipment .point{
	padding: 4% 4% 6%;
	margin-top: 4%;
}
#equipment .point .title{
	padding-bottom: 3%;
	margin-bottom: 5%;
}
#equipment .point .title .ft_jost{
	font-size:350%;
}
#equipment .point .title .ft_min{
	font-size: 170%;
}
#equipment .point h4{
	font-size:115%;
}
#equipment .point .arrow_list li:nth-child(odd){
	padding: 3% 1em 4%;
}
#equipment .point .arrow_list li h5{
	font-size:120%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#equipment .bg{
	padding: 15% 0 15%;
}
#equipment .eq_list > li{
	padding-bottom: 8%;
	margin-bottom: 8%;;
}
#equipment .eq_list .fltbox .flt_r,
#equipment .eq_list .fltbox .flt_l{
	float: none!important;
}


/*point*/
#equipment .point{
	padding: 8% 4%;
	margin-top: 5%;
}
#equipment .point .title{
	padding-bottom: 4%;
	margin-bottom: 6%;
}
#equipment .point .title .ft_jost{
	font-size: 300%;
}
#equipment .point .title .ft_min{
	font-size: 125%;
}
#equipment .point .point_fltbox .img{
	float: none;
	width: 80%;
	margin: 0 auto 4%;
}
#equipment .point .point_fltbox .txt{
	float: none;
	width: 100%;
	max-width:100%;
}
#equipment .point h4{
	margin: 5% auto 4%;
	font-size:100%;
	letter-spacing: 0.05em;
	padding: .5em 1em;
}
#equipment .point .arrow_list{
	display: block;
}
#equipment .point .arrow_list li{
	width: 100%;
}
#equipment .point .arrow_list li div{
	max-width: 100%;
}
#equipment .point .arrow_list li:nth-child(odd){
	padding: 5% 4% 7%;
}
#equipment .point .arrow_list li.arrow{
	width: 100%;
	display: block;
	text-align: center;
	transform: rotate(-90deg);
}
#equipment .point .arrow_list li h5{
	font-size:110%;
}
}