@charset "UTF-8";



/*導入*/
.com_lead_box .lead_bg {
	background-image: url("../images/ortho/m_img@2x.png");
}



/*こんなお悩みありませんか？
---------------------------------------------------------*/
.box1 .trouble_list li {
	width: 14%;
	text-align: center;
}
.box1 .trouble_list li .box_img {
	margin-bottom: .8em;
}
.box1 .trouble_list li p {
	font-size: 105%;
	line-height: 1.5;
	letter-spacing: .1em;
}

.med_consultation {
	border: 2px solid #6ab38a;
}
.med_consultation .consul_inbox {
	padding: 30px 5% 50px;
}
.med_consultation .consul_title {
	position: relative;
	text-align: center;
	font-size: 205%;
	letter-spacing: .15em;
	padding: 1em 0 1.5em;
	background: url("../images/Consultation@2x.png") no-repeat center center;
	background-size: 40% auto;
}
.med_consultation .consul_title span {
	color: #fc945d;
}

.med_consultation .med_tel {
	background-color: rgba(106,179,138,0.15);
	padding: 50px 5%;
}
.med_consultation .med_tel .med_flex {
	width: 80%;
	max-width: 687px;
	margin: 0 auto 1.5em;
}
.med_consultation .med_tel .med_flex .ft_min {
	width: 36%;
	font-size: 130%;
	align-self: center;
}
.med_consultation .med_tel .med_flex .sp_tel_btn {
	width: 59%;
}
.med_consultation .med_tel p {
	max-width: 900px;
	background-color: #FFF;
	text-align: center;
	padding: .5em 1em;
	margin: 0 auto;
	border-radius: 10px;
}
.med_consultation .med_tel p span {
	color: #e87e3a;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.box1 .trouble_list li {
	width: 15%;
}
.box1 .trouble_list li p {
	font-size: 95%;
	letter-spacing: .0;
}

.med_consultation .consul_inbox {
	padding: 3%;
}
.med_consultation .consul_title {
	font-size: 190%;
	letter-spacing: .1em;
	padding: .8em 0;
}
.med_consultation .med_tel {
	padding: 5% 3%;
}
.med_consultation .med_tel .med_flex .ft_min {
	width: 38%;
    font-size: 120%;
}
.med_consultation .med_tel .med_flex .sp_tel_btn {
	width: 59%;
}
	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.box1 .trouble_list li {
	width: 30%;
}
.box1 .trouble_list li:nth-of-type(-n+3) {
	margin-bottom: 1em;
}
.box1 .trouble_list li .box_img {
	margin-bottom: .3em;
}
.box1 .trouble_list li p {
	font-size: 90%;
	line-height: 1.5;
	letter-spacing: .05em;
}
	

.med_consultation .consul_inbox {
	padding: 5% 3%;
}
.med_consultation .consul_title {
	font-size: 160%;
	letter-spacing: .1em;
	padding: .5em 0;
	background-size: auto 100%;
}
.med_consultation .med_tel {
	padding: 5% 3%;
}
.med_consultation .med_tel .med_flex {
	display: block;
	margin-bottom: 1em;
}
.med_consultation .med_tel .med_flex .ft_min {
	width: 100%;
	font-size: 110%;
	text-align: center;
	margin-bottom: .5em;
}
.med_consultation .med_tel .med_flex .sp_tel_btn {
	width: 100%;
	margin: 0 auto;
}
	
	
}



/*悪い歯並びによる影響について
---------------------------------------------------------*/
.box2 .med_bgbox .box_img {
	width: 18%;
	align-self: center;
}
.box2 .med_bgbox .box_txt {
	width: 78%;
}
.box2 .med_bgbox .box_txt dl:first-of-type {
	margin-bottom: 1.5em;
}
.box2 .med_bgbox .box_txt dl dd {
	font-size: 93%;
	letter-spacing: .04em;
}
.box2 .med_bgbox .boxlist:nth-of-type(2) dl dt::before {
	color: #bea971;
}
.box2 .med_bgbox .boxlist:nth-of-type(3) dl dt::before {
	color: #6ab38a;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.box2 .med_bgbox .box_img {
	width: 24%;
}
.box2 .med_bgbox .box_txt {
	width: 72%;
}
.box2 .med_bgbox .box_txt dl dt {
	font-size: 120%;
	letter-spacing: .03em;
}
	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	
.box2 .med_bgbox .med_flex {
	display: block;
}
.box2 .med_bgbox .box_img {
	width: 50%;
	margin: 0 auto 1em;
}
.box2 .med_bgbox .box_txt {
	width: 100%;
}
.box2 .med_bgbox .box_txt .med_style2 dt {
	letter-spacing: .05em;
    margin-bottom: 0.3em;
}
	
}



/*こどもの矯正治療,おとなの矯正治療
---------------------------------------------------------*/
.box3 .med_bgbox {
	background-color: rgba(106,179,178,0.08);
}
.box3 .med_bgbox .med_style2 dt .sub_txt {
    border-left: solid 5px rgba(106,179,178,0.4);
}

.box4 .med_bgbox {
	background-color: rgba(177,141,184,0.1);
}
.box4 .med_bgbox .bg_index {
    border-top: solid 2px #9e74a0;
    border-bottom: solid 2px #9e74a0;
    color: #9e74a0;
}
.box4 .med_bgbox .med_style2 dt::before {
    color: #b18db8;
}
.box4 .med_bgbox .med_style2 dt .sub_txt {
    border-left: solid 5px rgba(177,141,184,0.45);
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.box3 .med_bgbox .med_style2 dt .sub_txt,
.box4 .med_bgbox .med_style2 dt .sub_txt {
    margin-left: 0;
	letter-spacing: .04em;
}
	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	
.box3 .med_bgbox .med_style2 dt,
.box4 .med_bgbox .med_style2 dt {
	letter-spacing: .05em;
}
	
}