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

header .local_branding_area {
	background:url(../service/img/local_brarding.jpg) no-repeat;
}
main .service_box .img_box {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 0 80px;
}
main .service_box .img_box::after {
	content:"";
	width:calc(100% / 3);
}
main .service_box .img_box figure {
	text-align:center;
	width:calc(100% / 3);
	margin:0 0 30px;
}
main .service_box .img_box figure img {
	margin:0 0 10px;
}
main .service_box dl {
	border:1px solid #999;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:50px;
	margin:0 0 80px;
}
main .service_box dl dt {
	display:inline-block;
	margin:0 30px 0 0
}
main .service_box dl dt a {
	font-size:112.5%;/*18px*/
	font-weight:bold;
	padding:8px 50px;
	display:inline-block;
	color:#fff;
	text-align:center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#4db6eb url(../img/index/top_menu_arrow.png) no-repeat right 20px center;
	background-size:11px;
	transition: .2s ease-in-out;
	margin:0 0 20px;
}
main .service_box dl.mind_box dt {
	font-size:112.5%;/*18px*/
	font-weight:bold;
	padding:8px 50px;
	display:inline-block;
	color:#fff;
	text-align:center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#4db6eb;
	margin:0 0 20px;
}
main .service_box dl dt a:hover {
	background:#64beeb url(../img/index/top_menu_arrow.png) no-repeat right 10px center;
	background-size:11px;
	transition: .2s ease-in-out;
}
main .service_box dl dd ul li {
	background:url(../img/local/list_mark.png) no-repeat left 9px;
	padding:0 0 0 18px;
}
main section h4 {
	text-align:left;
	font-size:125%;/*20px*/
	margin:0 0 30px;
	display:inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#21457d;
	padding:0 12px 2px;
	color:#fff;
}
main .service_table th {
	padding:0 15px 0 0;
	font-weight:normal;
}
main .detail_table {
	border-collapse:collapse;
	width:600px;
}
main .detail_table th {
	text-align:left;
	width:200px;
	padding:12px;
	border-bottom:1px solid #666;
}
main .detail_table td {
	padding:12px;
	border-bottom:1px solid #666;
}

@media screen and (min-width: 0px) and (max-width: 1020px) {
header .local_branding_area {
	background:url(../service/img/local_brarding.jpg) no-repeat left center;
	background-size:1400px;
}
}
@media screen and (min-width: 0px) and (max-width: 980px) {
main .service_box .img_box figure {
	padding:0 10px;
}
main .detail_table {
	width:100%;
}
}
@media screen and (min-width: 0px) and (max-width: 600px) {
main .h3_box h3 {
	font-size:128.5%;/*16px*/
	top:18px;
}
main h3 span {
	padding:0 10px;
}
main .service_box .img_box figure {
	width:calc(100% / 2);
}
main .service_box dl {
	padding:30px;
}
main .service_box dl dt {
	margin:0 0 15px;
	width:100%;
}
main .service_box dl dt a {
	display:block;
	width:100%;
	padding:8px 30px 8px 10px;
	text-align:left;
	font-size:100%;/*14px*/
}
main .service_box dl.mind_box dt {
	padding:8px 30px 8px 10px;
	font-size:100%;/*14px*/
	text-align:left;
}
main .detail_table {
	border-top:1px solid #666;
}
main .detail_table th {
	width:100%;
	display:block;
	background:#ddeaf6;
}
main .detail_table td {
	width:100%;
	display:block;
}
}
@media screen and (min-width: 0px) and (max-width: 400px) {
header .local_branding_area {
	background:url(../service/img/local_brarding.jpg) no-repeat left -300px center;
	background-size:1400px;
}
}