@charset "UTF-8";


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


/*box1
---------------------------------------------------------*/
.box1 .bg_beige{
	padding: 45px 60px;
	position: relative;
	z-index: 1;
}
.box1 .bg_beige::after{
	position: absolute;
	content: "";
	background: url(../images/caries/back_img1@2x.png) no-repeat right top;
	background-size: auto 100%;
	height: 303px;
	width: 420px;
	top:0;
	right: 0;
	z-index: -1;
}
.box1 .bg_beige .flex_840{
	display: flex;
	justify-content: space-between;
    align-items: center;	
	max-width: 840px;
	width: 90%;
}
.box1 .bg_beige .flex_840 .left_con{
	width: 72.5%;
}
.box1 .bg_beige .flex_840 .right_con{
	width: 23.5%;
}
.box1 .bg_beige .arrow_com span{
	min-width: 350px;
	margin-top: 1.5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box1 .bg_beige{
	padding: 35px 50px;
}
.box1 .bg_beige .flex_840 .left_con{
	width: 68%;
}
.box1 .bg_beige .flex_840 .right_con{
	width: 28%;
}
.box1 .bg_beige .arrow_com span{
	margin-top: 1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .bg_beige{
	padding: 6% 5%;
}
.box1 .bg_beige::after{
	position: absolute;
	content: "";
	background: url(../images/caries/back_img1@2x.png) no-repeat right bottom;
	background-size: 80% auto;
	height: 348px;
	width: 420px;
	top:auto;
	bottom:0;
	right: 0;
	z-index: -1;
}
.box1 .bg_beige .flex_840{
	width: 100%;
	display: block;
}
.box1 .bg_beige .flex_840 .left_con{
	width: 100%;
	padding-bottom: 1em;
}
.box1 .bg_beige .flex_840 .right_con{
	width: 50%;
}
.box1 .bg_beige .arrow_com span{
	min-width: 250px;
	margin-top: 1em;
}
}





/*box2
---------------------------------------------------------*/
/*col_3*/
.box2 .col_3 li:nth-child(1).med_icon_box{
	background-color:rgba(42,176,206,0.20);
}
.box2 .col_3 li:nth-child(2).med_icon_box{
	background-color:rgba(250,148,138,0.20);
}
.box2 .col_3 li:nth-child(3).med_icon_box{
	background-color:rgba(89,184,66,0.20);
}
.box2 .col_3 li:nth-child(1).med_icon_box .border_b_title::after{
	background-color:rgba(42,176,206,0.8);
}
.box2 .col_3 li:nth-child(2).med_icon_box .border_b_title::after{
	background-color:rgba(250,148,138,0.8);
}
.box2 .col_3 li:nth-child(3).med_icon_box .border_b_title::after{
	background-color:rgba(89,184,66,0.8);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .col_3 li{
	width: 32%;
	margin-top: 3.5%;
}
.box2 .col_3 li:nth-child(1),
.box2 .col_3 li:nth-child(2),
.box2 .col_3 li:nth-child(3){
	margin-top: 0;
}
}


/*med_frame_box*/
.box2 .med_frame_box .med_flt .img_l{
max-width: 180px;
width: 18%;
}
.box2 .med_frame_box .med_flt .txt_r{
width: 78%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .med_frame_box .med_flt .txt_r{
float: right;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .med_frame_box .med_flt .img_l{
width: 50%;
}
.box2 .med_frame_box .med_flt .txt_r{
width: 100%;
}
}


/*green_box*/
.box2 .med_frame_box .med_col_box{
	position: relative;
	z-index: 1;
}
.box2 .med_frame_box .med_col_box::after{
	position: absolute;
	content: "";
	background: url(../images/caries/back_img2@2x.png) no-repeat right bottom;
	background-size: auto 100%;
	height: 220px;
	width: 253px;
	right: 0;
	bottom: 0;
	z-index: -1;
}





/*box4
---------------------------------------------------------*/
.box4 .arrow_com{
	margin-top: 50px;
	font-size: 17px;
}
.box4 .arrow_com span {
	min-width: 350px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box4 .arrow_com{
	margin-top: 0em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box4 .arrow_com{
	margin-top: 0em;
}
.box4 .arrow_com span {
	min-width: 250px;
}
}