@charset "UTF-8";


/* +++++++++++++++++#key-visual++++++++++++++++ */
.bread-crumbs ul{
	padding-bottom: 0;
}
#key-visual .inner{
	padding-top: 115px;
}
#key-visual p{
	font-size: 2.4rem;
	line-height: 1.75;
	width: 60%;
	padding-top: 1.5em;
}
#key-visual p strong{
	color: #da0012;
}
#key-visual h1{
	width: 53.220%;
}
#key-visual h1 img{
	display: block;
	width: 100%;
}
#key-visual .pic{
	width: 36.610%;
	position: absolute;
	right: 7.9%;
	top: -17px;
}

/* +++++++++++++++#sec01+++++++++++++ */
#sec01{
	padding-bottom: 100px;
}
#sec01 h2{
	max-width: 396px;
	margin: 0 auto 70px;
}
#sec01 h2 img{
	display: block;
	width: 100%;
}
#sec01 h3 img{
	display: block;
	max-width: 100%;
}
#sec01 ol{
	display: flex;
	justify-content: space-between;
}
#sec01 li{
	width: 30.6%;
	display: flex;
	flex-direction: column;
	border: 1px solid #a2a2a2;
	padding: 75px 35px 20px;
	position: relative;
}
#sec01 li:before{
	content: "";
	display: block;
	width: 100%;
	height: 87px;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	position: absolute;
	left: 0;
	right: 0;
	top: -43px;
}
#sec01 li:nth-of-type(1):before{
	background-image: url(../images/remote-no01.svg);
}
#sec01 li:nth-of-type(2):before{
	background-image: url(../images/remote-no02.svg);
}
#sec01 li:nth-of-type(3):before{
	background-image: url(../images/remote-no03.svg);
}
#sec01 li p{
	margin-top: 30px;
	line-height: 2;
}
#sec01 li .pic{
	margin: auto auto 0;
}
#sec01 li:nth-of-type(1) .pic{
	max-width: 293px;
}
#sec01 li:nth-of-type(2) .pic{
	max-width: 233px;
}
#sec01 li:nth-of-type(3) .pic{
	max-width: 194px;
}
/* +++++++++++++++#sec02+++++++++++++ */
@media screen and (min-width: 769px){
	#sec02{
		padding-bottom: 140px;
	}
}
#sec02 .contact-ttl{
	width: 100%;
	max-width: 803px;
	margin: 0 auto;
}
#sec02 h2 img{
	display: block;
	width: 100%;
}
#sec02 .outer{
	padding: 55px 0 27px;
	background: #e7e7e7;
	text-align: center;
	margin-top: 40px;
}
#sec02 .inner{
	max-width: 1020px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.inquiry{
	width: 49.019%;
}
.inquiry.line{
	margin: 0 auto;
}
.inquiry h2{
	margin: 20px auto;
}
.line a{
	background: #04c656;
	color: #fff;
	font-size: 2.9rem;
}
#sec02 h2{
	font-size: 2.6rem;
	margin-bottom: 15px;
}
#sec02 a{
	height: 68px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	border-radius: 10px;
}
#sec02 .line a{
	font-weight: 700;
}
#sec02 p{
	font-size: 1.8rem;
	line-height: 1.5;
}
#sec02 .btn01{
	font-size: 2.9rem;
}
#sec02 .btn01:after{
	right: 20px;
}
#sec02 .rog2{
	background: #fff;
	font-size: 3.5rem;
	color: #ff9a17;
	border: 2px solid #ff9a17;
}
#sec02 .rog2:before{
	content: "";
	display: block;
	height: 100%;
	width: 33px;
	margin-right: .3em;
	background: url(../images/truck_item-icon01.svg) no-repeat;
	background-size: 100% auto;
	background-position: left center;
}





@media screen and (max-width: 768px){

/* +++++++++++++++++#key-visual++++++++++++++++ */
	#key-visual{
		padding: 0;
	}
	#key-visual .inner{
		padding-top: 5.5rem;
		padding-right: 0;
		padding-bottom: 8.5rem;
	}
	#key-visual p{
		font-size: 3.2rem;
		line-height: 1.5625;
		width: 100%;
		padding-top: 1.5em;
	}
	#key-visual h1{
		width: 63rem;
	}
	#key-visual .pic{
		width: 44rem;
		position: relative;
		right: auto;
		top: auto;
		margin: 4rem 0 0 8.6rem;
	}


/* +++++++++++++++#sec01+++++++++++++ */
	#sec01{
		padding-bottom: 6.5rem;
	}
	#sec01 h2{
		max-width: 39.6rem;
		margin: 0 auto 12rem;
	}
	#sec01 h3 img{
		max-width: 100%;
		width: auto;
		height: 3.9rem;
		margin: 0 auto;
	}
	#sec01 ol{
		display: block;
	}
	#sec01 li{
		width: 100%;
		border: .1rem solid #a2a2a2;
		padding: 10rem 4rem 2rem;
		margin-top: 11rem;
	}
	#sec01 li:before{
		height: 14.2rem;
		top: -7.1rem;
	}
	#sec01 li p{
		margin-top: 3rem;
		line-height: 1.406;
		font-size: 3.2rem;
	}
	#sec01 li .pic{
		margin: .7em auto 0;
	}
	#sec01 li:nth-of-type(1) .pic{
		max-width: 29.3rem;
	}
	#sec01 li:nth-of-type(2) .pic{
		max-width: 23rem;
		margin-top: -2em;
	}
	#sec01 li:nth-of-type(3) .pic{
		max-width: 19.4rem;
	}


/* +++++++++++++++#sec02+++++++++++++ */
	#sec02 .contact-ttl{
		width: 100%;
		max-width: 66.8rem;
	}
/* +++++++++++++++++++++.search-area+++++++++++++++++++++ */
	.search-area h2{
		margin-top: 0;
	}

	#sec02 .outer{
		padding: 4rem 0 4.5rem;
		background: #e7e7e7;
		text-align: center;
		margin-top: 5.5rem;
	}
	#sec02 h2{
		width: 48.4rem;
		margin: 0 auto 2.5rem;
	}
	.line{
		width: 100%;
	}
	#sec02 a{
		width: 50rem;
		height: 6.8rem;
		font-size: 2.9rem;
		border-radius: 1rem;
		margin: 0 auto;
	}



}