@charset "utf-8";




/***************************************************
 * Generated by SVG Artista on 6/20/2022, 11:11:30 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-elem-1 {
  stroke-dashoffset: 223.43190002441406px;
  stroke-dasharray: 223.43190002441406px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-2 {
  stroke-dashoffset: 223.43190002441406px;
  stroke-dasharray: 223.43190002441406px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
}

svg .svg-elem-3 {
  stroke-dashoffset: 216.12664794921875px;
  stroke-dasharray: 216.12664794921875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-4 {
  stroke-dashoffset: 216.12664794921875px;
  stroke-dasharray: 216.12664794921875px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.30000000000000004s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.30000000000000004s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
}

svg .svg-elem-5 {
  stroke-dashoffset: 201.68141174316406px;
  stroke-dasharray: 201.68141174316406px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.4s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.4s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-6 {
  stroke-dashoffset: 201.68141174316406px;
  stroke-dasharray: 201.68141174316406px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
}

svg .svg-elem-7 {
  stroke-dashoffset: 112.760009765625px;
  stroke-dasharray: 112.760009765625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6000000000000001s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6000000000000001s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-8 {
  stroke-dashoffset: 112.760009765625px;
  stroke-dasharray: 112.760009765625px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.7000000000000001s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.7000000000000001s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-8 {
  stroke-dashoffset: 0;
}

svg .svg-elem-9 {
  stroke-dashoffset: 213.72848510742188px;
  stroke-dasharray: 213.72848510742188px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-9 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-10 {
  stroke-dashoffset: 213.72848510742188px;
  stroke-dasharray: 213.72848510742188px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.9s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.9s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-10 {
  stroke-dashoffset: 0;
}

svg .svg-elem-11 {
  stroke-dashoffset: 208.44976806640625px;
  stroke-dasharray: 208.44976806640625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-11 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-12 {
  stroke-dashoffset: 208.44976806640625px;
  stroke-dasharray: 208.44976806640625px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-12 {
  stroke-dashoffset: 0;
}

svg .svg-elem-13 {
  stroke-dashoffset: 201.68795776367188px;
  stroke-dasharray: 201.68795776367188px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.2000000000000002s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.2000000000000002s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-13 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-14 {
  stroke-dashoffset: 201.68795776367188px;
  stroke-dasharray: 201.68795776367188px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.3s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.3s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-14 {
  stroke-dashoffset: 0;
}

svg .svg-elem-15 {
  stroke-dashoffset: 201.68792724609375px;
  stroke-dasharray: 201.68792724609375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.4000000000000001s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.4000000000000001s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-15 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-16 {
  stroke-dashoffset: 201.68792724609375px;
  stroke-dasharray: 201.68792724609375px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.5s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.5s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-16 {
  stroke-dashoffset: 0;
}



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




.sub-menu{
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 0px 0 0 0;
	margin: 0px 0 21px 0;
	flex-wrap: wrap;
}

.sub-menu a{
	display: block;
	width: 45%;
	height: 36px;
	border: 1px solid #000;
	background: #fff;
	text-align: center;
	margin: 0 7px 21px 7px;
	padding: 7px 18px 0 18px;
	font-size: 13px;
	font-weight: 500;
	transition: 0.5s ;
}
.sub-menu a span{
	line-height: 1;
	margin: 0 0 0 0;
	display: block;
	font-size: 12px;
	color: #c9bcaa;
	font-family: serif;
}

.sub-menu a:hover{
	display: block;
	width: 45%;
	height: 36px;
	border: 1px solid #000;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 7px 18px 0 18px;
	font-size: 13px;
	font-weight: 500;
	transition: 0.5s ;
}
.sub-menu a:hover:before{

}



.sub-menu span.now{
	display: block;
	position: relative;
	width: 45%;
	height: 36px;
	border: 1px solid #000;
	background: #000;
	color:#fff;
	text-align: center;
	margin: 0 7px 21px 7px;
	padding: 7px 18px 0 18px;
	font-size: 13px;
	font-weight: 500;
	transition: 0.5s ;
}

.sub-menu span.now:before {
  content: "";
  /* borderで三角形を作る */
  border: 10px solid transparent;
  border-top: 10px solid #000;
  /* 配置する */
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}





/*======================================

	top
		
========================================*/

.top-main{
	width:100%;
	height: 300px;
    background: #efefef url(../i/top_main_bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    margin: 0 0 45px 0;
}

.top-main-catch{
	width:90%;
	padding: 0 0px 0 0px;
	height:auto;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:auto;
	z-index: 30;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color:#fff;
	
}

.top-main-catch span{
	display: block;
	font-size: 13px;
	margin: 15px auto 0 auto;
}

.top-main-logo{
	width:236px;
	height: 140px;
	padding: 0 0px 0 0px;
	height:auto;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:auto;
	z-index: 20;
	text-align: center;
	font-size: 33px;
	color:#fff;
	
}

.top-main-logo img{
		width: 100%;
	}
	
.top-lead{
	font-size:18px;
	font-weight: 600;
	line-height: 1.5;
	color:#898989;
    margin: 0 0 45px 0;
}

.top-menu{
	width: 100%;
	margin: 0 0 45px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.top-menu-box-wecan{
	width: 100%;
	height: 200px;
	margin: 0 0 12px 0;
	position: relative;
	overflow: hidden;
}

.top-menu-box{
	width: 100%;
	height: 200px;
	margin: 0 0 12px 0;
	position: relative;
	overflow: hidden;
}

.top-menu-title{
	width: 100%;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color:#fff;
	z-index: 30;
	font-size: 18px;
	font-weight: 600;
}

.top-menu-image{
	width: 100%;
	height: 200px;
	margin: 0 0 30px 0;
	overflow: hidden;
transition-duration: 0.5s;
display: block;
object-fit:cover;
}



.top-menu-image:hover {
transform: scale(1.1);
transition-duration: 0.5s;
}




.h2-logistics-wrapper{
	width:100%;
	height: 150px;
	min-width: 100%;
    position: relative;
    margin: 0 0 45px 0;
}

#h2-logistics-quality{
	background:  url(../i/h2_logistics_quality.jpg) no-repeat;
    background-size: cover;
}
#h2-logistics-wecan{
	background:  url(../i/h2_logistics_wecan.jpg) no-repeat;
    background-size: cover;
}
#h2-logistics-cars{
	background:  url(../i/h2_logistics_cars.jpg) no-repeat;
    background-size: cover;
}
#h2-logistics-office{
	background:  url(../i/h2_logistics_office.jpg) no-repeat;
    background-size: cover;
}
#h2-logistics-message{
	background:  url(../i/h2_logistics_message.jpg) no-repeat;
    background-size: cover;
}





.h2-logistics-col{
	width:100%;
	height: auto;
	padding: 0 0px 0 0px;
	height:auto;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:auto;
	z-index: 30;
	text-align: center;
}

.h2-logistics-col h2.h2-logistics{
	font-size:21px;
	color:#fff;
}

.h2-logistics-logo{
	width:180px;
	height: auto;
	padding: 0 0px 0 0px;
	height:auto;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:auto;
	z-index: 20;
	text-align: center;
	font-size: 24px;
	color:#fff;
}
.h2-logistics-logo img{
	width: 100%;
}


section.quality{
	width: 100%;
	text-align: left;
	margin: 0 0 60px 0;
}

.h3-quality{
	font-size:21px;
	font-weight: 600;
	line-height: 1;
	font-weight: 600;
}
.h3-quality span{
	display: block;
	margin: 0px 0 15px 0;
	font-size:18px;
	font-weight: 600;
	color:#898989;
	padding: 0 0 0 0;
}

.h3-cars{
	font-size:21px;
	font-weight: 600;
	line-height: 1;
	color: #898989;
}

table.cars-list{
	width: 100%;
	border-collapse: collapse;
	border-top:1px solid #231815;
}

table.cars-list th{
	color:#fff;
	border-bottom:1px dotted #231815;
	background: #3e3a39;
	padding: 15px 0 15px 0;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
}

table.cars-list th.cars-list-left{
	width: 60%;
	border-right:1px solid #231815;
}
table.cars-list th.cars-list-right{
	width: 60%;
}

table.cars-list td{
	border-bottom:1px dotted #231815;
	padding: 15px 0 15px 0;
	text-align: center;
	font-size: 15px;
}
table.cars-list td.cars-list-last{
	border-bottom:1px solid #231815;
	padding: 15px 0 15px 0;
	text-align: center;
	font-size: 15px;
}
table.cars-list td.cars-list-left{
	border-right:1px solid #3e3a39;
}
table.cars-list td.cars-list-right{
	border-right:0px solid #3e3a39;
}

.h4-cars{
	font-size:16px;
	font-weight: 600;
	padding: 0 0 0 0;
	line-height: 1.5;
	margin: 24px 0px 15px 0;
	color:#898989;
}

.cars-photo{
	width: 100%;
	margin: 24px 0 0 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.cars-photo-box{
	width: 48%;
	text-align: center;
	margin: 0px 0 15px 0;
}
.cars-photo-box img{
	width: 100%;
	margin: 24px 0 12px 0;
	border: 1px solid #231815;
}

.cars-photo-name{
	font-size:13px;
	font-weight: 600;
	
}

.facility{
	width: 100%;
	margin: 0 0 0 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.facility-left{
	width: 100%;
	margin: 0 0 0 0;
}
.facility-right{
	width: 100%;
	margin: 0 0 0 0;
}

table.facility-list{
	width: 100%;
	margin: 0 0 45px 0;
	border-top:2px solid #231815;
	border-bottom:2px solid #231815;
	border-collapse: collapse;
}


table.facility-list th{
	border-bottom:2px solid #231815;
	background: transparent;
	padding: 12px 0 12px 15px;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
}

table.facility-list th span{
	display: inline-block;
	margin: 0 0 0 12px;
	font-size:13px;
	font-weight: 400;
}

table.facility-list th.facility-list-left{
	width: 60%;
	border-right:2px solid #231815;
}
table.facility-list th.facility-list-right{
	width: 60%;
}

table.facility-list td{
	border-bottom:1px dotted #231815;
	padding: 12px 0 12px 15px;
	text-align: left;
	font-size: 13px;
}
table.facility-list td.facility-list-last{
	border-bottom:1px solid #231815;
	padding: 12px 0 12px 15px;
	text-align: left;
	font-size: 13px;
}
table.facility-list td.facility-list-left{
	border-right:2px solid #3e3a39;
}
table.facility-list td.facility-list-right{
	border-right:0px solid #3e3a39;
}

table.facility-list td.facility-list-foot{
	border-top:2px solid #3e3a39;
	font-size: 13px;
}

#logi-cars-foot{
	width: 100%;
	height: 180px;
	background:  url(../i/logi_foot_bg_cars.jpg) center center;
    background-size: cover;
    padding: 0 0 0px 0;
}



/*======================================

	message
	
========================================*/

section#company-message{
	margin: 0px 0 0 0;
	padding: 0 0 60px 0;
}

h4.message-title{
	font-size:21px;
	color:#898989;
	line-height: 1;
	margin: 45px 0 21px 0;
	padding: 0 0 0 0;
	text-align: left;
}

.message{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 60px 0;
}

.message-left{
	width: 100%;
	text-align: left;
}
.message-right{
	width: 100%;
}

.message-right img{
	width: 100%;
}

.director-signature{
	font-size:25px;
	line-height: 1;
	margin: 45px 0 21px 0;
	padding: 0 0 0 0;
	text-align: right;
}
.director-signature span{
	display: inline-block;
	font-size:15px;
	line-height: 1;
	margin: 0px 15px 0px 0;
	padding: 0 0 0 0;
	text-align: right;
}

#logi-message-foot{
	width: 100%;
	height: 240px;
	background:  url(../i/logi_foot_bg_message.jpg) bottom;
    background-size: cover;
    padding: 0 0 0 0;
}



/*======================================

	office
	
========================================*/

section.office-section{
	margin: 0px 0 0px 0;
	padding: 0 0 0px 0;
}

h3.h3-office{
	font-size:21px;
	color:#898989;
	line-height: 1;
	margin: 0px 0 21px 0;
	padding: 0 0 12px 12px;
	border-bottom:1px solid #898989;
	text-align: left;
}
.office-info{
	margin: 0px 0 0px 0;
	padding: 0 0 18px 21px;
	text-align: left;
}
.office-info p{
	font-size: 15px;
}

.office-col{
	width: 100%;
	margin: 0 0 60px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.office-col-left{
	width: 100%;
	margin: 0 0 0 0;
}
.office-col-right{
	width: 100%;
	margin: 0 0 0 0;
}
.office-col-left img{
	height: 280px;
	width: 100%;
	margin: 0 0 0 0;
}

#logi-office-foot{
	width: 100%;
	height: 240px;
	background:  url(../i/logi_foot_bg_office.jpg) bottom;
    background-size: cover;
    padding: 0 0 300px 0;
    margin: -25px 0 0 0;
}



/*======================================

	wecan
	
========================================*/

section.wecan{
	width: 100%;
	margin: 0px 0 60px; 0;
	text-align: left;
}

h3.wecan-h3{
	font-size:21px;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 0 0 30px 0;
	color: #898989;
}

h3.wecan-h3 span{
	display: inline-block;
	margin: 0 9px 0 0px;
	font-size:21px;
	color: #231815;
}

h4.wecan-h4{
	font-size:18px;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 12px 0 12px 0;
	color: #898989;
}

.section-lead{
	font-size:16px;
	font-weight: 600;
	line-height: 1.8;
	margin: 0 0 30px 0;
}

.kyoudou-figure{
	width: 100%;
	margin: 30px 0 0px 0;
}

.kyoudou-figure img{
	width: 100%;
	height: auto;
}

.merit-wrapper{
	width: 100%;
	height: auto;
	padding: 0px 0 0 0;
	position: relative;
	margin: 30px 0px 30px 0;
	padding: 200px 0 0 0;
}
.merit-innner-left{
	position:relative;
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 15px;
	background: #fff;
}
.merit-innner-left2{
	position:relative;
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 15px;
	background: #f7f8f8;
}
.merit-innner-right{
	position:relative;
	width: 100%;
	position:relative;
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 15px;
	background: #fff;
}
#merit-kyoudou{
	background:  url(../i/wecan_kyoudou_merit_bg.png) no-repeat top center;
}
#merit-reizou{
	background:  url(../i/wecan_kyoudou_merit_bg_reizou.png) no-repeat top center;
}
#merit-sanon{
	background:  url(../i/wecan_kyoudou_merit_bg_sanon.png) no-repeat top center;
}
#merit-follow{
	background:  url(../i/wecan_kyoudou_merit_bg_follow.png) no-repeat top center;
}
#merit-hozei{
	background:  url(../i/wecan_kyoudou_merit_bg_hozei.png) no-repeat top center;
}
#merit-hatarakikata{
	background:  url(../i/wecan_kyoudou_merit_bg_hatarakikata.png) no-repeat top center;
}

.bgwhite{
	background: #fff;
	padding: 60px 0 21px 0;
}
.merit-p-sizeL{
	font-size:13px;
	line-height: 2;
}
.katsuyou-figure{
	width: 100%;
	margin: 30px 0 18px 0;
}

section#wecan01{
	padding:0px 0 0px 0;
}
section#wecan02{
	padding:0px 0 0px 0;
}
section#wecan03{
	margin:60px 0 60px 0;
}
section#wecan04{
	padding:0px 0 0px 0;
}

h4.hozei-h4{
	font-size:18px;
	line-height: 1.5;
	padding: 0;
	margin: 24px 0 21px 0;
}

.hozei-info{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px solid #231815;
	border-bottom: 1px solid #231815;
	margin: 60px 0 0 0;
}

.hozei-info-left{
	width: 100%;
	display: flex;
	position: relative;
	border-bottom: 1px solid #231815;
	padding: 15px 0 15px 0;
}
.hozei-info-right{
	width: 100%;
	display: flex;
	position: relative;
}
.hozei-info-left-inner{
	width: 100%;
	position:relative;
	font-size:13px;
	text-align: center;
}
.hozei-info-left-inner span{
	display: block;
	font-size:18px;
	margin: 3px 0 0 0;
}

.hozei-info-table{
	width: 100%;
	border-collapse: collapse;
}

.hozei-info-table th{
	width: 110px;
	padding: 9px 0 9px 0;
	font-size:13px;
	text-align: center;
	font-weight: 400;
	border-bottom: 1px dotted #231815;
	border-right: 1px solid #231815;
}
.hozei-info-table td{
	width: auto;
	padding: 9px 0 9px 12px;
	font-size:13px;
	text-align: left;
	font-weight: 400;
	border-bottom: 1px dotted #231815;
}
.hozei-info-table th.noline,.hozei-info-table td.noline{
	border-bottom: 0px dotted #231815;
}

.kyoten-head{
	width:90%;
	margin: 0 auto 0 auto;
}
.kyoten-head p{
	font-size: 15px;
}

.kyoten-map{
	width: 100%;
	margin: -45px 0 30px 0;
}


.lineup-col{
	width:100%;
	margin: 36px 0 36px 0;
}
.lineup-col figure{
	text-align: center;
}
.lineup-col-head{
	width: 100%;
	text-align: center;	
	background: #9fa0a0;
	padding: 12px 0 12px 0;
	margin: 0 0 0 0
}
.lineup-col-head h4{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 1;
	color:#fff;
	text-align: center;	
	font-weight: 600;
	font-size:20px;
}
.lineup-col-head h4 span{
	color:#231815;
}

.lineup-kyoudou-list{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 15px 3px 0 3px;
}
.lineup-kyoudou-list-box{
	width: 30%;
	text-align: center;
	font-size: 13px;
}

.lineup-hozei-list{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 15px 0 0 0;
}
.lineup-hozei-list-box{
	width: 45%;
	text-align: center;
	font-size: 13px;
}

.lineup-reizou-list{
	width: 100%;
	display: flex;
	justify-content: venter;
	flex-wrap: wrap;
	margin: 0px 0 0 0;
}

.lineup-reizou-list-box01{
	width: 100%;
	text-align: center;
	font-size: 13px;
	margin: 0 0 0 0;
}
.lineup-reizou-list-box02{
	width: 100%;
	text-align: center;
	font-size: 13px;
	margin: 0 0 0 0;
}
.lineup-reizou-list-box03{
	width: 100%;
	text-align: center;
	font-size: 13px;
	margin: 0 0 0 0;
}
.lineup-reizou-list-box01 h5{
	width: 100%;
	padding: 6px 0 6px 0;
	margin: 0 0 0 0;
	line-height: 1;
	text-align: center;	
	font-weight: 400;
	font-size:13px;
	background: #dbeff2;
}
.lineup-reizou-list-box02 h5{
	width: 100%;
	padding: 6px 0 6px 0;
	margin: 0 0 0 0;
	line-height: 1;
	text-align: center;	
	font-weight: 400;
	font-size:13px;
	background: #95d1d2;
}
.lineup-reizou-list-box03 h5{
	width: 100%;
	padding: 6px 0 6px 0;
	margin: 0 0 0 0;
	line-height: 1;
	text-align: center;	
	font-weight: 400;
	font-size:13px;
	background: #d8ebd3;
}


#logi-wecan-foot{
	width: 100%;
	height: 240px;
	background:  url(../i/logi_foot_bg_wecan.jpg) center center;
    background-size: cover;
    padding: 0 0 0 0;
    margin: -25px 0 0 0;
    position: relative;
}


.logi-footer-inquiry-wrapper{
	width: 90%;
	padding: 60px 0 0px 0;
	margin: 0 auto 0 auto;
	z-index: 30;
    position: relative;
    text-align: center; 
}

.logi-footer-inquiry{
	width: 100%;
	border:1px solid #00a29a;
	margin: 0 auto 0 auto;
}

.logi-footer-inquiry-lead{
	font-size:16px;
	font-weight: 600;
	color:#00a29a;
	margin: 36px 0 18px 0;
	text-align: center;
	padding: 0 12px 0 12px;
}

.logi-footer-inquiry-middle{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: transparent;
	margin: 0px auto 30px auto;
	text-align: center;
}
.logi-footer-inquiry-left{
	width: 100%;
	text-align: left;
}
.logi-footer-inquiry-right{
	width: 100%;
	text-align: left;
}

.logi-footer-inquiry-tel{
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	margin: 0 auto 0 auto;
}
.logi-footer-inquiry-tel span{
	display: inline-block;
	margin: 0 6px 0 0;
	font-size: 27px;
	font-weight: 600;
}
.logi-footer-inquiry-businesshour{
	font-size:11px;
	text-align: center;
}

.to-contact{
	display: block;
	text-align: center;
	color:#fff;
	background:#231815;
	font-size: 14px;
	width: 100%;
	height: 51px;
	padding: 16px 0 0 0;
	margin: 12px 0 0 0;
	border-radius: 21px;
}
.to-contact:hover{
	color: #fff;
	opacity: 0.7;
}
.icon-mail{
	display: inline-block;
	margin: 0 12px 0 0 ;
}

.logi-footer-inquiry-foot{
	width: 100%;
	padding: 12px 0 12px 0px;
	text-align: center;
	background: #00a29a;
}


.scrollLine-wrapper{
	width: 100%;
	height: 30px;
	background: transparent;
	position: relative;
	margin: -30px 0 0 0;
}
.inquiry__scroll{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	top:0px;
	left: calc(50% - 47px) ;
	transform: translate(-50%,0%);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	z-index: 50;
	}
	

	.inquiry__scrollLine{
	position:relative;
	width:100px;
	height:1px;
	background:#00a29a;
	}
	.inquiry__scrollLine:after{
	display:block;
	position:absolute;
	top:0px;
	left:0;
	width:20px;
	height:1px;
	border-radius:0%;
	background:#fff;
	-webkit-animation:scroll 2s linear infinite;
	animation:scroll 2s linear infinite;
	content:'';
	}



}/*//end  max-width: 480px ///////////////////////*/







@media only screen and (min-width: 481px) {





.sub-menu{
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 0px 0 0 0;
	margin: 0px 0 45px 0;
}

.sub-menu a{
	display: block;
	width: 180px;
	height: 45px;
	border: 1px solid #000;
	background: #fff;
	text-align: center;
	margin: 0 7px 0 7px;
	padding: 10px 18px 0 18px;
	font-size: 15px;
	font-weight: 500;
	transition: 0.5s ;
}
.sub-menu a span{
	line-height: 1;
	margin: 0 0 0 0;
	display: block;
	font-size: 12px;
	color: #c9bcaa;
	font-family: serif;
}

.sub-menu a:hover{
	display: block;
	width: 180px;
	height: 45px;
	border: 1px solid #000;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 10px 18px 0 18px;
	font-size: 15px;
	font-weight: 500;
	transition: 0.5s ;
}
.sub-menu a:hover:before{

}



.sub-menu span.now{
	display: block;
	position: relative;
	width: 180px;
	height: 45px;
	border: 1px solid #000;
	background: #000;
	color:#fff;
	text-align: center;
	margin: 0 7px 0 7px;
	padding: 10px 18px 0 18px;
	font-size: 15px;
	font-weight: 500;
	transition: 0.5s ;
}

.sub-menu span.now:before {
  content: "";
  /* borderで三角形を作る */
  border: 10px solid transparent;
  border-top: 10px solid #000;
  /* 配置する */
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}





/*======================================

	top
		
========================================*/

.top-main{
	width:100%;
	height: 500px;
    background: #efefef url(../i/top_main_bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 0 45px 0;
}

.top-main-catch{
	width:90%;
	padding: 0 0px 0 0px;
	height:auto;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:auto;
	z-index: 30;
	text-align: center;
	font-size: 33px;
	font-weight: 600;
	color:#fff;
	
}

.top-main-catch span{
	display: block;
	font-size: 13px;
	margin: 15px auto 0 auto;
}

.top-main-logo{
	width:473px;
	height: 281px;
	padding: 0 0px 0 0px;
	height:auto;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:auto;
	z-index: 20;
	text-align: center;
	font-size: 33px;
	color:#fff;
	
}

.top-lead{
	font-size:25px;
	font-weight: 600;
	line-height: 1.5;
	color:#898989;
    margin: 0 0 45px 0;
}

.top-menu{
	width: 100%;
	margin: 0 0 60px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.top-menu-box-wecan{
	width: 100%;
	height: 200px;
	margin: 0 0 35px 0;
	position: relative;
	overflow: hidden;
}

.top-menu-box{
	width: 460px;
	height: 200px;
	margin: 0 0 35px 0;
	position: relative;
	overflow: hidden;
}

.top-menu-title{
	width: 100%;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color:#fff;
	z-index: 30;
	font-size: 24px;
	font-weight: 600;
}

.top-menu-image{
	width: 100%;
	height: 200px;
	margin: 0 0 30px 0;
	overflow: hidden;
transition-duration: 0.5s;
display: block;
object-fit:cover;
}



.top-menu-image:hover {
transform: scale(1.1);
transition-duration: 0.5s;
}




.h2-logistics-wrapper{
	width:100%;
	height: 200px;
	min-width: 1000px;
    position: relative;
    margin: 0 0 45px 0;
}

#h2-logistics-quality{
	background:  url(../i/h2_logistics_quality.jpg) no-repeat;
    background-size: cover;
}
#h2-logistics-wecan{
	background:  url(../i/h2_logistics_wecan.jpg) no-repeat;
    background-size: cover;
}
#h2-logistics-cars{
	background:  url(../i/h2_logistics_cars.jpg) no-repeat;
    background-size: cover;
}
#h2-logistics-office{
	background:  url(../i/h2_logistics_office.jpg) no-repeat;
    background-size: cover;
}
#h2-logistics-message{
	background:  url(../i/h2_logistics_message.jpg) no-repeat;
    background-size: cover;
}





.h2-logistics-col{
	width:100%;
	height: auto;
	padding: 0 0px 0 0px;
	height:auto;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:auto;
	z-index: 30;
	text-align: center;
}

.h2-logistics-col h2.h2-logistics{
	font-size:30px;
	color:#fff;
}

.h2-logistics-logo{
	width:246px;
	height: auto;
	padding: 0 0px 0 0px;
	height:auto;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:auto;
	z-index: 20;
	text-align: center;
	font-size: 33px;
	color:#fff;
}
.h2-logistics-logo img{
	width: 100%;
}


section.quality{
	width: 100%;
	text-align: left;
	margin: 0 0 60px 0;
}

.h3-quality{
	font-size:25px;
	font-weight: 600;
	line-height: 1;
	font-weight: 600;
}
.h3-quality span{
	display: block;
	margin: 0px 0 15px 0;
	font-size:20px;
	font-weight: 600;
	color:#898989;
	padding: 0 0 0 0;
}

.h3-cars{
	font-size:25px;
	font-weight: 600;
	line-height: 1;
	color: #898989;
}

table.cars-list{
	width: 100%;
	border-collapse: collapse;
	border-top:1px solid #231815;
}

table.cars-list th{
	color:#fff;
	border-bottom:1px dotted #231815;
	background: #3e3a39;
	padding: 15px 0 15px 0;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
}

table.cars-list th.cars-list-left{
	width: 60%;
	border-right:1px solid #231815;
}
table.cars-list th.cars-list-right{
	width: 60%;
}

table.cars-list td{
	border-bottom:1px dotted #231815;
	padding: 15px 0 15px 0;
	text-align: center;
	font-size: 17px;
}
table.cars-list td.cars-list-last{
	border-bottom:1px solid #231815;
	padding: 15px 0 15px 0;
	text-align: center;
	font-size: 17px;
}
table.cars-list td.cars-list-left{
	border-right:1px solid #3e3a39;
}
table.cars-list td.cars-list-right{
	border-right:0px solid #3e3a39;
}

.h4-cars{
	font-size:18px;
	font-weight: 600;
	padding: 0 0 0 0;
	line-height: 1.5;
	margin: 24px 0px 15px 0;
	color:#898989;
}

.cars-photo{
	width: 100%;
	margin: 24px 0 0 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.cars-photo-box{
	width: 300px;
	text-align: center;
	margin: 0px 0 21px 0;
}
.cars-photo-box img{
	margin: 24px 0 12px 0;
	border: 1px solid #231815;
}

.cars-photo-name{
	font-size:15px;
	font-weight: 600;
	
}

.facility{
	width: 100%;
	margin: 0 0 0 0;
	display: flex;
	justify-content: space-between;
}
.facility-left{
	width: 47%;
	margin: 0 0 0 0;
}
.facility-right{
	width: 47%;
	margin: 0 0 0 0;
}

table.facility-list{
	width: 100%;
	margin: 0 0 45px 0;
	border-top:2px solid #231815;
	border-bottom:2px solid #231815;
	border-collapse: collapse;
}


table.facility-list th{
	border-bottom:2px solid #231815;
	background: transparent;
	padding: 12px 0 12px 15px;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
}

table.facility-list th span{
	display: inline-block;
	margin: 0 0 0 12px;
	font-size:13px;
	font-weight: 400;
}

table.facility-list th.facility-list-left{
	width: 60%;
	border-right:2px solid #231815;
}
table.facility-list th.facility-list-right{
	width: 60%;
}

table.facility-list td{
	border-bottom:1px dotted #231815;
	padding: 12px 0 12px 15px;
	text-align: left;
	font-size: 13px;
}
table.facility-list td.facility-list-last{
	border-bottom:1px solid #231815;
	padding: 12px 0 12px 15px;
	text-align: left;
	font-size: 13px;
}
table.facility-list td.facility-list-left{
	border-right:2px solid #3e3a39;
}
table.facility-list td.facility-list-right{
	border-right:0px solid #3e3a39;
}

table.facility-list td.facility-list-foot{
	border-top:2px solid #3e3a39;
	font-size: 13px;
}

#logi-cars-foot{
	width: 100%;
	height: 350px;
	background:  url(../i/logi_foot_bg_cars.jpg) bottom;
    background-size: cover;
    padding: 0 0 300px 0;
}



/*======================================

	message
	
========================================*/

section#company-message{
	margin: 0px 0 0 0;
	padding: 0 0 60px 0;
}

h4.message-title{
	font-size:25px;
	color:#898989;
	line-height: 1;
	margin: 45px 0 21px 0;
	padding: 0 0 0 0;
	text-align: left;
}

.message{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 0 0 60px 0;
}

.message-left{
	width: 500px;
	text-align: left;
}
.message-right{
	width: 400px;
}

.director-signature{
	font-size:25px;
	line-height: 1;
	margin: 45px 0 21px 0;
	padding: 0 0 0 0;
	text-align: right;
}
.director-signature span{
	display: inline-block;
	font-size:15px;
	line-height: 1;
	margin: 0px 15px 0px 0;
	padding: 0 0 0 0;
	text-align: right;
}

#logi-message-foot{
	width: 100%;
	height: 350px;
	background:  url(../i/logi_foot_bg_message.jpg) bottom;
    background-size: cover;
    padding: 0 0 300px 0;
}



/*======================================

	office
	
========================================*/

section.office-section{
	margin: 0px 0 0px 0;
	padding: 0 0 0px 0;
}

h3.h3-office{
	font-size:25px;
	color:#898989;
	line-height: 1;
	margin: 0px 0 21px 0;
	padding: 0 0 18px 21px;
	border-bottom:1px solid #898989;
	text-align: left;
}
.office-info{
	margin: 0px 0 0px 0;
	padding: 0 0 18px 21px;
	text-align: left;
}
.office-info p{
	font-size: 15px;
}

.office-col{
	width: 100%;
	margin: 0 0 60px 0;
	display: flex;
	justify-content: space-between;
}
.office-col-left{
	width: 450px;
	margin: 0 0 0 0;
}
.office-col-right{
	width: 480px;
	margin: 0 0 0 0;
}
.office-col-left img{
	height: 280px;
	width: 100%;
	margin: 0 0 0 0;
}

#logi-office-foot{
	width: 100%;
	height: 350px;
	background:  url(../i/logi_foot_bg_office.jpg) bottom;
    background-size: cover;
    padding: 0 0 300px 0;
    margin: -25px 0 0 0;
}



/*======================================

	wecan
	
========================================*/

section.wecan{
	width: 100%;
	margin: 0px 0 60px; 0;
	text-align: left;
}

#wecan01{
	margin: 0px 0 45px 0;
}
#wecan02{
	padding: 0px 0 0px 0;
}
#wecan03{
	padding: 0px 0 0px 0;
}
#wecan04{
	padding: 0px 0 0px 0;
}


h3.wecan-h3{
	font-size:25px;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 0 0 30px 0;
	color: #898989;
}

h3.wecan-h3 span{
	display: inline-block;
	margin: 0 9px 0 0px;
	font-size:25px;
	color: #231815;
}

h4.wecan-h4{
	font-size:20px;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 0 0 30px 0;
	color: #898989;
}

.section-lead{
	font-size:20px;
	font-weight: 600;
	line-height: 1.8;
	margin: 0 0 30px 0;
}

.kyoudou-figure{
	width: 100%;
	margin: 30px 0 45px 0;
}

.kyoudou-figure img{
	width: 100%;
	height: auto;
}

.merit-wrapper{
	width: 100%;
	height: 300px;
	padding: 0px 0 0 0;
	position: relative;
	margin: 30px 0px 30px 0;
}
.merit-innner-left{
	position:absolute;
	width: 55%;
	top: 50%;
	left: 0%;
	transform: translate(0%,-50%);
}
.merit-innner-left2{
	position:absolute;
	width: 65%;
	top: 50%;
	left: 0%;
	transform: translate(0%,-50%);
}
.merit-innner-right{
	position:absolute;
	width: 55%;
	top: 50%;
	right: 0%;
	transform: translate(0%,-50%);
}
#merit-kyoudou{
	background:  url(../i/wecan_kyoudou_merit_bg.png) no-repeat right top;
}
#merit-reizou{
	background:  url(../i/wecan_kyoudou_merit_bg_reizou.png) no-repeat right top;
}
#merit-sanon{
	background:  url(../i/wecan_kyoudou_merit_bg_sanon.png) no-repeat left top;
}
#merit-follow{
	background:  url(../i/wecan_kyoudou_merit_bg_follow.png) no-repeat right top;
}
#merit-hozei{
	background:  url(../i/wecan_kyoudou_merit_bg_hozei.png) no-repeat right top;
}
#merit-hatarakikata{
	background:  url(../i/wecan_kyoudou_merit_bg_hatarakikata.png) no-repeat left top;
}

.bgwhite{
	background: #fff;
	padding: 60px 0 21px 0;
}
.merit-p-sizeL{
	font-size:15px;
	line-height: 2;
}
.katsuyou-figure{
	width: 100%;
	margin: 30px 0 18px 0;
}

section#wecan03{
	padding:60px 0 60px 0;
}

h4.hozei-h4{
	font-size:20px;
	line-height: 1.5;
	padding: 0;
	margin: 24px 0 21px 0;
}

.hozei-info{
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #231815;
	border-bottom: 1px solid #231815;
	margin: 60px 0 0 0;
}

.hozei-info-left{
	width: 200px;
	display: flex;
	position: relative;
	border-right: 1px solid #231815;
}
.hozei-info-right{
	width: 800px;
	display: flex;
	position: relative;
}
.hozei-info-left-inner{
	width: 100%;
	position:absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	font-size:18px;
}
.hozei-info-left-inner span{
	display: block;
	font-size:25px;
	margin: 3px 0 0 0;
}

.hozei-info-table{
	width: 100%;
	border-collapse: collapse;
}

.hozei-info-table th{
	width: 110px;
	padding: 9px 0 9px 0;
	font-size:15px;
	text-align: center;
	font-weight: 400;
	border-bottom: 1px dotted #231815;
	border-right: 1px solid #231815;
}
.hozei-info-table td{
	width: auto;
	padding: 9px 0 9px 12px;
	font-size:15px;
	text-align: left;
	font-weight: 400;
	border-bottom: 1px dotted #231815;
}
.hozei-info-table th.noline,.hozei-info-table td.noline{
	border-bottom: 0px dotted #231815;
}

.kyoten-head{
	width:960px;
	margin: 0 auto 0 auto;
}
.kyoten-head p{
	font-size: 15px;
}

.kyoten-map{
	width: 100%;
	margin: -45px 0 30px 0;
}


.lineup-col{
	width:100%;
	margin: 36px 0 36px 0;
}
.lineup-col figure{
	text-align: center;
}
.lineup-col-head{
	width: 100%;
	text-align: center;	
	background: #9fa0a0;
	padding: 12px 0 12px 0;
	margin: 0 0 0 0
}
.lineup-col-head h4{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 1;
	color:#fff;
	text-align: center;	
	font-weight: 600;
	font-size:20px;
}
.lineup-col-head h4 span{
	color:#231815;
}

.lineup-kyoudou-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 15px 0 0 0;
}
.lineup-kyoudou-list-box{
	width: 95px;
	text-align: center;
	font-size: 13px;
}

.lineup-hozei-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 15px 0 0 0;
}
.lineup-hozei-list-box{
	width: 160px;
	text-align: center;
	font-size: 13px;
}

.lineup-reizou-list{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin: 0px 0 0 0;
}

.lineup-reizou-list-box01{
	width: 340px;
	text-align: center;
	font-size: 13px;
	margin: 0 0 0 0;
}
.lineup-reizou-list-box02{
	width: 410px;
	text-align: center;
	font-size: 13px;
	margin: 0 0 0 0;
}
.lineup-reizou-list-box03{
	width: 260px;
	text-align: center;
	font-size: 13px;
	margin: 0 0 0 0;
}
.lineup-reizou-list-box01 h5{
	width: 100%;
	padding: 6px 0 6px 0;
	margin: 0 0 0 0;
	line-height: 1;
	text-align: center;	
	font-weight: 400;
	font-size:13px;
	background: #dbeff2;
}
.lineup-reizou-list-box02 h5{
	width: 100%;
	padding: 6px 0 6px 0;
	margin: 0 0 0 0;
	line-height: 1;
	text-align: center;	
	font-weight: 400;
	font-size:13px;
	background: #95d1d2;
}
.lineup-reizou-list-box03 h5{
	width: 100%;
	padding: 6px 0 6px 0;
	margin: 0 0 0 0;
	line-height: 1;
	text-align: center;	
	font-weight: 400;
	font-size:13px;
	background: #d8ebd3;
}


#logi-wecan-foot{
	width: 100%;
	height: 350px;
	background:  url(../i/logi_foot_bg_wecan.jpg) bottom;
    background-size: cover;
    padding: 0 0 300px 0;
    margin: -25px 0 0 0;
    position: relative;
}


.logi-footer-inquiry-wrapper{
	width: 100%;
	padding: 60px 0 0px 0;
	z-index: 30;
    position: relative;
}

.logi-footer-inquiry{
	width: 960px;
	border:1px solid #00a29a;
	margin: 0 auto 0 auto;
}

.logi-footer-inquiry-lead{
	font-size:22px;
	font-weight: 600;
	color:#00a29a;
	margin: 36px 0 18px 0;
	text-align: center;
}

.logi-footer-inquiry-middle{
	width: 780px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	background: transparent;
	margin: 0px auto 30px auto;
}
.logi-footer-inquiry-left{
	width: 48%;
	text-align: left;
}
.logi-footer-inquiry-right{
	width: 48%;
	text-align: left;
}

.logi-footer-inquiry-tel{
	font-size: 43px;
	font-weight: 600;
}
.logi-footer-inquiry-tel span{
	display: inline-block;
	margin: 0 12px 0 0;
	font-size: 43px;
	font-weight: 600;
}
.logi-footer-inquiry-businesshour{
	font-size:13px;
}

.to-contact{
	display: block;
	text-align: center;
	color:#fff;
	background:#231815;
	font-size: 15px;
	width: 100%;
	height: 61px;
	padding: 20px 0 0 0;
	margin: 12px 0 0 0;
	border-radius: 21px;
}
.to-contact:hover{
	color: #fff;
	opacity: 0.7;
}
.icon-mail{
	display: inline-block;
	margin: 0 12px 0 0 ;
}

.logi-footer-inquiry-foot{
	width: 100%;
	padding: 12px 0 12px 0px;
	text-align: center;
	background: #00a29a;
}


.scrollLine-wrapper{
	width: 100%;
	height: 30px;
	background: transparent;
	position: relative;
	margin: -30px 0 0 0;
}
.inquiry__scroll{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	top:0px;
	left: calc(50% - 40px) ;
	transform: translate(-50%,0%);
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	z-index: 50;
	}
	

	.inquiry__scrollLine{
	position:relative;
	width:100px;
	height:1px;
	background:#00a29a;
	}
	.inquiry__scrollLine:after{
	display:block;
	position:absolute;
	top:0px;
	left:0;
	width:20px;
	height:1px;
	border-radius:0%;
	background:#fff;
	-webkit-animation:scroll 2s linear infinite;
	animation:scroll 2s linear infinite;
	content:'';
	}


}/*//end  min-width: 481px ///////////////////////*/





@-webkit-keyframes scroll{0%{left:0;opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}
@keyframes scroll{0%{left:0;opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}