@charset "UTF-8";


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




/*box01
---------------------------------------------------------*/
.box01 .med_flt{
	margin-bottom: 110px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box01 .med_flt{
	margin-bottom: 5%;
}
}

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



/*.box02
---------------------------------------------------------*/
.box02 .pro{
	margin-bottom: 95px;
}
.box02 .pro .med_flt{
	margin-bottom: 70px;
}
.box02 .pro .med_frame_list li:first-child{
	border-bottom: none;
	padding-bottom: 0;
}
.box02 .self .med_flt{
	margin-bottom: 40px;
}
.box02 .self h5{
	background: #E9B1A7;
}
.box02 .self .med_frame_list > li dt,
.box02 .self .med_frame_list > li p.title,
.box02 .self .med_frame_list > li .icon1::before{
	color:#E9B1A7
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box02 .pro{
	margin-bottom: 10%;
}
.box02 .pro .med_flt,
.box02 .self .med_flt{
	margin-bottom: 5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box02 .pro{
	margin-bottom: 11%;
}
.box02 .pro .med_flt,
.box02 .self .med_flt{
	margin-bottom: 8%;
}
}