header .top a:after{
	background-color: #115681;
}
.mv{
	max-width: 100%;
}

.mv-wrapper{
	width: 100%;
	display: flex;
}

.mv01{
	background-image: url(../img/top/ware_img@2x.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 50%;
}

.mv02{
	background-image: url(../img/top/info_img@2x.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 50%;
}

.mv-box{
	background-color: #fff;
	color: #0a537c;
	padding: 40px 30px 30px 30px;
	max-width: 580px;
	height: 480px;
	margin: 97px 40px 100px auto;
}
.mv02 .mv-box{
	margin: 97px auto 100px 40px;
}

.mv-text-box{
	text-align: center;
	margin-bottom: 30px;
}

.ware-title{
	margin: 0 auto;
	text-align: right;
	line-height: 28px;
	width: 287px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 39px;
	letter-spacing: 0.022em;
	margin-bottom: 14px;
	position: relative;
	background: linear-gradient(transparent 0%, #fff100 0%);
}
.ware-title::before{
	content: url(../img/top/icon_house.png);
	position: absolute;
	margin-left: -40px;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.info-title{
	margin: 0 auto;
	text-align: right;
	line-height: 28px;
	width: 287px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 39px;
	letter-spacing: 0.022em;
	margin-bottom: 14px;
	position: relative;
	background: linear-gradient(transparent 0%, #fff100 0%);
}
.info-title::before{
	content: url(../img/top/icon_note.png);
	position: absolute;
	margin-left: -25px;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.mv-lead{
	font-family: 'TrueGigaMaruJr', sans-serif;
	font-size: 14px;
	letter-spacing: 0.44em;
	margin-bottom: 10px;
}

.sub-lead{
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 0.24em;
}

/* mv01 ---- */
.warehouse_info_box{
    max-height: 290px;
    overflow-y: scroll;
    margin: 0 0 20px;
}
.mv01-content{
	border: 1px solid #0a537c;
	border-radius: 10px;
	display: flex;
	align-items: center;
    margin-bottom: 20px;
    overflow: hidden;
}

.mv01-img{
    width: 28%;
}


.mv01-text-box{
	padding: 16px;
	letter-spacing: 0.11em;
    width: 65%;
}

.mv01-text-box > p:first-of-type{
    display: inline-block;
    color: #f54400;
    font-weight: bold;
    letter-spacing: 1px;
}

.content-title{
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 3px;
}

.content-text{
	font-size: 14px;
	line-height: 17px;
}

/* mv02 ------- */
.mv02-content{
	display: flex;
}

.mv02-img{
	max-width: 120px;
	margin-right: 20px;
}

.info-data{
	color: #070707;
	font-size: 12px;
	letter-spacing: 0.16em;
	margin-bottom: 2px;
}

.info-text{
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.18em;
	padding-bottom: 7px;
	border-bottom: 2px dashed #d7d7d7;
	margin-bottom: 11px;
}
.info-text a{
	color: #0a537c;
}
    
.info-text:last-child{
	margin-bottom: 20px;
}

.info-btn{
	width: 90px;
	background-color: #052c41;
	padding: 7px 15px;
	margin-left: auto;
	position: relative;
}
.info-btn a{
	display: inline-block;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.18em;
	vertical-align: middle;
}
.info-btn a::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
	right: 15px;
	margin-top: -4px;
}



/* content ----------- */

main{
	background-color: #fff;
}

.inner{
	max-width: 1180px;
	margin: 0 auto;
	padding: 115px 100px 280px;
}

.menu-box{
	width: 100%;
	border: 2px solid #0a537c;
	border-radius: 40px;
	position: relative;
}
.icon_hito{
	position: absolute;
	top: -31px;
	right: 136px;
}
.icon_car{
	position: absolute;
	top: -24px;
	right: 90px;
}


.menu-mv{
	max-width: 100%;
}

.menu-mv img{
	border-radius: 40px 40px 0 0;
}

.menu-title-bar{
	background-color: #fff100;
	height: 46px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu-title{
	width: 77px;
	line-height: 1;
	position: relative;
}
.menu-title::before{
	content: url(../img/top/icon_menu01.png);
	position: absolute;
	margin-left: -25px;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.menu-title::after{
	content: url(../img/top/icon_menu02.png);
	position: absolute;
	padding-left: 8px;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.section01{
	padding: 46px 80px;
	border-bottom: 1px solid #000;
	display: flex;
	justify-content: space-between;
	max-width: 100%;
}

.section-text-box{
	max-width: 70%;
	padding-right: 10px;
	position: relative;
	z-index: 99;
}

.menu-box section:nth-of-type(even) .section-text-box{
	order: 2;
}

.section-title-img{
	max-width: 39px;
	margin-bottom: 12px;
}

.section-title{
	font-family: 'Montserrat' ,sans-serif;
	font-weight: 600;
	font-size: 45px;
	color: #0081cc;
	letter-spacing: 0.02em;
	margin-bottom:8px;
}

.section-lead{
	font-family: 'TrueGigaMaruJr' ,sans-serif;
	font-size: 16px;
	letter-spacing: 0.44em;
	color: #0a537c;
	margin-bottom: 30px;
}

.section-text{
	font-size: 15px;
	color: #0a537c;
	line-height: 26px;
	letter-spacing: 0.11em;
	margin-bottom: 20px;
	text-align: justify;
}

.more-btn{
	width: 100px;
	margin-left: auto;
	margin-right: 45px;
	background-color: #fff100;
	padding: 9px 0;
	text-align: center;
	box-shadow: 2px 2px 0 #0a537c;
	position: relative;
}

.more-btn a{
	display: block;
	color: #0a537c;
	font-family: 'TrueGigaMaruJr', sans-serif;
	font-size: 12px;
	letter-spacing: 0.11em;
}

.more-btn::after{
	content: '';
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 2px #0a537c;
  border-right: solid 2px #0a537c;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
	margin-top: -4px;
}

.chara01-box{
	position: relative;
	max-width: 30%;
	width: 100%;
}

.chara01{
	max-width: 310px;
	position: absolute;
	bottom: -76px;
  right: -150px;
	z-index: 10;
}

.section02{
	padding: 46px 80px;
	border-bottom: 1px solid #000;
	display: flex;
	justify-content: space-between;
	max-width: 100%;
}

.chara02-box{
	order: 1;
	position: relative;
	max-width: 30%;
	width: 100%;
}

.chara02{
	max-width: 360px;
	position: absolute;
	top: 0;
  left: -150px;
	z-index: 10;
}

.section03{
	padding: 46px 80px;
	border-bottom: 1px solid #000;
	display: flex;
	justify-content: space-between;
	max-width: 100%;
}

.chara03-box{
	position: relative;
	max-width: 30%;
	width: 100%;
}

.chara03{
	max-width: 400px;
	position: absolute;
	bottom: 40px;
	right: -170px;
	z-index: 10;
}

.section04{
	padding: 46px 80px;
	display: flex;
	justify-content: space-between;
	max-width: 100%;
}

.chara04-box{
	order: 1;
	position: relative;
	max-width: 30%;
	width: 100%;
}

.chara04{
	max-width: 389px;
	position: absolute;
	top: 0;
  left: -150px;
	z-index: 10;
}

.sp_only{
	display: none;
}


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

	.mv-box{
		height: auto;
	}

	.content-title {
    font-size: 15px;
	}

	.content-text {
		font-size: 13px;
	}


	.info-text {
		font-size: 14px;
	}


	.inner{
		padding: 115px 20px 280px;
	}

	.chara01{
		max-width: 250px;
		top: 0;
		right: -70px;
	}

	.chara02{
		max-width: 389px;
		top: 0;
		left: -50px;
		z-index: 10;
	}

	.chara03{
		max-width: 498px;
		position: absolute;
		top: 0;
		right: -70px;
	}


	.chara04{
		max-width: 389px;
		top: 0;
		left: -50px;
		z-index: 10;
	}

}

@media screen and (max-width:768px){
	.mv-wrapper{
	flex-direction: column;
	}

	.mv01{
		width: 100%;
	}
	
	.mv02{
		width: 100%;
	}

	.mv-box {
        margin: 70px auto;
		padding: 40px 10px 30px;
	}
	.mv02 .mv-box {
        margin: 70px auto;
		padding: 40px 10px 30px;
	}

	.mv01-content{
		height: auto;
		flex-wrap: wrap;
		border-radius: 0;
	}

	.mv01-img {
        width: 40%;
    }
    .mv01-text-box {
        padding: 5px 16px;
        letter-spacing: 0.11em;
        width: 60%;
        box-sizing: border-box;
    }


	.mv02-img{
		display: none;
	}

	.mv02-content {
    justify-content: center;
}



	.inner{
		padding-bottom: 200px;
	}

	.section01, .section02, .section03, .section04{
		padding: 46px 20px;
		display: block;
		position: relative;
	}

	
	.section-text-box {
		max-width: 100%;
		padding-right: 0;
	}

	.section-title {
		font-size: 35px;
}

.section-lead {
	font-size: 14px;
}

	.chara01-box, .chara02-box, .chara03-box, .chara04-box{
		position: static;
		max-width: 100%;
	}

	.chara01 {
    max-width: 200px;
    top: 5px;
		right: 15px;
		opacity: 0.8;
}
	.chara02 {
    max-width: 240px;
    top: 5px;
		right: 0;
		left: auto;
		opacity: 0.8;
}
	.chara03 {
    max-width: 290px;
    top: 5px;
		right: 15px;
		opacity: 0.8;
}
	.chara04 {
    max-width: 240px;
    top: 5px;
		right: 0;
		left: auto;
		opacity: 0.8;
}

}

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

	.ware-title{
		font-size: 30px;
		width: 226px;
	}

	.info-title {
		font-size: 30px;
		width: 226px;
	}

	.inner {
    padding: 115px 10px 200px;
	}

	.section-text{
		font-size: 14px;
	}

	.chara01 {
    max-width: 180px;
}
	.chara02 {
    max-width: 210px;
}
	.chara03 {
    max-width: 210px;
}
	.chara04 {
    max-width: 210px;
}

	.sp_only{
		display: block;
    }
    
    .mv01-text-box > p:first-of-type {
        letter-spacing: 0px;
        font-size: 12px;
    }
    .content-title {
        font-size: 14px;
        line-height: 1.3;
    }
    .content-text {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 1px;
    }

}