@charset "UTF-8";

.contentpage .m_img {
	background-image: url("../images/whitening/m_img@2x.jpg");
}
/*---------------------------------------------------------
med_bdrbox
---------------------------------------------------------*/
.med_bdrbox {background-color: #fcf9eb;}
.med_bdrbox .pick_title span {
	box-sizing: border-box;
	background: #fff;
	color: #4a3e35;
	font-size: 65%;
	letter-spacing: .1em;
	vertical-align: middle;
	border-radius: 8em;
	padding: .5em 1.5%;
	margin-right: 1.5em;
}
.med_bdrbox .white_inbox1 {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}
.med_bdrbox .com_flt .img_l {
	max-width: 390px;
}
.med_bdrbox .med_flow {
	background-color: #fff;
	box-sizing: border-box;
	padding: 40px 5%;
}
.med_bdrbox .pick_point {
	background: none;
	border-radius: 0;
	padding: 0 5.6%;
}
.med_bdrbox .pick_point > dt {
	max-width: 224px;
	width: 40%;
}
#home.med_bdrbox .pick_title {background-color: #74c8b2;}
#home.med_bdrbox .med_flow .fl_title {color: #58b9b2;}
#home.med_bdrbox .med_flow_list .img_item::after {color: #58b9b2;}
#home.med_bdrbox .com_marulist > li::before {color: #58b9b2;}
#office.med_bdrbox .pick_title {background-color: #aa9ac1;}
#office.med_bdrbox .med_flow .fl_title {color: #aa9ac1;}
#office.med_bdrbox .med_flow_list .img_item::after {color: #aa9ac1;}
#office.med_bdrbox .com_marulist > li::before {color: #aa9ac1;}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.med_bdrbox .com_flt .img_l {
	width: 34.5%;
}
.med_bdrbox .com_flt .txt_r {
	width: 61.5%;
}
.med_bdrbox .pick_point > dt {
	padding: 0;
}
.med_bdrbox .pick_point > dd {
	border-left: none;
	padding-left: 40px;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_bdrbox .med_flow {
	padding: 5%;
}
.med_bdrbox .pick_point > dd {
	padding-left: 4%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_bdrbox .med_flow {
	padding: 8% 6%;
}
.med_bdrbox .med_flow  .scl_txt {
	margin-top: -.5em;
}
.med_bdrbox .pick_title span {
	width: 50%;
	display: block;
	font-size: 90%;
	padding: .3em 1.5%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .5em;
}
.med_bdrbox .pick_point {
	padding: 0 2%;
}
.med_bdrbox .pick_point > dt {
	width: 55%;
	padding-bottom: 0;
	margin: 0 auto 5%;
	border-bottom: none;
}
#home.med_bdrbox .pick_title {
	padding-top: .6em;
}
}
/*---------------------------------------------------------

---------------------------------------------------------*/

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