@charset "UTF-8";
/* CSS Document */

@media (min-width: 768px){
	.mrb100 { margin-bottom: 100px!important;}
}
@media (max-width: 767.98px){
	.mrb100 { margin-bottom: 60px!important;}
}


/* DX推進 */
@media (min-width: 768px){
	.dx-flex{ display: flex; background-color: #efefef; padding: 35px;}
	.dx-flex>div:first-child{ width: 170px;}
	.dx-flex>div:first-child img{ width: 170px; border: 10px solid #fff;}
	.dx-flex>div:last-child{ width: calc(100% - 170px); padding: 0 0 0 60px;}
	.dx-flex>div:last-child p{ text-align: right; margin: 15px 0 0 0;}

	.pdf_box{ margin: 50px 0 70px 0;}
	.pdf_box a{ margin: 0 15px 0 0;}
	
	.dx_img_flex{ display: flex; align-items: center; flex-wrap: wrap; padding: 0;}
	.dx_flex_text{ width: 100%; padding: 0 0 20px 0;}
	.dx_flex_img{ text-align: center; width: 100%;}
	.dx_flex_img img{ width: 850px;}
}
@media (max-width: 767.98px){
	.dx-flex{ display: flex; flex-wrap: wrap; background-color: #efefef; padding: 20px;}
	.dx-flex>div:first-child{ width: 100%; text-align: center; padding: 0 0 20px 0;}
	.dx-flex>div:first-child img{ width: 200px; border: 10px solid #fff;}
	.dx-flex>div:last-child{ width: 100%;}
	.dx-flex>div:last-child p{ text-align: right; margin: 15px 0 0 0;}
	
	.pdf_box{ margin: 40px 0 40px 0;}
	.pdf_box a{ margin: 0 15px 15px 0;}
	
	.dx_img_flex{ display: flex; align-items: center; flex-wrap: wrap; margin: 15px 0 0 0;}
	.dx_flex_text{ width: 100%; padding: 0 0 20px 0;}
	.dx_flex_img{ text-align: center; width: 100%;}
	.dx_flex_img img{ width: 100%;}
}