@charset "UTF-8";

/*box1
---------------------------------------------------------*/
.box1 .med_bgbox .bgbox_tit {color: #5493D1;}
.box1 .med_bgbox .bgbox_tit::before {background: #5493D1;}
.box1 .med_bgbox .bgbox_style > dt {color: #5493D1;}
.box1 .med_bgbox .bgbox_intit {color: #5493D1;}

.box1 .med_bgbox .med_flow_list {
	max-width: 960px;
}
.box1 .med_bgbox .med_flow_list li {
	width: 22%;
	max-width: 100%;
}
.box1 .med_bgbox .med_flow_list li.arrow {
	width: 4%;
	margin-top: 10%;
}
.box1 .med_bgbox .med_flow_list li div {
	width: 90%;
}
.box1 .med_bgbox .med_osusume {border-color: #5493D1;}
.box1 .med_bgbox .med_osusume dt {color: #5493D1;}
.box1 .med_bgbox .med_osusume dd li::before {background: #5493D1;}

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

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



/*box2
---------------------------------------------------------*/

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

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



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

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

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