@charset "UTF-8";

/*box1
---------------------------------------------------------*/
.box1 .med_flt .txt_l{
	max-width: 100%;
	width: 100%;
	float: none;
}
.box1 .med_flt .img_r{
	margin-left: 4%;
	margin-bottom: 1em;
}
.box1 .med_flow_box .flow_list.flow4 li div .abs{
	z-index: -1;
}
.box1 .med_flow_box .flow_list.flow4 li div::before{
	position: absolute;
	content: "";
	background: #fff;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top:50%;
	transform: translateY(-50%);
	border-radius: 100%;
	z-index: -2;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .med_flt .img_r{
	margin-left: auto;
	margin-bottom: 4vw;
}
}




/*box2
---------------------------------------------------------*/
.box2 .med_col3_icon li:nth-child(1){
	background-color: #EFF3F8;
}
.box2 .med_col3_icon li:nth-child(2){
	background-color: #FAF3FA;
}
.box2 .med_col3_icon li:nth-child(3){
	background-color: #F8F5E8;
}
.box2 .med_col3_icon li:nth-child(1) dt{
	background-color: #92AACD;
}
.box2 .med_col3_icon li:nth-child(2) dt{
	background-color: #DDB1DD;
}
.box2 .med_col3_icon li:nth-child(3) dt{
	background-color: #D7C679;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

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

}