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

/* ------------ contents ------------ */
.contents{
	padding-bottom:100px;
	min-width:1200px;
}
.contents p,
.contents h1,
.contents h2,
.contents h2,
.contents h3{
	padding: 0;
	margin:0px;
	line-height:1.2em;
}
.contents ul,
.contents li{
	margin:0px;
	padding:0px;
	list-style:none;
}
@media screen and (max-width: 740px) {
.contents{
	padding-bottom:40px;
	min-width:320px;
}
}

/* ------------ main ------------ */
#main{
	background-image:url(../images/main_bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-size:auto 100%;
	margin-top:-4px;
	margin-bottom:20px;
}
#main .inner{
	position:relative;
	max-width:1100px;
	margin:0 auto;
}
#main .inner img{
	width:100%;
	height:auto;
}
#main .inner img.pc{
	display:block;
}
#main .inner img.sp{
	display:none;
}
#main .anchor{
	position:absolute;
	top:253px;
	left:72px;
	display:block;
	width:350px;
	height:0;
	padding-top:197px;
	background-color:#fff;
	opacity:0;
}
#main .anchor:hover{
	opacity:0.2;
}
.footstepBox {
	position:absolute;
	top:0;
	left: 50%;
	z-index:1000;
	width:902px;
	margin-left: -475px;
	margin-top:0px;
	margin-bottom:40px;
	color: #fff;
	text-align: left;
}
.footstepBox a,
.footstepBox a:visited {
	color: #fff !important;
}
@media screen and (max-width: 740px) {
#main{
	background-image:url(../images/main_bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-size:auto 100%;
	margin-bottom:15px;
	padding-top: 10px;
}
#main .inner img.pc{
	display:none;
}
#main .inner img.sp{
	display:block;
}
#main .anchor{
	top:57%;
	left:10%;
	width:27%;
	padding-top:15%;
}
#main .anchor:hover{
	opacity:0;
}
.footstepBox{
	top: -48px;
	left: 0;
	width:auto;
	margin:0px 15px;
}
}


/* ------------ subHeaderBox ------------ */
.subHeaderBox{
	width:1100px;
	overflow:hidden;
	margin:0px auto;
	padding:0x 40px;
	text-align:left;
}
.subHeader ul{
	float:right;
	padding:0px;
	margin:0px;
}
.subHeader ul li{
	display:inline-block;
	/* display:inline; */
	/* zoom:1; */
	vertical-align:middle;
}
.subHeader ul .btn a{
	display:block;
	width:150px;
	background-color:#2D699C;
	color:#fff;
	font-size:14px;
	text-align:center;
	padding:12px 0px 12px 0px;
}
.subHeader ul .btn a:hover{
	text-decoration:none;
	background-color:#5787B0;
}
@media screen and (max-width: 740px) {
.subHeaderBox{
	width:auto;
	padding:0 15px;
}
.subHeader ul .btn a{
	width:120px;
	font-size:13px;
}
}
@media screen and (max-width: 540px) {
.subHeader ul .btn a{
	padding:8px 0px 8px 0px;
	width:100px;
}
}

/* ------------ read ------------ */
#read{
	text-align:left;
	margin-bottom:60px;
}
#read .inner{
	max-width:1100px;
	margin:0 auto;
	padding:0 40px;
}
#read h2{
	color:#E3801E;
	font-weight:bold;
	font-size:36px;
}
#read h2 span{
	display:block;
	font-size:20px;
}
#read h2 strong{
	border-bottom:3px solid #E3801E;
	padding-bottom:2px;
}
@media screen and (max-width: 740px) {
#read{
	margin-bottom:30px;
}
#read .inner{
	padding:0 20px;
}
#read h2{
	font-size:20px;
	line-height:1.8;
}
#read h2 span{
	font-size:14px;
	line-height:1.5;
}
#read h2 strong{
	border-bottom:2px solid #E3801E;
}
}

/* ------------ section ------------ */
.section{
	text-align:left;
	padding:0 40px;
}
.section .inner{
	max-width:1100px;
	margin:0 auto;
}
.section .icon_ttl{
	position:relative;
	min-height:124px;
	margin-bottom:40px;
}
.section .icon_ttl .icon{
	position:absolute;
	top:0;
	left:10px;
	width:112px;
}
.section .icon_ttl .icon img{
	width:100%;
	height:auto;
}
.section .icon_ttl .txt{
	margin-left:160px;
	padding-top:10px;
}
.section .icon_ttl .txt h2{
	color:#E3801E;
	font-size:36px;
	margin-bottom:10px;
	line-height:1.2;
}
.section .icon_ttl .txt p{
	font-size:14px;
	line-height:1.5;
}
.section .line_ttl{
	padding-bottom:30px;
	margin-bottom:20px;
	border-bottom:1px solid #3C3C3C;
}
.section .line_ttl h2{
	text-align:center;
	font-size:30px;
	color:#E3801E;
}
@media screen and (max-width: 740px) {
.section{
	padding:0 20px;
}
.section .icon_ttl{
	min-height:66px;
	margin-bottom:20px;
}
.section .icon_ttl .icon{
	width:60px;
}
.section .icon_ttl .txt{
	margin-left:90px;
	padding-top:5px;
}
.section .icon_ttl .txt h2{
	font-size:20px;
	margin-bottom:5px;
}
.section .icon_ttl .txt p{
	font-size:13px;
}
.section .line_ttl{
	padding-bottom:15px;
	margin-bottom:10px;
}
.section .line_ttl h2{
	font-size:18px;
}
}

/* ------------ col ------------ */
.col2 ul{
	overflow:hidden;
}
.col2 li{
	float:left;
	width:49%;
	margin-left:2%;
	margin-bottom:2%;
}
.col2 li:first-child,
.col2 li:nth-child(odd){
	margin-left:0%;
}
.col2 li .img img{
	width:100%;
	height:auto;
}
.col3 ul{
	overflow:hidden;
}
.col3 li{
	float:left;
	width:32%;
	margin-left:2%;
}
.col3 li:first-child{
	margin-left:0%;
}
.col3 li .img img{
	width:100%;
	height:auto;
}
@media screen and (max-width: 740px) {
.col2 li{
	float:none;
	width:100%;
	margin-left:0;
}
.col3 li{
	float:none;
	width:100%;
	margin-left:0;
	margin-bottom:20px;
}
.col3 li:last-child{
	margin-bottom:0;
}
}

#speedy .inner,
#safety .inner,
#free .inner,
#echo .inner{
	padding-bottom:60px;
	margin-bottom:60px;
	border-bottom:2px dotted #333;
}
#case .inner,
#plan .inner,
#drawing .inner{
	padding-top:60px;
}
@media screen and (max-width: 740px) {
#speedy .inner,
#safety .inner,
#free .inner,
#echo .inner{
	padding-bottom:30px;
	margin-bottom:30px;
}
#case .inner,
#plan .inner,
#drawing .inner{
	padding-top:30px;
}
}

/* ------------ speedy ------------ */
#speedy .img img.pc{
	display:block;
}
#speedy .img img.sp{
	display:none;
}
@media screen and (max-width: 740px) {
#speedy .img{
	max-width:400px;
	margin:0 auto;
}
#speedy .img img.pc{
	display:none;
}
#speedy .img img.sp{
	display:block;
	width:100%;
	height:auto;
}
}

/* ------------ safety ------------ */
#safety .col2 li .txt{
	margin-bottom:10px;
}
#safety .col2 li .txt h3{
	font-size:20px;
	color:#E3801E;
	margin-bottom:10px;
	padding-left:30px;
	background-image:url(../images/safety_txt_icon.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#safety .col2 li .txt p{
	font-size:14px;
	line-height:1.5;
}
@media screen and (max-width: 740px) {
#safety .col2 li .txt h3{
	font-size:16px;
	padding-left:24px;
	background-size:16px auto;
}
#safety .col2 li .txt p{
	font-size:13px;
}
}

/* ------------ free ------------ */
#free .img{
	margin-bottom:10px;
}
#free .img img{
	width:100%;
	height:auto;
}
#free .img .pc{
	display:block;
}
#free .img .sp{
	display:none;
}
#free p.note{
	text-align:right;
	font-size:12px;
}
@media screen and (max-width: 740px) {
#free .img .pc{
	display:none;
}
#free .img .sp{
	display:block;
	background-image:url(../images/free_img_sp_bg.png);
	background-size:100% 100%;
	text-align:center;
	max-width:400px;
	margin:0 auto;
}
#free .img .sp img{
	width:280px;
}
#free .img{
	margin-bottom:5px;
}
#free p.note{
	max-width:400px;
	margin:0 auto;
	font-size:11px;
}
}

/* ------------ echo ------------ */
#echo .col3 li .img{
	position:relative;
	margin-bottom:10px;
}
#echo .col3 li p{
	font-size:14px;
}
#echo .col3 li .thumb{
	position:absolute;
	right:-15px;
	bottom:-15px;
	width:103px;
}
#echo .col3 li .thumb img{
	width:100%;
	height:auto;
}
@media screen and (max-width: 740px) {
#echo .col3 ul{
	overflow:inherit;
}
#echo .col3 li .img{
	margin-bottom:5px;
}
#echo .col3 li p{
	font-size:12px;
}
#echo .col3 li .thumb{
	width:80px;
}
}

/* ------------ reasonable ------------ */
#reasonable{
	margin-bottom:60px;
}
#reasonable .inner{
	overflow:hidden;
}
#reasonable .icon_ttl{
	float:left;
	width:49%;
	margin-right:2%;
}
#reasonable .img{
	float:left;
	width:49%;
}
#reasonable .img img{
	width:100%;
	height:auto;
}
@media screen and (max-width: 740px) {
#reasonable{
	margin-bottom:30px;
}
#reasonable .icon_ttl{
	float:none;
	width:100%;
	margin-right:0;
}
#reasonable .img{
	float:none;
	width:100%;
}
}

/* ------------ movie ------------ */
#movie{
	background-color:#8D8480;
	padding:60px 40px;
	text-align:center;
	margin-top:60px;
}
#movie h2{
	font-size:70px;
	color:#fff;
	font-family:'Roboto', sans-serif;
}
#movie p{
	font-size:24px;
	color:#fff;
	margin-bottom:30px;
}
#movie p br{
	display:none;
}
#movie .movie{
	overflow:hidden;
	margin:0 auto;
	max-width:766px;
	height:431px;
}
#movie .movie iframe{
	display:block;
	margin:-1px 0 0 -1px;
}
@media screen and (max-width: 740px) {
#movie{
	padding:30px 20px;
	margin-top:40px;
}
#movie h2{
	font-size:30px;
}
#movie p{
	font-size:15px;
	margin-bottom:20px;
}
#movie p br{
	display:block;
}
#movie .movie{
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}
#movie .movie iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}
}

/* ------------ onestop ------------ */
#onestop{
	padding:60px 40px;
}
#onestop .ttl{
	margin-bottom:30px;
}
#onestop .ttl h2{
	color:#0B5D8A;
	font-size:36px;
	margin-bottom:10px;
}
#onestop .ttl p{
	font-size:14px;
	line-height:1.5;
}
#onestop .txt{
	border:6px solid #0B5D8A;
	padding:0 34px;
}
#onestop .txt .bg{
	background-color:#fff;
	height:100%;
	margin-top:-6px;
	margin-bottom:-6px;
	padding:6px 0;
}
#onestop .txt ul{
	padding:30px 0;
}
#onestop .txt ul li{
	position:relative;
	margin-bottom:20px;
}
#onestop .txt ul li:last-child{
	margin-bottom:0;
}
#onestop .txt ul li span{
	position:absolute;
	top:-2px;
	left:0;
	vertical-align:top;
	color:#85AEC4;
	font-weight:bold;
	font-size:40px;
	font-family:'Roboto', sans-serif;
	line-height:1;
}
#onestop .txt ul li p{
	display:inline-block;
	vertical-align:top;
	font-size:20px;
	font-weight:bold;
	color:#0B5D8A;
	margin-left:30px;
	line-height:1.2;
}
#onestop .txt ul li p strong{
	font-size:30px;
}
@media screen and (max-width: 740px) {
#onestop{
	padding:30px 20px;
}
#onestop .ttl{
	margin-bottom:20px;
}
#onestop .ttl h2{
	font-size:20px;
	margin-bottom:10px;
}
#onestop .ttl p{
	font-size:13px;
}
#onestop .txt{
	border:4px solid #0B5D8A;
	padding:0 20px;
}
#onestop .txt .bg{
	margin-top:-4px;
	margin-bottom:-4px;
	padding:4px 0;
}
#onestop .txt ul{
	padding:20px 0;
}
#onestop .txt ul li span{
	font-size:30px;
}
#onestop .txt ul li p{
	font-size:14px;
	margin-left:25px;
}
#onestop .txt ul li p strong{
	font-size:18px;
}
}

/* ------------ ansin ------------ */
#ansin{
	padding:60px 40px;
	background-color:#F7F5F0;
}
#ansin .ttl{
	margin-bottom:30px;
}
#ansin .ttl h2{
	color:#E3801E;
	font-size:36px;
	margin-bottom:10px;
}
#ansin .ttl p{
	font-size:14px;
	line-height:1.5;
}
#ansin  .col3 .img{
	margin-bottom:10px;
}
#ansin .sub_ttl{
	display:table;
	margin-bottom:10px;
}
#ansin .sub_ttl .icon{
	display:table-cell;
	vertical-align:middle;
}
#ansin .sub_ttl .icon img{
	width:53px;
	height:auto;
}
#ansin .sub_ttl .txt{
	display:table-cell;
	vertical-align:middle;
	padding-left:10px;
}
#ansin .sub_ttl .txt h3{
	color:#E3801E;
	font-size:14px;
}
#ansin  .col3 p{
	font-size:14px;
	line-height:1.5;
}
#ansin  .col3 p.note{
	font-size:12px;
	margin-left:1em;
	text-indent:-1em;
	margin-top:10px;
}
@media screen and (max-width: 740px) {
#ansin{
	padding:30px 20px;
}
#ansin .ttl{
	margin-bottom:20px;
}
#ansin .ttl h2{
	font-size:20px;
	margin-bottom:10px;
}
#ansin .ttl p{
	font-size:13px;
}
#ansin  .col3 p{
	font-size:13px;
}
#ansin  .col3 li{
	margin-bottom:30px;
}
#ansin  .col3 p.note{
	font-size:11px;
}
}

/* ------------ plan ------------ */
#plan p{
	font-size:14px;
	margin-left:100px;
	margin-bottom:40px;
	line-height:1.5;
}
#plan .img{
	text-align:center;
	margin-bottom:100px;
}
#plan .img:last-child{
	margin-bottom:0;
}
@media screen and (max-width: 740px) {
#plan p{
	font-size:13px;
	margin-left:0;
	margin-bottom:10px;
}
#plan .img{
	margin-bottom:40px;
}
#plan .img img{
	width:100%;
	height:auto;
}
}

/* ------------ drawing ------------ */
#drawing{
	padding-bottom:0;
}
#drawing table{
	width:100%;
	font-size:13px;
	line-height:1.2;
}
#drawing table .first{
	border-left:none;
}
#drawing table th{
	background-color:#214360;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border-left:1px solid #ccc;
	padding:10px 5px 8px 5px;
	line-height:1.5em;
}
#drawing table td{
	text-align:center;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:10px 5px 8px 5px;
}
#drawing table td span{
	font-size:12px;
	line-height:1.2em;
}
#drawing table td br.sp{
	display:none;
}
#drawing table .even td{
	background-color:#F4F5F7;
}
#drawing .note{
	margin-top:15px;
}
#drawing .note li{
	font-size:12px;
	margin-left:1em;
	text-indent:-1em;
	line-height:1.2;
	margin-top:5px;
}
#drawing .note li:first-child{
	margin-top:0;
}
@media screen and (max-width: 740px) {
#drawing table{
	font-size:10px;
}
#drawing table td span{
	font-size:9px;
}
#drawing table td br.sp{
	display:block;
}
#drawing .note li{
	font-size:10px;
}
}
@media screen and (max-width: 500px) {
#drawing table th,
#drawing table td{
	padding:8px 3px 6px 3px;
}
}

/* ------------ contact ------------ */
.contact{
	border:4px solid #333;
	width:740px;
	margin:40px auto 0 auto;
	padding:20px;
}
.contact,
.contact *,
.contact :before,
.contact :after{
	-webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.contact h2{
	font-size:23px;
	text-align:center;
	color:#005C94 !important;
	margin-bottom:10px;
}
.contact .time{
	text-align:center;
	font-size:14px;
	margin-bottom:20px;
}
.contact .col_box{
	overflow:hidden;
}
.contact .col{
	float:left;
	width:50%;
	padding-left:15px;
	padding-right:15px;
}
.contact .contact_tel strong{
	display:block;
	font-family:"Roboto",sans-serif;
	font-size:48px;
	line-height:1em;
	text-align:center;
}
.contact .contact_tel .col:nth-of-type(2) > a{
	display:block;
	color:#FFF;
	text-align:center;
	width:300px;
	height:52px;
	font-size:20px;
	background:#005C94;
	padding-top:18px;
	border-radius:6px;
	font-weight:bold;
}
.contact .contact_tel .col:nth-of-type(2) > a:hover{
	text-decoration:none;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.contact .contact_line{
	border-top:2px solid #dedede;
	margin-top:20px;
	padding-top:20px;
}
.contact .contact_line h3{
	font-size:18px;
	font-weight:bold;
	margin-bottom:6px;
}
.contact .contact_line p{
	font-size:14px;
	line-height:1.6em;
}
.contact .contact_line a{
	display:block;
	color:#FFF;
	text-align:center;
	width:300px;
	height:54px;
	font-size:20px;
	background:#6BC315;
	padding-top:16px;
	border-radius:6px;
	font-weight:bold;
}
.contact .contact_line a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.contact .contact_line a img{
	height:23px;
	width:auto;
}
@media screen and (max-width:768px) {
.contact{
	width:auto;
	margin:40px 20px 0 20px;
	padding:10px 0;
}
.contact h2{
	font-size:16px;
}
.contact .time{
	font-size:12px;
	margin-bottom:10px;
}
.contact .col_box{
	margin-left:15px;
	margin-right:15px;
}
.contact .col{
	float:none;
	width:auto;
	padding:0;
}
.contact .contact_tel strong{
	margin-bottom:10px;
}
.contact .contact_tel strong,
.contact .contact_tel .telLink{
	font-size: 28px;
	text-decoration: none;
	margin-bottom: 15px;
	display: block;
	color: #333;
	font-weight: bold;
}
.contact .contact_tel .col:nth-of-type(2) > a{
	width:100%;
	height:40px;
	font-size:16px;
	padding-top:12px;
}
.contact .contact_line h3{
	font-size:14px;
	text-align:center;
}
.contact .contact_line p{
	font-size:12px;
	line-height:1.4em;
	text-align:center;
	margin-bottom:10px;
}
.contact .contact_line a{
	width:100%;
	height:41px;
	font-size:16px;
	padding-top:11px;
}
.contact .contact_line a img{
	height:20px;
}
}