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

/*PC*/
@media print, screen and (min-width: 768px) {

.rule_manner_wrap {
	width:100%;
	margin:0 auto 60px;
	display:flex;
	flex-wrap:wrap;
}

.rule_manner_box {
	width:46%;
	margin:0 2% 2%;
}

.rule_manner_box .img_r,
.rule_manner_box .img_l {
	width:180px;
	margin:0 auto 4%;
}


.rule_manner_box h4 {
	display:inline-block;
	padding:0 5px;
	margin:0 0 15px;
	color:#FFF;
	background:#0151a4;
}

.rule_manner_box h5 {
	font-size:1.2em;
	color:#0151a4;
	padding-bottom:3px;
	border-bottom:1px solid #0151a4;
	margin:0 0 20px;
}

}

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

.rule_manner_wrap {
	width:100%;
	margin:0 auto 30px;
	display:flex;
	flex-wrap:wrap;
}

.rule_manner_box {
	width:100%;
	margin:0 auto 30px;
}

.rule_manner_box .img_r,
.rule_manner_box .img_l {
	width:180px;
	margin:0 auto 4%;
}


.rule_manner_box h4 {
	display:inline-block;
	padding:0 5px;
	margin:0 0 15px;
	color:#FFF;
	background:#0151a4;
}

.rule_manner_box h5 {
	font-size:1.2em;
	color:#0151a4;
	padding-bottom:3px;
	border-bottom:1px solid #0151a4;
	margin:0 0 20px;
}

}