@charset "UTF-8";

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


/*共通
---------------------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.h_logo h1 {
		letter-spacing: .05em;
	}
	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.contentpage .m_img_area .m_img {
	background-position: -30vw center;
}
}


/*定期検診で悪くなる前に予防を
---------------------------------------------------------*/
.box1 .med_bdr_box {
	border-color: #CBE4A9;
	box-sizing: border-box;
	width: 80%;
	max-width: 820px;
	margin: 0 auto;
}
.box1 .med_bdr_box .bdr_title {
	color: #7DBB28;
	font-size: 168%;
}
.box1 .med_bdr_box .img_box {
	margin: 0 auto;
}

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

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

.box1 .med_bdr_box {
	width: 100%;
	padding: 5% 3%;
}
.box1 .med_bdr_box .bdr_title {
    font-size: 110%;
}
.box1 .med_bdr_box .img_box {
	width: 100%;
}
	
}


/*効果的な予防歯科のために
---------------------------------------------------------*/
.box2 .med_style1 dt {
	letter-spacing: .1em;
}
.box2 .point {
	background-color: #E9F4ED;
	border-radius: 10px;
	padding: 20px 80px 20px 220px;
	margin-top: 40px;
	position: relative;
}
.box2 .point::before {
    content: "";
    position: absolute;
	z-index: 0;
    width: 126px;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/bg_slash1@2x.png") repeat left top;
    background-size: 57px auto;
}
.box2 .point::after {
	position: absolute;
    content: '';
	background: url("../images/yobo/icon_point@2x.png") no-repeat;
	background-size: 190px 68px;
	width: 190px;
	height: 68px;
	left: -1%;
	top: 50%;
	transform: translateY(-62%);
}
.box2 .med_bdr_box .bdr_inbox dd {
	letter-spacing: .07em;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
/*四角リスト*/
.box2 .self .bdr_inbox dt {
	letter-spacing: .03em;
}
.box2 .point {
	padding: 20px 20px 20px 210px;
	margin-top: 4%;
}
	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	
.box2 .med_style1 dt {
    font-size: 120%;
    letter-spacing: .05em;
    line-height: 1.6em;
    margin-bottom: 0.4em;
}
.box2 .point {
	padding: 15% 5% 5%;
	margin-top: 5%;
}
.box2 .point::before {
    width: 100%;
    height: 10vw;
    left: 0;
    top: 0;
}
.box2 .point::after {
	background-size: 150px 53px;
	left: 50%;
	top: -2%;
	transform: translateX(-45%);
}

}