@charset "utf-8";

/* ---------------------
 style menu

 [ pages.css ]
 1,common
 2,header
 3,footer
 4,top page
--------------------- */
@font-face {
	font-family: 'noto';
	src: url('../font/NotoSerifJP-Medium.otf');
}

/* ---------------------
 1,common
--------------------- */
body {
  color: #595757;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 16px;
  line-height: 1.6;
	overflow: hidden;
}

.pc, .pc-block {
  display: block;
}
.sp {
  display: none !important;
}

ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  color: #fff;
  text-decoration: none;
  transition: all 0.5s;
}
img {
  width: 100%;
  height: auto;
  transition: all 0.5s;
	margin: 0;
	vertical-align: bottom;
}
a:hover, a:hover img {
  opacity: 0.7;
}

.wrap {
	max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
.wrap-s {
	width: 1200px;
	margin: 0 auto;
}

.p-flex {
  display: -webkit-flex;
  display: flex;
}
.p-flex-b {
	display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.clear::after {
  content: "";
  display: block;
  clear: both;
}

.title {
	font-size: 30px;
	letter-spacing: 2px;
	text-align: center;
}
.title .title-b {
	border-bottom: 2px solid #30ABA2;
	color: #30ABA2;
	display: inline-block;
	font-size: 62px;
	font-family: noto,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	padding: 0 5px 0;
	margin-right: 15px;
}
.title.title-w, .title.title-w .title-b {
	color: #fff;
}
.title-w .title-b {
	border-bottom: 2px solid #fff;
}
.cont-title {
	background: url(../img/icon_title02.png) no-repeat top center;
	background-size: 65px auto;
	color: #595757;
	font-size: 36px;
	font-weight: bold;
	padding: 85px 0 0;
	text-align: center;
}
.cont-title-w {
	background: url(../img/icon_title.png) no-repeat top center;
	background-size: 65px auto;
	color: #fff;
}

.c-gr {
	color: #30ABA2;
}

.btn {
  width: 267px;
  height: 64px;
	background: url(../img/bg_btn.png) no-repeat center;
	background-size: cover;
	border-radius: 32px;
  color: #fff;
  display: block;
  font-size: 20px;
	font-weight: bold;
  line-height: 64px;
	letter-spacing: 2px;
  transition: all .5s;
  text-decoration: none;
  margin: 0 auto;
	padding-left: 85px;
	position: relative;
}
.btn::after {
	content: "";
	display: block;
	width: 20px;
	height: 15px;
	background: url(../img/icon_mail.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 55px;
	transform: translateY(-50%);
}


@media screen and (max-width: 1920px) {
  .wrap {
    width: 100%;
  }
}
@media screen and (max-width: 1400px) {
	.btn, #form_submit .btn {
		width: 200px;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		padding-left: 50px;
	}
	.btn::after {
		left: 25px;
	}
}
@media screen and (max-width: 1250px) {
	.wrap-s {
		width: 90%;
	}
}
@media screen and (max-width: 1150px) {
	.title, .cont-title {
		font-size: 25px;
	}
	.title .title-b {
		font-size: 52px;
	}
}
@media screen and (max-width: 950px) {
	body {
		padding-top: 68px;
	}
}
@media screen and (max-width: 768px) {
	body {
		font-size: 15px;
	}
  .pc {
    display: none !important;
  }
	.pc-block {
		display: inline;
	}
  .sp, .sp-block {
    display: block !important;
  }
	.p-flex-b {
		display: block;
		justify-content: flex-start;
	}
	.title, .cont-title {
		font-size: 20px;
	}
	.title .title-b {
		font-size: 25px;
		margin-right: 0;
	}
	.title .sp-br::before {
		content: "\A" ;
		white-space: pre ;
	}
}


/* ---------------------
 2,header
--------------------- */
header a {
	display: block;
}
.header-inner {
	padding: 38px 60px 38px 40px;
	position: relative;
}
.logo {
	width: 694px;
}
#nav {
	position: absolute;
	right: 60px;
	top: 42px;
}
#nav .menu-tel {
	width: 290px;
	margin-right: 30px;
}
#nav .menu-contact {
	margin: 0;
}
@media screen and (max-width: 1400px) {
	.logo {
		width: 450px;
	}
	#nav .menu-tel {
		width: 190px;
	}
}
@media screen and (max-width: 1150px) {
	.header-inner {
		padding: 38px 20px 38px 20px;
	}
	#nav {
		right: 20px;
	}
}
@media screen and (max-width: 950px) {
	header {
		width: 100%;
		background: #fff;
		position: fixed;
		top: 0;
		z-index: 99999;
	}
	.header-inner {
		padding: 20px 20px 20px 20px;
	}
  #nav {
		display: none;
	}
	.fixed-menu {
		width: 90px;
		position: absolute;
		right: 20px;
		display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	}
	.fixed-menu a {
		width: 40px;
		height: 40px;
		background: #000;
		border-radius: 50%;
		display: inline-block;
	}
	.fixed-menu .menu-contact {
		background: url(../img/bg_btn.png) no-repeat center;
		background-size: cover;
	}
	.fixed-menu a img {
		width: 25px;
		display: block;
    margin: 8px auto;
	}
	.fixed-menu .menu-contact img {
		margin: 11px auto;
	}
}
@media screen and (max-width: 768px) {
	.header-inner {
		padding: 10px 20px;
	}
	.logo {
		width: calc(100% - 100px);
	}
	.logo img {
		vertical-align: middle;
	}
}

/* ---------------------
 3,footer
--------------------- */
.ft-inner {
	padding: 95px 100px;
}
.ft-left {
	width: 355px;
}
.ft-left address {
	color: #30ABA2;
	font-size: 20px;
	font-style: normal;
	margin: 20px 0 75px;
}
.about-btn {
	width: 354px;
	background: #595757;
	padding: 0 0;
	text-align: center;
}
.about-btn::after {
	display: none;
}
.ft-right {
	width: calc(100% - 470px);
}
.ft-info {
	width: 50%;
	float: left;
	font-size: 18px;
	line-height: 1.7;
	margin-bottom: 15px;
}
.ft-clear {
	width: 100%;
	clear: both;
	margin: 0;
}
.ft-info .ft-info-title {
	display: block;
	font-weight: bold;
	position: relative;
	left: -10px;
}
.copyright {
	background: #30ABA2;
	text-align: center;
	padding: 19px 0;
}
.copyright p {
	color: #fff;
	font-size: 14px;
}
@media screen and (max-width: 1150px) {
	.ft-inner {
		padding: 95px 0;
	}
}
@media screen and (max-width: 990px) {
	.ft-left {
		width: 200px;
	}
	.ft-right {
		width: calc(100% - 250px);
	}
	.about-btn {
		width: 100%;
		max-width: 300px;
	}
}
@media screen and (max-width: 768px) {
	.ft-inner {
		padding: 50px 0;
	}
	.ft-left, .ft-right {
		width: 100%;
	}
	.ft-logo {
		width: 250px;
		display: block;
	}
	.ft-left address {
		font-size: 15px;
		margin: 20px 0 25px;
	}
	.about-btn {
		margin: 0 auto 50px 0;
	}
	.ft-info {
		font-size: 15px;
	}
}


/* ---------------------
 4,top page
--------------------- */
.top-slider {
	padding: 0 0 40px;
	position: relative;
}
.top-slider::after {
	content: "";
	display: block;
	width: 65px;
	height: 105px;
	background: url(../img/top_under.png) no-repeat center;
	background-size: contain;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.top-slider .slider-txt {
	width: 530px;
	color: #fff;
	font-size: 49px;
	font-weight: bold;
	letter-spacing: 3px;
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translateY(-50%);
}
.worries-cont .wor-top {
	background: url(../img/bg_top.png) no-repeat top center;
	background-size: cover;
	padding: 95px 0 250px;
}
.wor-sec {
	background: #F9F8F3;
	padding-bottom: 180px;
}
.wor-list {
	background: #fff;
	box-shadow: 0px 3px 99px rgba(0, 0, 0, 0.16);
	border-radius: 16px;
	padding: 75px 100px;
	position: relative;
	top: -190px;
}
.wlist-item {
	width: calc(50% - 28px);
	border-bottom: 1px solid #9FA0A0;
	color: #30ABA2;
	font-size: 30px;
	font-weight: bold;
	float: left;
	line-height: 1.4;
	letter-spacing: 3px;
	margin: 0 56px 0 0;
	padding: 25px 5px 25px 55px;
	position: relative;
}
.wlist-item::before {
	content: "";
	display: block;
	width: 34px;
	height: 34px;
	background: url(../img/icon_check.png) no-repeat center;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 52%;
	transform: translateY(-50%);
}
.wlist-item:nth-of-type(2n) {
	margin-right: 0;
}
.wlist-item:nth-of-type(5), .wlist-item:nth-of-type(6) {
	border-bottom: none;
}
.wlist-item span:nth-of-type(1) {
	color: #595757;
	display: block;
	font-size: 22px;
	line-height: 2;
}
.wor-sec .title-bg {
	position: relative;
	top: -50px;
	z-index: 10;
}
.wor-sec .title-bg::before {
	content: "";
	display: block;
	width: 365px;
	height: 265px;
	background: url(../img/bg_title.png) no-repeat center;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.wor-point {
	padding-bottom: 100px;
	position: relative;
	z-index: 9999;
}
.wor-point::before {
	content: "";
	display: block;
	width: 130%;
	height: 130%;
	background: url(../img/bg_top02.png) no-repeat center;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.w-point-img {
	width: 775px;
	margin: 0 auto;
	position: relative;
	top: -105px;
}
.wor-point p {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 3px;
	text-align: center;
	z-index: 999;
}
.w-point-en {
	width: 785px;
	margin: 45px auto 0;
}
.price-cont {
	background: url(../img/bg_price.png) no-repeat center bottom;
	background-size: cover;
	padding: 155px 0 200px;
	position: relative;
	z-index: 9999;
}
.price-cont::after, .voice-cont::after, .other-cont::after, .contact-cont::after {
	content: "";
	display: block;
	width: 100%;
	height: 200px;
	background: url(../img/title_price.png) no-repeat center top;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
.price-box {
	background: #fff;
	border-radius: 16px;
	padding: 50px 100px 55px;
	margin-top: 50px;
}
.p-box-top {
	border-bottom: 4px solid #9FA0A0;
	padding: 65px 10px 50px 340px;
	position: relative;
}
.p-box-top::after {
	content: "";
	display: block;
	width: 225px;
	height: 200px;
	background: url(../img/priceImg01.png) no-repeat center top;
	background-size: contain;
	position: absolute;
	left: 80px;
	top: 38%;
	transform: translateY(-50%);
}
.p-box-top p {
	font-size: 26px;
	font-weight: bold;
}
.p-box-top p span {
	font-size: 30px;
}
.price-box > ul {
	margin: 50px 0 60px;
}
.truck-list {
	margin: 8px 0;
	position: relative;
}
.truck-list::after {
	content: "";
	display: block;
	width: calc(100% - 480px);
	height: 1px;
	background: url(../img/price_line.png) no-repeat center left;
	background-size: auto 1px;
	position: absolute;
	left: 245px;
	top: 49%;
}
.t-capacity {
	font-size: 23px;
	font-weight: bold;
	padding: 30px 35px 30px 135px;
	background: url(../img/priceImg02.png) no-repeat center left;
	background-size: 115px auto;
	letter-spacing: 2px;
}
.truck-list:nth-of-type(2) .t-capacity {
	background: url(../img/priceImg03.png) no-repeat center left;
	background-size: 115px auto;
}
.truck-list:nth-of-type(3) .t-capacity {
	background: url(../img/priceImg04.png) no-repeat center left;
	background-size: 115px auto;
}
.t-price {
	width: 210px;
	padding: 25px 0 20px;
}
/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .t-price {
  position: absolute;
	right: 0;
}
.t-price img {
	vertical-align: bottom;
	margin: 0;
}
.market-box {
	background: #F9F8F3;
	border-radius: 16px;
	text-align: center;
	padding: 60px 90px 55px;
	position: relative;
}
.market-box .m-title {
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}
.market-box .m-title span {
	padding: 0 30px;
	position: relative;
}
.market-box .m-title span::before, .market-box .m-title span::after {
	content: "";
	display: block;
	width: 15px;
	height: 1px;
	background: #595757;
	position: absolute;
	top: 50%;
}
.market-box .m-title span::before {
	left: 0;
}
.market-box .m-title span::after {
	right: 0;
}
.market-box ul {
	width: 50%;
	padding: 0 35px 0 15px;
}
.market-list {
	margin: 20px 0;
	position: relative;
}
.market-list span {
	width: 72px;
	display: inline-block;
}
.market-list span + img {
	width: 163px;
}
/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .market-list span + img {
  position: absolute;
	right: 0;
}
.market-list.market-list-04 span + img {
	width: 183px;
}
.market-list::after {
	content: "";
	display: block;
	width: calc(100% - 250px);
	height: 1px;
	background: url(../img/price_line.png) no-repeat center left;
	background-size: auto 1px;
	position: absolute;
	left: 80px;
	top: 41%;
}
.market-list.market-list-04::after {
	width: calc(100% - 270px);
}
.market-box .m-txt {
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0 20px;
}
.market-box .m-txt span {
	background: linear-gradient(transparent 75%, #FFEF29 25%);
	font-size: 26px;
}
.voice-cont {
	background: #F9F8F3;
	padding: 155px 0 100px;
	position: relative;
	z-index: 9999;
}
.voice-cont::after {
	/* content: "";
	display: block;
	width: 100%;
	height: 200px; */
	background: url(../img/title_voice.png) no-repeat center top;
	background-size: contain;
	/* position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%); */
}
.voice-box {
	margin-bottom: 40px;
	padding: 65px 0;
	position: relative;
}
.voice-box::before {
	content: "";
	display: block;
	width: 65%;
	height: 100%;
	background: #fff;
	border-radius: 16px 0 0 16px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.voice-box-l::before {
	border-radius: 0 16px 16px 0;
	right: auto;
	left: 0;
}
.voice-box:nth-of-type(1) {
	margin-top: 50px;
}
.voice-inner {
	position: relative;
}
.voice-inner::after {
	content: "";
	display: block;
	width: 170px;
	height: 160px;
	background: url(../img/icon_num01.png) no-repeat top left;
	background-size: contain;
	position: absolute;
	left: -60px;
	top: -65px;
}
.voice-inner02::after {
	background: url(../img/icon_num02.png) no-repeat top right;
	background-size: contain;
	left: auto;
	top: -65px;
	right: -60px;
}
.voice-inner03::after {
	background: url(../img/icon_num03.png) no-repeat top left;
	background-size: contain;
}
.voice-img {
	width: 48%;
}
.voice-txt {
	width: 52%;
	padding: 60px 100px 0 65px;
}
.voice-box-l .voice-txt {
	padding: 60px 65px 0 100px;
}
.voice-txt .v-name {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 40px;
}
.voice-txt p:not(.v-name) {
	line-height: 1.87;
}
.other-cont {
	padding: 160px 0 180px;
	position: relative;
	z-index: 9999;
}
.other-cont::after {
	/* content: "";
	display: block;
	width: 100%;
	height: 200px; */
	background: url(../img/title_other.png) no-repeat center top;
	background-size: contain;
	/* position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%); */
}
.other-list {
	width: 100%;
	text-align: center;
	padding: 0 100px;
	margin-top: 55px;
}
.other-list .o-item {
	width: 150px;
	height: 150px;
	background: url(../img/other_contBg.png) no-repeat center;
	background-size: cover;
	border-radius: 16px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	float: left;
	line-height: 1.44;
	letter-spacing: 2px;
	margin: 0 20px 20px 0;
	text-align: center;
	padding: 38px 0;
}
.other-list .o-item:nth-last-of-type(1) {
	margin-right: 0;
}
.other-list .o-item.o-item-1line {
	padding: 58px 0;
}
.other-list .o-item span {
	position: relative;
	left: 2px;
}
.contact-cont {
	background: url(../img/bg_contact.png) no-repeat center bottom;
	background-size: cover;
	padding: 160px 0 200px;
	position: relative;
}
.contact-cont::after {
	/* content: "";
	display: block;
	width: 100%;
	height: 200px; */
	background: url(../img/title_contact.png) no-repeat center top;
	background-size: contain;
	/* position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%); */
}
#form_submit {
	width: 267px;
	margin: 80px auto 0 !important;
	position: relative;
	transition: all 0.5s;
}
#form_submit::after {
	content: "";
	display: block;
	width: 20px;
	height: 15px;
	background: url(../img/icon_mail.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 55px;
	transform: translateY(-50%);
}
#form_submit:hover {
	opacity: 0.7;
	transition: all 0.5s;
}
#form_submit .btn {
	padding-left: 100px !important;
	text-align: left;
}

@media screen and (max-width: 1300px) {
	.voice-inner::after {
		/* left: -30px; */
	}
	.voice-inner02::after {
		left: auto;
		right: -30px;
	}
}
@media screen and (max-width: 1240px) {
	.top-slider::after {
		width: 45px;
	}
	.price-cont::after, .voice-cont::after, .contact-cont::after {
		width: 100%;
		height: 100px;
	}
	.wor-list {
		padding: 75px 50px;
	}
	.other-list {
		width: 490px;
		padding: 0;
		margin: 55px auto 0;
	}
	.other-list .o-item:nth-of-type(3n) {
		margin-right: 0;
	}
	.market-box .p-flex {
		display: block;
	}
	.market-box ul {
		width: 100%;
		padding: 0;
	}
}
@media screen and (max-width: 1115px) {
	.top-slider .slider-txt {
		font-size: 33px;
		right: 0;
	}
	.wlist-item {
		width: 100%;
		float: none;
		font-size: 25px;
	}
	.wlist-item .pc-block {
		display: inline !important;
	}
	.wlist-item:nth-of-type(5) {
		border-bottom: 1px solid #9FA0A0;
	}
	.wlist-item span:nth-of-type(1) {
		font-size: 18px;
	}
	.w-point-img {
		width: 70%;
		max-width: 775px;
	}
	.p-box-top {
		padding: 65px 10px 50px 270px;
	}
	.p-box-top::after {
		left: 0;
	}
	.wor-point p {
		font-size: 25px;
	}
	.p-box-top p, .market-box .m-txt {
		font-size: 18px;
	}
	.p-box-top p span, .market-box .m-txt span {
		font-size: 25px;
	}

}
@media screen and (max-width: 768px) {
	.top-slider {
		padding: 0 0 20px;
	}
	.top-slider::after {
		height: 50px;
	}
	.top-slider .slider-txt {
		width: 50%;
		font-size: 14px;
	}
	.wlist-item {
		font-size: 20px;
	}
	.wlist-item span:nth-of-type(1) {
		font-size: 16px;
	}
	.wor-list {
		padding: 25px 30px;
	}
	.wor-sec .title-bg::before {
		width: 200px;
		height: 200px;
	}
	.w-point-img {
		width: 85%;
	}
	.wor-point p {
		font-size: 20px;
	}
	.w-point-en {
		width: 100%;
	}
	.p-box-top {
		padding: 65px 10px 50px 10px;
	}
	.p-box-top::after {
		width: 125px;
    height: 100px;
		top: 0;
	}
	.p-box-top p, .market-box .m-txt {
		font-size: 16px;
	}
	.p-box-top p span, .market-box .m-txt span {
		font-size: 20px;
	}
	.price-cont, .other-cont, .contact-cont {
		padding: 100px 0 100px;
	}
	.voice-cont {
		padding: 100px 0 50px;
	}
	.price-box {
		padding: 30px 20px 55px;
	}
	.truck-list, .market-list {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.truck-list::after {
		width: calc(100% - 320px);
		left: 160px;
	}
	.t-capacity, .truck-list:nth-of-type(2) .t-capacity, .truck-list:nth-of-type(3) .t-capacity {
		width: 150px;
		background-size: 80px auto;
		font-size: 18px;
		padding: 20px 0 20px 55px;
	}
	.t-price {
		width: 130px;
		padding: 20px 0;
	}
	.market-box {
		padding: 30px 20px 45px;
	}
	.market-list span + img {
		width: 130px;
	}
	.market-list.market-list-04 span + img {
		width: 150px;
	}
	.market-list::after {
		width: calc(100% - 220px);
	}
	.market-list.market-list-04::after {
		width: calc(100% - 240px);
	}
	.voice-box {
		padding: 35px 0;
	}
	.voice-img {
		width: 35%
	}
	.voice-txt {
		width: 65%;
		padding: 0 0 0 20px;
	}
	.voice-box-l .voice-txt {
		padding: 0 20px 0 0;
	}
	.voice-inner::after {
		width: 70px;
		height: 60px;
		background-size: contain;
		top: -45px;
	}
	.voice-inner02::after {
		right: -20px;
	}
	.voice-txt .v-name {
		font-size: 18px;
	}
	.other-list {
		width: 320px;
	}
	.other-list .o-item {
		width: 100px;
		height: 100px;
		font-size: 18px;
		padding: 28px 0;
		margin: 0 10px 10px 0;
	}
	.other-list .o-item.o-item-1line {
		padding: 40px 0;
	}
	form#mail_form {
		padding: 40px 20px 20px;
	}
	#form_submit {
		width: 200px;
		margin-top: 30px !important;
	}
	#form_submit .btn {
		padding-left: 80px !important;
	}
	form#mail_form dl dt span {
		width: 50px;
    height: 28px;
		font-size: 14px;
		line-height: 28px;
		right: 0;
	}
}
@media screen and (max-width: 450px) {
	.truck-list::after {
		display: none;
	}
}

#thanks h2 {
	padding: 200px 0;
	text-align: center;
}