@charset "utf-8";

figure.cap_right figcaption{text-align: right; font-size: 0.8rem; padding-top: 5px;}
figure.cap_on{position: relative;}
figure.cap_on figcaption{position: absolute; bottom:5px; right: 10px; font-size: 0.8rem; color: #fff;}

h4.design_title1{font-size: 1.5rem; color: #787953; text-align: left;}

br.sp_only{display: none;}
@media screen and (max-width:414px){
	br.pc_only{display: none;}
	br.sp_only{display: block;}
}


/***********dataPage_wrap**********/

#dataPage_wrap{ }


/** conts-ttl **/
#dataPage_wrap .conts-ttl h2{ color: #787953; margin-bottom: 60px; font-size: 40px; line-height: 1;}

@media screen and (max-width:480px){
	#dataPage_wrap .conts-ttl h2{ font-size: 24px;}
}

/** data_conts_wrap **/
.data_conts_wrap{ border-top: 5px solid #de5e18; padding: 0 60px; background: #f3f3f3; margin-bottom: 60px;}
.data_conts_wrap h3.data_trend{ font-size: 40px; color: #333; padding: 50px 0 40px; margin: 0 auto; line-height: 1; text-align: center;}
.data_conts_wrap .data_read p{ font-size: 18px; text-align: center; margin-bottom: 80px;}

.align-items_center{ align-items: center;}
.text-align_center{ text-align: center!important;}
.text-align_left{ text-align: left!important;}
.border-left_none{ border-left: none!important;}
.data_conts_wrap .data_conts_box{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.data_conts_wrap .data_conts_box .data_box{ width: 48%; margin-bottom: 60px;}
.data_conts_wrap .data_conts_box .data_box h4{ text-align: left; font-size: 25px; margin-bottom: 10px;}
.data_conts_wrap .data_conts_box .data_box .data_box_con{ border-top: 1px solid #8c8861; border-left: 1px solid #8c8861; padding: 20px;}
.data_conts_wrap .data_conts_box .data_box .data_box_con h5{ font-size: 20px; text-align: center; margin-bottom: 30px;}
.data_conts_wrap .data_conts_box .data_box .data_box_con h5 br{ display: none;}
.data_conts_wrap .data_conts_box .data_box figure{ text-align: center;}
.data_conts_wrap .data_conts_box .data_box .data_box_con p{ font-size: 18px; line-height: 1.5; margin-top: 20px; margin-bottom: 0;}

@media screen and (max-width:768px){
	
}

@media screen and (max-width:640px){
	.box_order_2{ order: 2;}
	.data_conts_wrap{ padding: 0 20px;}
	.data_conts_wrap .data_conts_box{ flex-direction: column;}
	.data_conts_wrap .data_conts_box .data_box{ width: 100%;}
	.data_conts_wrap .data_conts_box .data_box .data_box_con{ padding:20px 10px;}
	
}

@media screen and (max-width:480px){
	.data_conts_wrap h3.data_trend{ font-size: 24px;}
	.data_conts_wrap .data_conts_box .data_box h4{ font-size: 20px;}
	.data_conts_wrap .data_conts_box .data_box .data_box_con h5{ font-size: 18px; margin-bottom: 20px;}
.data_conts_wrap .data_conts_box .data_box .data_box_con h5 br{ display: block;}
	.data_conts_wrap .data_conts_box .data_box .data_box_con p{ font-size: 15px;}
}

@media screen and (max-width:414px){

}