@charset "UTF-8";


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

/*
---------------------------------------------------------*/
.graph_box {
	width: 85%;
	max-width: 820px;
	text-align: center;
	border: 1px solid #A3998C;
	border-radius: 40px;
	box-sizing: border-box;
	padding: 40px 4%;
	margin: 0 auto;
}
.graph_box > dt {
	margin-bottom: .2em;
}

#pro .med_flow_list .img_item {
	max-width: 140px;
}
#pro .pick_point dt {
	font-size: min(2vw,140%);
}
#pro .pick_point .img_r {
	max-width: 300px;
}

#self .pick_point {
	padding-top: 0;
}

/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {
#pro .pick_point .img_r {
	width: 40%;
}
#pro .med_flow_list .img_item {
	width: 73%;
}
#pro .med_flow_list .img_item::after {
	left: 112%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.graph_box {
	padding: 5% 4%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.graph_box {
	width: 100%;
	border-radius: 30px;
	padding: 7% 6%;
}
.graph_box .fs14 {
	font-size: 80%;
}
.graph_box dd:last-of-type {
	width: 112%;
}

#pro .pick_point dt {
	font-size: 110%;
}
#pro .pick_point .img_r {
	width: 90%;
}
}