*{ margin:0; padding:0; }
#wrapper {
color:#202020;
	font-size:18px;
	line-height:1.8em;
}

a img{ border:none}

.clear{ clear:both}

table{ text-align:left; font-size:18px; line-height:1.8em}

.box{ width:650px; margin:30px auto}
.copy_1 {
	font-size: 20px;
}
.sime{ background-color:#C4181B; padding:5px 0; margin:0 auto 60px; color:#FFFFFF; font-weight:bold; width:650px; box-sizing:border-box; text-align:center}

.copy_2 {
	font-size: 16px;
	line-height:1.6em;
}
.copy_3 {
	font-size: 15px;
	line-height: 21px;
}

.aka{ font-size:12px; color:red}
.aka_b{ color:#660000; font-weight:bold; font-size:16px}
.line{ border-bottom:solid 2px red}
hr{ height:1px; color:#CCCCCC;}
.honbun { font-size: 13px; line-height: 1.4em;}
span.sub_ti{ font-size:16px; line-height:1.3; display:block;}
#title{ text-align:center; width:100%; background-color:#EB4E32}
.ti01,.ti02,.ti03,.ti04{ width:830px; margin:0 auto; color:#FFFFFF; text-align:center; font-size:22px; padding:15px 0; font-weight:bold}
.ti01{ background-color:#2C9CD0;}
.ti02{ background-color:#EDAF33;}
.ti03{ background-color:#88B928;}
.ti04{ background-color:#EB4E32;}

.block{ width:760px; margin:40px auto 80px; overflow:hidden}
.block ul li{  text-align:center; list-style:none; float:left; width:252px; margin: 0 64px 50px; min-height:272px;}
.block p{ font-size:14px; line-height:1.4em; text-align:left;}
.block ul li:nth-child(3),.block ul li:nth-child(4){ margin-bottom:0;}
.block .mgn5{ margin-top:5px;}
.block .mgb5 { margin-bottom:15px;}
.block .font18{ font-size:95%;}

p.sub_ti{ font-size:16px; font-weight:bold; color:#EB4E32; margin-bottom:10px;}
p.sub_ti02{font-size:22px; border-left: double 8px #EB4E32; color:#EB4E32; padding-top:5px; padding-left:15px; font-weight:bold; margin-bottom:15px;}

hr{ margin:40px 0;}

.office_box{ border:solid 1px #E0E0E0; box-sizing:border-box; padding:10px; margin-bottom:40px;}
.office_sub{ width:133px;}


@media screen and (min-width:481px) and (max-width:2000px) {
/*　画面サイズが481pxから2000pxまではここを読み込む　*/
#wrapper .td_size-6 { width:71%;}
#wrapper .td_size-7 { width:29%;}
}
@media screen and (max-width:480px) {
#wrapper { font-size:100%;}
table{ text-align:left; font-size:88%; line-height:1.4em;}
.ti01,.ti02,.ti03,.ti04{ width:100%; font-size:110%;}
.block{ width:90%; margin: 20px auto 40px;}
.block ul li{ width: 100%; margin:0 auto 40px; min-height:100% !important;}
.block .mgn5 { margin-top: 15px;}
#wrapper .td_size-6, #wrapper .td_size-7{ width:90%; margin:0 auto;}
#wrapper .td_size-7, .office_center_img{ margin:20px auto 0; text-align:center;}
#wrapper .btn_step_up{ width:80%;}
.office_sub{ max-width:100px; width:100%; margin-bottom:5px;}
}