@charset "UTF-8";

.yobo.contentpage .m_img_area .m_img {
	background-image: url("../images/yobo/m_img@2x.jpg");
}
.yobo .yobo_graph{
	background-color: #f7f6f4;
    max-width: 820px;
    margin: 0 auto;
    padding: 60px 50px;
}
.yobo .yobo_graph .ttl{
	font-size: min(170%, 2.8vw);
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 32px;
    border-bottom: 1px solid #b4b4b5;
}
.yobo .yobo_graph .img{
	max-width: 710px;
    margin: 0 auto;
}
.yobo .med_box1 .txt_small{
	font-size: 18px;
}
.yobo .med_box1 .list_item{
	position:relative;
    height: 480px;
}
.yobo .med_box1 .list_item .img{
	position:absolute;
	bottom:0;
}

@media only screen and (min-width: 768px) and (max-width: 959px){
	.yobo .med_box1 .list_item{
		height: 430px;
	}
}

@media only screen and (max-width: 767px) {
	.yobo .yobo_graph{
		padding: 35px 0;
	}
	.yobo .yobo_graph .ttl{
		font-size: 140%;
		margin: 0 5% 25px 5%;
		padding-bottom: 16px;
	}
	.yobo .yobo_graph .img{
		width: 95%;
	}
	.yobo .med_box1 .list_item .img{
		position: unset;
	}
	.yobo .med_box1 .list_item{
		height:auto;
	}
	.yobo .med_flt.img330 .img_r{
		margin:5% auto 0;
	}
}