@charset "UTF-8";

#key-visual{
	text-align: center;
	margin-top: 60px;
	margin-bottom: 100px;
}
#key-visual p{
	font-size: 2.6rem;
	font-weight: 900;
	margin-bottom: 1em;
}
#key-visual h1{
	font-size: 5.4rem;
	font-weight: 900;
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
}
#key-visual h1 img{
	display: block;
	width: 100%;
}
#sec01{
	padding-bottom: 95px;
}
#sec01 dl{
	max-width: 1020px;
	margin: 0 auto;
	padding: 30px 0 25px;
}
#sec01 dl:not(:last-of-type){
	border-bottom: 1px solid #808080;
}
#sec01 dt{
	font-size: 2.6rem;
	font-weight: 700;
	text-indent: -28px;
	padding-left: 28px;
	padding-bottom: .3em;
}
#sec01 dt:before{
	content: "Q.";
	color: #da0012;
}
#sec01 dd{
	line-height: 2;
	padding-left: 28px;
	padding-top: 1em;
	position: relative;
}
#sec01 dd a{
	color: #da0012;
	text-decoration: underline;
}
#sec01 dd:before{
	display: block;
	content: "A.";
	color: #ff9917;
	font-size: 2.6rem;
	font-weight: 700;
	position: absolute;
	left: 0;
	top: .25em;
}
/* +++++++++++++++#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 60px;
*/
	padding: 55px 0 35px;
	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 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: 769px){
	#key-visual{
		margin-top: 10rem;
		margin-bottom: 0;
		padding-bottom: 5rem;
	}
	#key-visual p{
		font-size: 3.2rem;
		margin-bottom: .5em;
	}
	#key-visual h1{
		font-size: 5.4rem;
		line-height: 1.203;
		max-width: 36rem;
		margin-top: 2.5rem;
	}


/* ++++++++++++++++#sec01+++++++++++++++++ */

	#sec01{
		padding-bottom: 4rem;
	}
	#sec01 dl{
		max-width: 100%;
		padding: 5rem 0 4rem;
	}
	#sec01 dl:not(:last-of-type){
		border-bottom: .1rem solid #808080;
	}
	#sec01 dt{
		font-size: 3.6rem;
		font-weight: 700;
		text-indent: -4rem;
		padding-left: 4rem;
		padding-bottom: .7em;
	}
	#sec01 dd{
		line-height: 1.625;
		padding-left: 4rem;
		font-size: 3.2rem;
		padding-top: 0;
	}
	#sec01 dd:before{
		font-size: 3.6rem;
		top: -.3em;
	}
/* +++++++++++++++#sec02+++++++++++++ */
	#sec02 .contact-ttl{
		width: 100%;
		max-width: 45rem;
		margin-bottom: 10rem;
	}
/* +++++++++++++++++++++.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;
	}
}