@charset "utf-8";



/* リセット */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



/* メインビジュアル */
.main-visual {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}

/* スライド全体 */
.slides {
  height: 100%;
  position: relative;
}

/* 各スライド */
.slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1s ease;
}

/* 表示中スライド */
.slide.is-active {
  opacity: 1;
  z-index: 1;
}

/* PNGテキスト */
.slide-text {
	position: absolute;
	top: 18%;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	max-width: 1200px;
}


.slide-text_01 {
	position: absolute;
	top: 24%;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	max-width: 980px;
}

.slide-text_02 {
	position: absolute;
	top: 24%;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	max-width: 980px;
}

.slide-text_03 {
	position: absolute;
	top: 24%;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	max-width: 980px;
}


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

	.slide-text {
		position: absolute;
		top: 24%;
		left: 50%;
		transform: translateX(-50%);
		width: 90%;
		max-width: 880px;
	}
		
	.slide-text_01 {
		position: absolute;
		top: 24%;
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
		max-width: 880px;
	}
	
	.slide-text_02 {
		position: absolute;
		top: 24%;
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
		max-width: 880px;
	}
	
	.slide-text_03 {
		position: absolute;
		top: 24%;
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
		max-width: 880px;
	}

}


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

	.slide-text {
		position: absolute;
		top: 30%;
		left: 50%;
		transform: translateX(-50%);
		width: 90%;
		max-width: 980px;
	}
	
		
	.slide-text_01 {
		position: absolute;
		top: 30%;
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
		max-width: 980px;
	}
	
	.slide-text_02 {
		position: absolute;
		top: 30%;
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
		max-width: 980px;
	}
	
	.slide-text_03 {
		position: absolute;
		top: 30%;
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
		max-width: 980px;
	}
   
}

/* ページネーション */
.pagination {
	display: block;
	position: absolute;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	bottom: 30px;
	text-align: center;
	z-index: 9999;
}

.dot {
	display: inline-block;
	margin: 0 10px 0 10px; 
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer;
	transition: background 0.3s;
}

.dot.is-active {
	background-color: #fcda57;
}


/* スマホ */
@media screen and (max-width: 768px) {

	.pagination {
		right: 15px;
		bottom: 20px;
	}
  
}





/* indexコンテンツ */

/* message メッセージ */
.index-message {
	display: block;
	position: relative;
	margin: 60px 0 60px 0;
	padding: 0 0 0 0;
	width: 100%;
	height: auto;
	min-height: 240px;
}

.index-message-inner {
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 95%;
}

.index-message .sign {
	display: block;
	position: absolute;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	right: 50%;
}

.index-message .title {
	display: block;
	position: absolute;
	margin: 12px 0 0 30px;
	padding: 0 0 0 0;
	font-size: 1.5em;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
	left: 50%;
}

.index-message .lead {
	display: block;
	position: absolute;
	margin: 14px 0 0 30px;
	padding: 0 0 0 0;
	font-size: 1em;
	font-weight: 400;
	font-family: "BIZ UDPGothic", sans-serif;
	top: 80px;
	left: 50%;
}

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

	.index-message .sign {
		display: block;
		position: relative;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-align: center;
		left: 0;
		right: 0;
	}
	
	.index-message .title {
		display: block;
		position: relative;
		margin: 12px auto 0 auto;
		padding: 0 0 0 0;
		width: 90%;
		font-size: 1.5em;
		font-weight: 700;
		font-family: "BIZ UDPGothic", sans-serif;
		text-align: center;
		left: 0;
		right: 0;
	}
	
	.index-message .lead {
		display: block;
		position: relative;
		margin: 14px auto 0 auto;
		padding: 0 0 0 0;
		width: 90%;
		font-size: 1em;
		font-weight: 400;
		font-family: "BIZ UDPGothic", sans-serif;
		text-align: center;
		top: 0;
		left: 0;
		right: 0;
	}

}

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

	.index-message .title {
		display: block;
		position: relative;
		margin: 12px auto 0 auto;
		padding: 0 12px 0 12px;
		width: 95%;
		font-size: 1.2em;
		font-weight: 700;
		font-family: "BIZ UDPGothic", sans-serif;
		text-align: center;
		left: 0;
		right: 0;
	}
	
	.index-message .title br {
		display: none;
	}
	
}












/* transport 輸送サービスについて */
.index-transport {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 60px 0 0 0;
	width: 100%;
	height: 600px;
	/*
	background-image: url(../images/img_transport.jpg);
	background-position:center center;
	background-size: cover;
	*/
}

.index-transport .sign {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	top: -60px;
	right: 200px;
}

.index-transport .title {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	top: 100px;
	right: 200px;
	font-size: 2.8em;
	line-height: 1.1em;
	color: #fff;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
}

.index-transport .title_bt {
	display: block;
	position: absolute;
	padding: 0 14px 0 0;
	margin: 0 0 0 0;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	width: 220px;
	height: 54px;
	line-height: 53px;
	color: #001d6d;
	background-color: #fff;
	border: 1px solid #001d6d;
	text-align: center;
	font-size: 1.2em;
	font-weight: 400;
	font-family: "BIZ UDPGothic", sans-serif;
	border-radius: 34px;
	transition: background 0.3s;
}

.index-transport .title_bt a:hover {
	display: block;
	padding: 0 14px 0 0;
	width: 220px;
	height: 54px;
	color: #fcda57;
	background-color: #001d6d;
	border: 1px solid #fcda57;
	text-align: center;
	border-radius: 27px;
}

.index-transport .title_bt a span {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 0;
	right: 18px;
}



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

	.index-transport {
		display: block;
		position: relative;
		margin: 100px 0 0 0;
	}

	.index-transport .sign {
		display: block;
		position: relative;
		margin: -10px 0 0 0;
		padding: 0 0 0 0;
		width: 100%;
		right: 0;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
	}

	.index-transport .title {
		display: block;
		position: absolute;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		width: 95%;
		top: 100px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 2.4em;
		line-height: 1.1em;
		color: #fff;
		font-weight: 700;
		font-family: "BIZ UDPGothic", sans-serif;
		text-align: center;
	}
	
}

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

	.index-transport .sign {
		display: block;
		position: relative;
		margin: 0 0 0 0;
		padding: 90px 0 0 0;
		width: 100%;
		right: 0;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
	}
	
}


.index-transport_un {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 18px auto 60px auto;
	width: 95%;
	max-width: 1500px;
	height: auto;
	overflow: hidden;
}

.index-transport_un ul {
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	height: auto;
}

.index-transport_un ul li a {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0.5% 0 0.5%;
	width: 24%;
	height: 280px;
	float: left;
	background-color: #f4f4f4;
	border-radius: 12px;
	overflow: hidden;
}

.transport_01 a::before,
.transport_02 a::before,
.transport_03 a::before,
.transport_04 a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position:center center;
	background-size: cover;
	transition: transform 0.4s ease-in-out;
}

/*
.transport_01 a::before {
	background-image: url(../images/bt_01.jpg);
}

.transport_02 a::before {
	background-image: url(../images/bt_02.jpg);
}

.transport_03 a::before {
	background-image: url(../images/bt_03.jpg);
}

.transport_04 a::before {
	background-image: url(../images/bt_04.jpg);
}
*/

.transport_01 a:hover::before,
.transport_02 a:hover::before,
.transport_03 a:hover::before,
.transport_04 a:hover::before {
  transform: scale(1.12);
}

.index-transport_un ul li .info {
	display: block;
	position: absolute;
	margin: 0 0 0 0;
	padding: 22px 0 0 18px;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90px;
	background: rgba(0,24,113,0.6);
	z-index: 2;
	border-radius: 0 0 12px 12px;
}



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

	.index-transport_un ul li a {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 1% 18px 1%;
		width: 48%;
		height: 280px;
		float: left;
		background-color: #f4f4f4;
		border-radius: 12px;
		overflow: hidden;
	}

}

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

	.index-transport_un ul li a {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 auto 24px auto;
		width: 90%;
		height: 280px;
		float: none;
		background-color: #f4f4f4;
		border-radius: 12px;
		overflow: hidden;
	}

}

.index-transport_un ul li .info_ti {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 1.6em;
	line-height: 1.1em;
	font-weight: 400;
	font-family: "BIZ UDPGothic", sans-serif;
}

.index-transport_un ul li .info_sub {
	display: block;
	position: relative;
	padding: 6px 0 0 0;
	margin: 0 0 0 0;
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight: 800;
	font-family: "Roboto Condensed", sans-serif;
	text-transform: uppercase;
}

.index-transport_un ul li .icon {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 26px;
	right: 12px;
	font-size: 3.1em;
	line-height: 1em;
}


.index-transport_un ul li a {
	color: #fff;
}

.index-transport_un ul li a:hover {
	color: #fcda57;
}






/* logistics 物流倉庫サービス */
.index-logistics {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 240px 0 0 0;
	width: 100%;
	height: auto;
	
}

.index-logistics .title_bg img {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 80%;
	border-radius: 12px;
	z-index: 1;
}

.index-logistics .sign {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	top: -90px;
	right: 52%;
	z-index: 10;
}

.index-logistics .title {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	top: -70px;
	left: 52%;
	font-size: 2.4em;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
}

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

	.index-logistics .title_bg img {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 100%;
		border-radius: 0;
	}

	.index-logistics .sign {
		display: block;
		position: absolute;
		margin: 40px 0 0 0;
		padding: 0 0 0 0;
		width: 100%;
		right: 0;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		z-index: 10;
	}

	.index-logistics .title {
		display: block;
		position: absolute;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		width: 100%;
		top: -110px;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		z-index: 10;
		font-size: 2.4em;
		font-weight: 700;
		font-family: "BIZ UDPGothic", sans-serif;
	}

}

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

	.index-logistics .sign {
		display: block;
		position: absolute;
		margin: 55px 0 0 0;
		padding: 0 0 0 0;
		width: 100%;
		right: 0;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		z-index: 10;
	}

	.index-logistics .title {
		display: block;
		position: absolute;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		width: 100%;
		top: -80px;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		z-index: 10;
		font-size: 1.6em;
		line-height: 1.2em;
		font-weight: 700;
		font-family: "BIZ UDPGothic", sans-serif;
	}
	
}


.index-logistics ul.logis {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 60px auto 60px auto;
	width: 95%;
	max-width: 1240px;
	height: auto;
	overflow: hidden;
}

.index-logistics ul.logis li.logis_each a {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 1% 24px 1%;
	width: 31.3%;
	max-width: 380px;
	height: auto;
	min-height: 450px;
	float: left;
	background-color: #f1f1f1;
	border: 1px solid #f9f9f9;
	border-radius: 12px;
	transition: background 0.3s;
	float: left;
}

.index-logistics ul.logis li.logis_each a:hover {
	display: block;
	position: relative;
	background-color: #e4e4e4;
	border: 1px solid #001d6d;
	border-radius: 12px;
}

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

	.index-logistics ul.logis {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 60px auto 60px auto;
		width: 95%;
		max-width: 780px;
		height: auto;
		overflow: hidden;
	}

	.index-logistics ul.logis li.logis_each a {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 1% 16px 1%;
		width: 48%;
		max-width: 380px;
		height: auto;
		min-height: 450px;
		float: left;
		background-color: #e4e4e4;
		border: 1px solid #f9f9f9;
		border-radius: 12px;
		float: left;
	}

}

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

	.index-logistics ul.logis {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 60px auto 60px auto;
		width: 95%;
		max-width: 360px;
		height: auto;
		overflow: hidden;
	}

	.index-logistics ul.logis li.logis_each a {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin:0 0 16px 0;
		width: 100%;
		height: auto;
		min-height: 450px;
		float: left;
		background-color: #e4e4e4;
		border: 1px solid #f9f9f9;
		border-radius: 12px;
		float: left;
	}

}



.logis_ti {
	display: block;
	position: relative;
	padding: 22px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	color: #1a1a1a;
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
}

.logis_sub {
	display: block;
	position: relative;
	padding: 4px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	color: #001d6d;
	font-size: 1em;
	line-height: 1.1em;
	font-weight: 400;
	font-family: "BIZ UDPGothic", sans-serif;

}


.item2 {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 50px 0 0 0;
	text-align: center;
}

.item2 li {
	display: inline-block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 8px 0 8px;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background-color: #001d6d;
	vertical-align: middle;
}

.item2 li span {
	height: 140px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #fcda57;
}

.item3 {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	text-align: center;
}

.item3 li {
	display: inline-block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 8px 0 8px;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #001d6d;
	vertical-align: middle;
}

.item3 li span {
	height: 120px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #fcda57;
}

.item5 {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	text-align: center;
}

.item5 li {
	display: inline-block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 4px 0 4px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #001d6d;
	vertical-align: middle;
}

.item5 li span {
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #fcda57;
}


.index-logistics ul.logis li.logis_each a .logis_link {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 180px;
	height: 54px;
	line-height: 53px;
	color: #001d6d;
	background-color: #fff;
	border: 1px solid #001d6d;
	text-align: center;
	font-size: 1.1em;
	font-weight: 400;
	font-family: "BIZ UDPGothic", sans-serif;
	border-radius: 34px;
	transition: background 0.3s;
}

.index-logistics ul.logis li.logis_each a:hover .logis_link {
	display: block;
	color: #fff;
	background-color: #001d6d;
	border: 1px solid #001d6d;
	text-align: center;
	border-radius: 27px;
}

.index-logistics ul.logis li.logis_each a .logis_link span {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 0;
	right: 8px;
}





.logis_each ul li.shirt {
	background-image: url(../images/shirt-solid.svg);
	background-position: center center;
	background-size: 70%;
}

.logis_each ul li.box {
	background-image: url(../images/box-solid.svg);
	background-position: center center;
	background-size: 50%;
}

.logis_each ul li.display {
	background-image: url(../images/display-solid.svg);
	background-position: center center;
	background-size: 60%;
}

.logis_each ul li.globe {
	background-image: url(../images/globe-solid.svg);
	background-position: center center;
	background-size: 70%;
}

.logis_each ul li.truck {
	background-image: url(../images/truck-solid.svg);
	background-position: center center;
	background-size: 60%;
}

.logis_each ul li.handshake {
	background-image: url(../images/handshake-simple-solid.svg);
	background-position: center center;
	background-size: 80%;
}












/* ecological 境保護の取り組みについて */
.index-ecological {
	display: block;
	position: relative;
	padding: 0 0 40px 0;
	margin: 240px 0 0 0;
	width: 100%;
	height: auto;
	min-height: 600px;
	/*
	background-image: url(../images/img_ecological.jpg);
	background-position:center center;
	background-size: cover;
	*/
}

.index-ecological .sign {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	top: -90px;
	left: 48%;
	z-index: 10;
}

.index-ecological .title {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	top: -70px;
	right: 54%;
	font-size: 2.4em;
	line-height: 1.2em;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
}


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

	.index-ecological .title_bg img {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 100%;
		border-radius: 0;
	}

	.index-ecological .sign {
		display: block;
		position: absolute;
		margin: 40px 0 0 0;
		padding: 0 0 0 0;
		width: 100%;
		right: 0;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		z-index: 10;
	}

	.index-ecological .title {
		display: block;
		position: absolute;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		width: 100%;
		top: -110px;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		z-index: 10;
		font-size: 2.4em;
		font-weight: 700;
		font-family: "BIZ UDPGothic", sans-serif;
	}

}

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

	.index-ecological .sign {
		display: block;
		position: absolute;
		margin: 55px 0 0 0;
		padding: 0 0 0 0;
		width: 100%;
		right: 0;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		z-index: 10;
	}

	.index-ecological .title {
		display: block;
		position: absolute;
		margin: 0 auto 0 auto;
		padding: 0 24px 0 24px;
		width: 100%;
		top: -80px;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		z-index: 10;
		font-size: 1.6em;
		font-weight: 700;
		font-family: "BIZ UDPGothic", sans-serif;
	}
		
}


.index-ecological ul.eco {
	display: block;
	position: relative;
	padding: 130px 0 0 0;
	margin: 0 auto 0 auto;
	width: 95%;
	max-width: 1400px;
	text-align: center;
}

.index-ecological ul.eco li {
	display: inline-block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 1.5% 24px 1.5%;
	width: 30.3%;
	max-width: 300px;
	height: auto;
	max-height: 300px;
	border-radius: 12px;
	vertical-align: middle;
}

.index-ecological ul.eco li a {
	display: block;
	position: relative;
	padding: 30px 0 0 0;
	margin: 0 auto 24px auto;
	width: 100%;
	max-width: 320px;
	height: auto;
	max-height: 320px;
	background-color: #fff;
	border-radius: 12px;
}

.index-ecological ul.eco li a:hover {
	background-color: #e4e8ff;
	border-radius: 12px;
}


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

	.index-ecological ul.eco {
		display: block;
		position: relative;
		padding: 130px 0 0 0;
		margin: 0 auto 0 auto;
		width: 95%;
		max-width: 520px;
		text-align: center;
	}

	.index-ecological ul.eco li {
		display: inline-block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 auto 24px auto;
		width: 85%;
		max-width: 320px;
		height: auto;
		max-height: 320px;
		border-radius: 12px;
		vertical-align: middle;
	}

}




/*
.eco_01 {
	background-image: url(../images/eco_01.png);
	background-position: center center;
	background-size: 80%;
}
*/

.index-ecological ul.eco li.eco_01 img,
.index-ecological ul.eco li.eco_02 img,
.index-ecological ul.eco li.eco_03 img {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 80%;
}

.index-ecological ul.eco li a::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 140px 140px 0 0;
    border-color: #001d6d transparent transparent transparent;
    z-index: 10;
    border-radius: 12px 0 0 0;
}

.index-ecological ul.eco li a .nun {
	display: block;
    position: absolute;
    color: #fff;
    left: 24px;
    top: 18px;
	font-size: 5.8em;
	line-height: 1em;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
    z-index: 11;
}

.index-ecological ul.eco li a .eco {
	display: block;
    position: absolute;
    color: #fcda57;
    left: 12px;
    top: 6px;
	font-size: 0.9em;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
    z-index: 11;
}














/* aboutus 浪速運送について */
.index-aboutus {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 180px 0 60px 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}


.index-aboutus_inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 40px auto;
	width: 95%;
	max-width: 1400px;
	height: auto;
	min-height: 250px;
	overflow: hidden;
}


.index-aboutus .sign {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 24px;
	left: 8%;
}

.index-aboutus .title {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 180px;
	left: 8%;
	font-size: 2.4em;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
}

.index-aboutus .title_bg {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 46%;
	height: auto;
	border-radius: 12px;
	overflow: hidden;
}

.index-aboutus .title_bg img {
	border-radius: 12px;
	width: 100%;
	height: auto;
}	
	
	
@media screen and (max-width: 768px) {

	.index-aboutus {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 80px 0 60px 0;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.index-aboutus .sign {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		top: 0;
		left: 0;
		text-align: center;
	}
	
	.index-aboutus .title {
		display: block;
		position: relative;
		padding: 18px 0 0 0;
		margin: 0 0 0 0;
		top: 0;
		left: 0;
		text-align: center;
		font-size: 2.4em;
		font-weight: 700;
		font-family: "BIZ UDPGothic", sans-serif;
	}	

	.index-aboutus .title_bg {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 28px auto 0 auto;
		width: 90%;
		height: auto;
		border-radius: 12px;
		overflow: hidden;
	}

}
	
.index-aboutus ul.about {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 60px auto;
	width: 95%;
	max-width: 1400px;
	height: auto;
	text-align: center;
	overflow: hidden;
}

.index-aboutus ul.about li a {
	display: inline-block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0.5% 28px 0.5%;
	width: 19%;
	height: auto;
	min-height: 180px;
	max-height: 220px;
	float: left;
	color: #fff;
	background-color: #f4f4f4;
	border-radius: 12px;
	overflow: hidden;
}



@media screen and (max-width: 940px) {
	
	.index-aboutus ul.about li a {
		display: inline-block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 1% 28px 1%;
		width: 31.3%;
		height: auto;
		min-height: 220px;
		max-height: 260px;
		float: left;
		color: #fff;
		background-color: #f4f4f4;
		border-radius: 12px;
		overflow: hidden;
	}	
	
}

@media screen and (max-width: 640px) {
	
	.index-aboutus ul.about li a {
		display: inline-block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 2% 28px 2%;
		width: 46%;
		height: auto;
		min-height: 220px;
		max-height: 260px;
		float: left;
		color: #fff;
		background-color: #f4f4f4;
		border-radius: 12px;
		overflow: hidden;
	}	
	
}

@media screen and (max-width: 440px) {
	
	.index-aboutus ul.about li a {
		display: inline-block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 5% 28px 5%;
		width: 90%;
		height: auto;
		min-height: 220px;
		max-height: 260px;
		float: left;
		color: #fff;
		background-color: #f4f4f4;
		border-radius: 12px;
		overflow: hidden;
	}	
	
}



.index-aboutus ul.about .about_01 a::before,
.index-aboutus ul.about .about_02 a::before,
.index-aboutus ul.about .about_03 a::before,
.index-aboutus ul.about .about_04 a::before,
.index-aboutus ul.about .about_05 a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position:center center;
	background-size: cover;
	transition: transform 0.4s ease-in-out;
}
/*
.index-aboutus ul.about .about_01 a::before {
	background-image: url(../images/img_aboutus_01.jpg);
}

.index-aboutus ul.about .about_02 a::before {
	background-image: url(../images/img_aboutus_02.jpg);
}

.index-aboutus ul.about .about_03 a::before {
	background-image: url(../images/img_aboutus_03.jpg);
}

.index-aboutus ul.about .about_04 a::before {
	background-image: url(../images/img_aboutus_04.jpg);
}

.index-aboutus ul.about .about_05 a::before {
	background-image: url(../images/img_aboutus_05.jpg);
}
*/
.index-aboutus ul.about .about_01 a:hover::before,
.index-aboutus ul.about .about_02 a:hover::before,
.index-aboutus ul.about .about_03 a:hover::before,
.index-aboutus ul.about .about_04 a:hover::before,
.index-aboutus ul.about .about_05 a:hover::before {
  transform: scale(1.12);
}



.about_ti {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 10px;
	left: 14px;	
	font-size: 1.6em;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
}

.about_sub {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 40px;
	left: 14px;	
	font-size: 0.8em;
	font-weight: 400;
	font-family: "BIZ UDPGothic", sans-serif;
	text-transform: uppercase;
}

.arrow {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	bottom: 12px;
	left: 14px;	
	font-size: 1.1em;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
}

.arrow span {
	padding: 0px 0px 0px 8px;
	font-size: 0.8em;
}

.index-aboutus ul.about li a:hover {
	color: #fcda57;
}
























/* news */
.index_news {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 140px auto;
	width: 95%;
	max-width: 1400px;
	height: auto;
}

.index-news .sign {
	display: block;
	position: relative;
	padding: 0 0 40px 0;
	margin: 0 0 22px 0;
	width: 100%;
	height: auto;
}

.index_news .title {
	display: block;
	position: relative;
	padding: 0 0 40px 0;
	margin: 0 0 0 0;
	font-size: 2.4em;
	font-weight: 700;
	font-family: "BIZ UDPGothic", sans-serif;
}


@media screen and (max-width: 940px) {
	
	.index_news .sign {
		display: block;
		position: relative;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100%;
		text-align: center;
		z-index: 10;
	}
	
	.index_news .title {
		display: block;
		position: relative;
		padding: 0 0 40px 0;
		margin: 0 0 0 0;
		font-size: 2.4em;
		font-weight: 700;
		font-family: "BIZ UDPGothic", sans-serif;
		text-align: center;
	}	
	
}


.index_news .bt {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 20px auto 40px auto;
	width: 180px;
	height: 54px;
	line-height: 53px;
	color: #001d6d;
	background-color: #fff;
	border: 1px solid #001d6d;
	text-align: center;
	font-size: 1.1em;
	font-weight: 400;
	font-family: "BIZ UDPGothic", sans-serif;
	border-radius: 34px;
	transition: background 0.3s;
}

.index_news .bt a {
	display: block;
	position: relative;
	padding: 0 1em 0 0;
	width: 180px;
	height: 54px;
}

.index_news .bt a:hover {
	display: block;
	color: #fff;
	background-color: #001d6d;
	border: 1px solid #001d6d;
	text-align: center;
	border-radius: 27px;
}

.index_news .bt a span {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 0;
	right: 18px;
}


































.title_e {
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 9.8em;
	font-weight: 800;
	letter-spacing: -2px;
	text-transform: uppercase;
	color: #001871;
	line-height: 1;
	z-index: 1;
}

@media screen and (max-width: 1200px) {
	
	.title_e {
		font-size: 7.2em;
	}	
	
}

@media screen and (max-width: 768px) {
	
	.title_e {
		font-size: 5.4em;
	}	
	
}

@media screen and (max-width: 480px) {
	
	.title_e {
		font-size: 3.2em;
	}	
	
}

.section-title__initial {
	display: inline-block;
	color: transparent;
	background: linear-gradient(
	130deg,
	#ffd200 0%,
	#ffd200 35%,
	#001871 35%,
	#001871 100%
	);
	-webkit-background-clip: text;
	background-clip: text;
	z-index: 2;
}

.me::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content:"message";
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
	letter-spacing: -2px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1;
	text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;

	z-index: -1;
}

.tr::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content:"transport";
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
	letter-spacing: -2px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1;
	text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;

	z-index: -1;
}

@media screen and (max-width: 1200px) {
	
	.tr::after {
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		content:"transport";
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 800;
		letter-spacing: -2px;
		text-transform: uppercase;
		color: #fff;
		line-height: 1;
		text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
	
		z-index: -1;
		text-align: center;
	}
	
}

.lg::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content:"logistics";
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
	letter-spacing: -2px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1;
	text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;

	z-index: -1;
}

@media screen and (max-width: 1200px) {
	
	.lg::after {
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		content:"logistics";
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 800;
		letter-spacing: -2px;
		text-transform: uppercase;
		color: #fff;
		line-height: 1;
		text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
	
		z-index: -1;
	}	
	
}	
	
.ec::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content:"ecological";
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
	letter-spacing: -2px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1;
	text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;

	z-index: -1;
}

@media screen and (max-width: 1400px) {
	
	.ec::after {
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		content:"ecological";
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 800;
		letter-spacing: -2px;
		text-transform: uppercase;
		color: #fff;
		line-height: 1;
		text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
	
		z-index: -1;
	}	
		
}
	
.ab::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content:"About us";
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
	letter-spacing: -2px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1;
	text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;

	z-index: -1;
}

.ne::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content:"NEWS";
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 800;
	letter-spacing: -2px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1;
	text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;

	z-index: -1;
}