@charset "UTF-8";

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



/*お口の健康は、母親と子どもで密接な関係が
---------------------------------------------------------*/

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box01 .med_flt .img_r{
	width:100%;
}
}




/*妊娠中に生じやすいお口のトラブル
---------------------------------------------------------*/
.box02 .care_box{
	position:relative;
	background: url(../images/maternity/care_bg@2x.png) repeat left top;
	background-size: 150px 150px;
	border-radius: 10px;	
}
.box02 .care_box::before,
.box02 .care_box::after{
	position:absolute;
	display: block;
	content:"";
	width: 15%;
	max-width: 135px;
	height: 207px;
	top: -10px;	
}
.box02 .care_box::before{
	background:url(../images/maternity/care_bg_l@2x.png) no-repeat left top;
	background-size:100% auto;
	left: 0;
}
.box02 .care_box::after{
	background:url(../images/maternity/care_bg_r@2x.png) no-repeat right top;
	background-size:100% auto;
	right: 0;
}

.box02 .care_box .care_inbox{
	padding:45px 4% 60px 4%;
}
.box02 .care_box h4{
	text-align:center;
	font-size:200%;
	letter-spacing: 0.1em;
	color:#ea939f;
	font-weight: 500;
	margin-bottom: 60px;
}
/* IE対応 */
_:-ms-lang(x)::-ms-backdrop,.box02 .care_box h4{
	margin-bottom: 35px;
	padding-top: 25px;
}
.box02 .care_box .care_list{
	max-width:1060px;
	margin: 0 auto;
}
.box02 .care_box .care_list li{
	width:47%;
}
.box02 .care_box .care_list li div{
	margin:0 auto 40px auto;
	width: 80%;
	max-width: 310px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box02 .care_box::before,
.box02 .care_box::after{
	width: 13%;	
}
.box02 .care_box .care_inbox{
	padding:45px 4% 40px 4%;
}
.box02 .care_box h4{
	font-size:180%;
	margin-bottom: 40px;
}
.box02 .care_box .care_list li{
	width:48.5%;
}
.box02 .care_box .care_list li div{
	margin:0 auto 30px auto;
}	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box02 .care_box::before,
.box02 .care_box::after{
	width: 13%;	
	top: -15px;
}
.box02 .care_box .care_inbox{
	padding:6% 5% 5% 5%;
}
.box02 .care_box h4{
	font-size:5.2vw;
	line-height: 1.6em;
	letter-spacing: 0.08em;
	margin-bottom: 6%;
}
.box02 .care_box .care_list li{
	width:100%;
	float: none;
}
.box02 .care_box .care_list li.flt_l{
	border-bottom:1px solid rgba(234,147,159,0.60);
	padding-bottom: 8%;
	margin-bottom: 8%;
	}	
	
.box02 .care_box .care_list li div{
	margin:0 auto 3% auto;
	width: 80%;
}
.box02 .med_col_3 li dt{
	font-size: 130%;
}
}




/*妊娠中の治療に最適な時期
---------------------------------------------------------*/
.box03 .col_3{
	padding-top:25px;}

.box03 .col_3 ul > li{
	float:left;
	width: 31.5%;
	margin-right: 2.75%;
	background: #ffffff;
	border-radius: 10px;
	position: relative;
}
.box03 .col_3 ul > li:last-child{
	margin-right: 0;
}
.box03 .col_3 ul > li dl{
	background:url(../images/maternity/ziki_bg@2x.png) repeat left top;
	background-size:95px 95px;
	border-radius: 10px 10px 0 0;
	text-align: center;
	line-height: 1.9em;
	font-weight: 500;
	padding: 20px 3% 10px 3%;
	color:#ffffff;
}
/* IE対応 */
_:-ms-lang(x)::-ms-backdrop,.box03 .col_3 ul > li dl{
	padding: 30px 3% 0 3%;
}
.box03 .col_3 ul > li dt{
	font-size:150%;
}
.box03 .col_3 ul > li:nth-child(2) dt{
	color:#ffff4a;
}
.box03 .col_3 ul > li .inbox{
	padding: 35px 30px;
}
.box03 .col_3 ul > li:nth-child(2) .abs_point{
	position:absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	top:-30px;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box03 .col_3{
	padding-top:15px;}

.box03 .col_3 ul > li{
	width: 32%;
	margin-right: 2%;
}
.box03 .col_3 ul > li dl{
	padding: 15px 3% 8px 3%;
}
.box03 .col_3 ul > li dt{
	font-size:130%;
}
.box03 .col_3 ul > li .inbox{
	padding: 20px 20px;
}
.box03 .col_3 ul > li:nth-child(2) .abs_point{
	top:-25px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box03 .col_3{
	padding-top:0;}

.box03 .col_3 ul > li{
	float:none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 7%;
}
.box03 .col_3 ul > li:last-child{
	margin-bottom: 0;
}
.box03 .col_3 ul > li dl{
	line-height: 1.8em;
	padding: 5% 3% 3% 3%;
}
.box03 .col_3 ul > li dt{
	font-size:5.8vw;
	margin-bottom: 2%
}
.box03 .col_3 ul > li dd{
	font-size:4vw;}
.box03 .col_3 ul > li .inbox{
	padding: 5%;
}
	.box03 .col_3 ul > li:nth-child(2){
		margin-top: 50px;
	}	
.box03 .col_3 ul > li:nth-child(2) .abs_point{
	top:-30px;
	width:60%;
}	
}