@charset "utf-8";
@import url("reset.css");
@import url("base.css");

/* 共通 */

html {
	overflow: auto;
}
 
body {
	overflow: hidden;
	min-width:1000px;
}

.spUser,
.pcUser{
    display :none;
}

#wrapper{
	margin:0 auto;
	width:1000px;
}

header{
	background:url(../images/header_bg.png);
	border-bottom:solid 10px #FFB80C;
	padding-left:500%;
	padding-right:500%;
	margin:0 -500%;
	overflow:hidden;
	box-shadow:0 3px 3px rgba(0,0,0,0.2);
	position:relative;
}

header h1{
	padding:30px 0 0 108px;
	font-size:100%;
	width:500px;
	float:left;
	margin-bottom:4px;
}

header h1 img{
	margin: -40px 0 0 -108px;
}

header .btn-estimate{
	float:right;
	padding-top:30px;
	position:relative;
}

header .btn-estimate:before{
	content:url(../images/arrow_estimate.png);
	position:absolute;
	left:-51px;
	top:42px;
	z-index:100;
}

header .tel{
	float:right;
	position:relative;
	width:340px;
	padding-top:30px;
	text-align:center;
}

header .tel a{
	background-color:#ff390c;
	color:#FFF;
	font-weight:bold;
	padding:10px;
	display:block;
	border-radius:3px;
	border:solid 2px #ff390c;
	box-shadow:0 0 5px rgba(255,255,255,1) inset;
	margin-bottom:3px;
	font-size:157%;
}

.main-image{
	width:1000px;
	height:472px;
	clear:both;
	position:relative;
}

.main-image .price{
	position:absolute;
	left:0;
	top:0;
	z-index:100;
}

.main-image .area{
	position:absolute;
	right:0;
	bottom:0;
}

.kaketsuke{
	background-color:#fff9e1;
	margin:0 -500%;
	padding:20px 500% 84px;
}

.kaketsuke h1{
	margin-bottom:10px;
}

.kaketsuke .contact-box{
	padding-top:54px;
	background:url(../images/image_refuse.png) no-repeat right top;
	margin-bottom:90px;
}

.tel-text{
	color:#2d69ac;
	font-weight:bold;
	margin-bottom:20px;
}

.tel{
	margin-bottom:40px;
}

.kaketsuke .contact-box .btn-estimate{
	padding-left:55px;
	position:relative;
}

.kaketsuke .contact-box .btn-estimate:before{
	content:url(../images/arrow_estimate2.png);
	position:absolute;
	left:0;
	top:16px;
	z-index:100;
}

.kaketsuke .strength{
	background:url(../images/image_truck.png) no-repeat 20px 308px, url(../images/strength_bg2.png) no-repeat right bottom, url(../images/strength_bg.png) repeat left top;
	position:relative;
	margin:0 30px;
	box-shadow: 4px 4px 0 rgba(142,133,98,0.75);
	padding-bottom:25px;
}

.kaketsuke .strength:before{
	content:url(../images/clip.png);
	position:absolute;
	right:57px;
	top:-49px;
}

.kaketsuke .strength .text{
	position:absolute;
	left:179px;
	top:151px;
}

.kaketsuke .strength dl{
	margin:-40px 35px 0 440px;
}

.kaketsuke .strength dt{
	color:#2d69ac;
	font-size:143%;
	font-weight:bold;
	margin-bottom:10px;
}

.kaketsuke .strength dt img{
	vertical-align:middle;
	margin-right:12px;
}

.kaketsuke .strength dd{
	margin-bottom:15px;
}

.kaketsuke .strength dd:last-child{
	margin-bottom:0;
}

.service{
	background-color:#fff0e2;
	margin:0 -500%;
	padding:0 500% 80px;
}

.service > h1{
	background:url(../images/service_title_bg.png);
	margin:0 -500% 50px;
	padding:10px 500%;
	text-align:center;
	border-bottom:solid 12px #CD731B;
}

.service-content .title-text{
	margin:-20px 0 0 105px;
	margin-bottom:30px;
}

.service1,
.service2{
	margin-bottom:50px;
}

.service1 .item{
	margin-top:45px;
	background:url(../images/service1_item.png) no-repeat left bottom;
	text-align:right;
	min-height:372px;
	margin-bottom:50px;
}

.service1 .item ul{
	display:inline-block;
	margin-left:40px;
	vertical-align:top;
	text-align:left;
}

.service1 .item ul li{
	margin-bottom:5px;
}

.service1 .price{
	margin-top:36px;
}

.service1 .price h1{
	color:#2d69ac;
	font-size:143%;
	font-weight:bold;
	margin-bottom:10px;
}

.service1 .price table{
	margin-top:10px;
	width:100%;
	background-color:#FFF;
}

.service1 .price table th{
	background-color:#f7f7f7;
	border:solid 1px #e8e8e8;
	padding:15px 40px;
	text-align:left;
	vertical-align:top;
	width:26%;
}

.service1 .price table thead th{
	background-color:#dcdcdc;
	font-size:143%;
	font-weight:bold;
	width:auto;
}

.service1 .price table td{
	border:solid 1px #e8e8e8;
	padding:15px 40px;
	width:40%;
}

.service1 .price .zero{
	text-align:center;
	vertical-align:middle;
	width:34%;
}

.service2 .local{
	padding:40px 435px 40px 58px;
	background:url(../images/service2_image.png) no-repeat right top;
	position:relative;
	min-height:165px;
}

.service2 .local h2{
	color:#ff840c;
	font-size:171%;
	margin-bottom:10px;
	font-weight:bold;
}

.service2 .local:before{
	content:url(../images/brackets_lt.png);
	position:absolute;
	left:0;
	top:0;
}

.service2 .local:after{
	content:url(../images/brackets_rb.png);
	position:absolute;
	left:555px;
	bottom:0;
}

.service2 .pickup{
	margin-top:40px;
}

.service2 .pickup h1{
	font-size:129%;
	color:#2d69ac;
	font-weight:bold;
	margin-bottom:10px;
}

.service2 .pickup ul{
	font-size:0;
}

.service2 .pickup li{
	border:solid 8px #E0E0E0;
	wiodth:284px;
	font-size:14px;
	display:inline-block;
	margin-right:50px;
}

.service2 .pickup li:nth-child(3n){
	margin-right:0;
}

.service3 .ihin-content{
	padding-left:232px;
	padding-top:30px;
	position:relative;
	min-height:157px;
}

.service3 .ihin-content .medal{
	position:absolute;
	left:0;
	top:0;
}

.service3 .ihin-content h2{
	color:#2d69ac;
	font-size:200%;
	margin-bottom:10px;
}

.flow{
	background:url(../images/flow_bg.png);
	padding:70px 500%;
	margin:0 -500%;
}

.flow .inner{
	background-color:#FFF;
	padding:30px;
	margin:0 10px;
	position:relative;
}

.flow .inner:before{
	content:url(../images/flow_lt.png);
	position:absolute;
	left:-10px;
	top:-10px;
}

.flow .inner:after{
	content:url(../images/flow_rb.png);
	position:absolute;
	right:-10px;
	bottom:-10px;
	line-height:0.1;
}

.flow h1{
	text-align:center;
}

.flow ol{
	font-size:0;
}

.flow li{
	font-size:14px;
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	width:360px;
	display:inline-block;
	padding:27px;
	margin-top:30px;
	vertical-align:top;
	position:relative;
}

.flow li:nth-child(2n){
	margin-left:90px;
}

.flow li:nth-child(2n):before{
	content:url(../images/arrow_flow.gif);
	position:absolute;
	left:-58px;
	top:50%;
	margin-top:-25px;
}

.flow li h2{
	margin-bottom:25px;
}

#contact{
	background-color:#fff9e1;
	padding:30px 500% 60px;
	margin:0 -500%;
}

#contact h1{
	margin-bottom:30px;
}

#contact table{
	width:100%;
	border:solid 1px #E4E4E4;
	border-top:solid 3px #E4E4E4;
	background-color:#F4F4F4;
	font-size:114%;
	margin:20px 0 30px;
}

#contact th{
	padding:25px 27px;
	width:203px;
	text-align:left;
	vertical-align:top;
	border-top:solid 1px #E4E4E4;
	border-bottom:solid 1px #E4E4E4;
}

#contact td{
	padding:20px 0;
	border-top:solid 1px #E4E4E4;
	border-bottom:solid 1px #E4E4E4;
}

#contact td.must{
	width:52px;
	text-align:right;
	vertical-align:top;
	padding:25px 0;
}

#contact tr:nth-child(2n) th,
#contact tr:nth-child(2n) td{
	background-color:#FFF;
}

#contact td input[type="text"]{
	width:368px;
	height:28px;
	border:solid 1px #E4E4E4;
}

#contact td label{
	display:inline-block;
	margin-right:30px;
}

#contact td textarea{
	width:560px;
	height:230px;
	border:solid 1px #E4E4E4;
}

#contact .btn{
	text-align:center;
	margin-bottom:10px;
}

#contact .btn input{
	display:inline-block;
	padding:10px 40px;
	background-color:#f4f4f4;
	border:solid 1px #E4E4E4;
	border-radius:3px;
	font-size:100%;
	box-shadow:0 0 3px rgba(255,255,255,1) inset;
}

#contact .to-privacy{
	text-align:center;
}

.company{
	background:url(../images/company_bg.png);
	padding:0 500% 80px;
	margin:0 -500%;
}

.company h1{
	background:url(../images/service_title_bg.png);
	text-align:center;
	padding:20px 500%;
	margin:0 -500% 50px;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

.company table{
	width:100%;
	border-top:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
	background-color:#FFF;
}

.company table th{
	border-bottom:dotted 1px #b9b9b9;
	background-color:#f4f4f4;
	padding:20px 30px;
	width:236px;
	text-align:left;
	vertical-align:top;
}

.company table td{
	padding:20px 30px;
	border-bottom:dotted 1px #b9b9b9;
}

.company table td iframe{
	width:630px;
	height:270px;
	margin-top:10px;
}

footer{
	background-color:#e7aa28;
	padding:0 500%;
	margin:0 -500%;
}

footer .copyright{
	background:url(../images/footer_bg.png);
	text-align:center;
	padding:20px 500%;
	margin:0 -500%;
}

/* プライバシーポリシー */

#privacy{
	background-color:#fff9e1;
	min-width:0;
}

#privacy h1{
	text-align:center;
	font-size:171%;
	margin-bottom:30px;
	font-weight:bold
}

#privacy div{
	margin:20px 20px 0;
}

#privacy dt{
	font-size:143%;
	margin-bottom:10px;
	border-bottom:dotted 1px #ccc;
	padding-bottom:2px;
	color:#2d69ac;
}

#privacy dd{
	margin-bottom:30px;
}

#privacy dd ul{
	margin-top:10px;
}


#privacy footer{
	padding:0;
	margin:50px 0 0;
}

#privacy .copyright{
	padding:20px;
	margin:0 -20px;
	width:auto;
}