@charset "UTF-8";

/*box2
---------------------------------------------------------*/
.box2 .med_flt .img_l{
	max-width: 348px;
	width: 29%;
}
.box2 .med_flt .txt_r{
	max-width: 775px;
	width: 67%;
}
.box2 .med_col_3 li:nth-child(1){
	background-color: #95bd9a;
}
.box2 .med_col_3 li:nth-child(2){
	background-color: #f5c263;
}
.box2 .med_col_3 li:nth-child(3){
	background-color: #ffacac;
}

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

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



/*box3
---------------------------------------------------------*/
.box3 .med_box .med_flt .img_r{
	max-width: 307px;
	width: 30%;
}
.box3 .med_box .med_flt .txt_l{
	max-width: 695px;
	width: 66%;
}
.box3 .med_box .med_flt .med_style1 dt{
	font-size: 194%;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box3 .med_box .med_flt .txt_l{
	max-width: 100%;
	width: 100%;
}
.box3 .med_box .med_flt .med_style1 dt{
	font-size: 180%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box3 .med_box .med_flt .img_r{
	width: 65%;
}
.box3 .med_box .med_flt .txt_l{
	max-width: 100%;
	width: 100%;
}
.box3 .med_box .med_flt .med_style1 dt{
	font-size: 165%;
}
}



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

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

}

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

}