@charset "UTF-8";

/*box1
---------------------------------------------------------*/
.box1 .med_counseling{
	background-color: rgba(55,115,153,0.1);
}
.box1 .med_counseling .title_box .ft_rodin {
	color: #377399;
}

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

}

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

}



/*box2
---------------------------------------------------------*/
.box2 .med_bgbox.type2{
	padding-bottom: 50px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 .med_bgbox.type2{
	padding-bottom: 5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 .med_bgbox .med_flot_box .img_r{
	width: 100%;
}
.box2 .med_bgbox.type2{
	padding-top: 7%;
	padding-bottom: 7%;
}
}



/*box3
---------------------------------------------------------*/
.box3 .compare{
	display: flex;
    justify-content: space-between;
}
.box3 .compare > div{
	max-width: 390px;
	width: 33%;
	padding: 30px 2% 40px;
	box-sizing: border-box;
	background: #f8f7f6;
	border-radius: 20px;
}
.box3 .compare > div:first-child{
	background-color: rgba(55,115,153,0.1);
}
.box3 .compare > div .inbox{
	max-width: 340px;
	margin: 0 auto;
}
.box3 .compare .tit{
	margin-bottom: 25px;
}
.box3 .compare .tit dt{
	font-size: min(2.8vw,159%);
	letter-spacing: 0.05em;
	line-height: 1.6em;
	text-align: center;
	margin-bottom: 0.5em;
}
.box3 .compare > div:first-child .tit dt{
	color: #377399;
}
.box3 .compare .img{
	max-width: 300px;
	width: 80%;
	margin: 0 auto 40px;
	text-align: center;
}
.box3 .compare .med_merit{
	margin-bottom: 30px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box3 .compare > div{
	padding:3% 2% 4%;
	border-radius: 2vw;
}
.box3 .compare .tit{
	margin-bottom: 2vw;
}
.box3 .compare .img{
	margin: 0 auto 3.5vw;
}
.box3 .compare .med_merit{
	margin-bottom: 2.5vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box3 .compare{
	display: block;
}
.box3 .compare > div{
	max-width: 100%;
	width: 100%;
	padding: 6% 6% 7%;
	border-radius: 4vw;
	margin-top: 5%;
}
.box3 .compare > div:first-child{
	margin-top: 0;
}
.box3 .compare > div .inbox{
	max-width: 100%;
}
.box3 .compare .tit{
	margin-bottom: 5.5%;
}
.box3 .compare .tit dt{
	font-size: 150%;
}

.box3 .compare .img{
	max-width: 300px;
	width: 80%;
	margin: 0 auto 7%;
}
.box3 .compare .med_merit{
	margin-bottom: 6%;
}
}



/*box4
---------------------------------------------------------*/
.box4 .sub_box{
	background: #faf6f0;
	padding: 35px 4%;
	box-sizing: border-box;
	border-radius: 20px;
}
.box4 .sub_box .med_flot_box{
	max-width: 950px;
	margin: 0 auto;
	padding-top: 0em;
}
.box4 .sub_box .med_flot_box .img_r{
	max-width: 395px;
	width: 41.6%;
}
.box4 .sub_box .med_flot_box .txt_l{
	width: 54.4%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box4 .sub_box{
	padding: 4%;
	border-radius: 2vw;
}
.box4 .sub_box .med_flot_box .txt_l{
	width: 100%!important;
	float: none!important;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box4 .sub_box{
	padding: 6%;
	border-radius: 2vw;
}
.box4 .sub_box .med_flot_box{
	max-width: 100%;
}
.box4 .sub_box .med_flot_box .img_r{
	width: 100%;
}
.box4 .sub_box .med_flot_box .txt_l{
	width: 100%;
}
}