@charset "UTF-8";
/* =====================================
	business_detail
===================================== */

.visual{
	position:relative;
	width:100%;
	height:500px;
}

.visual_3pl{
	background:url(../img/business/3pl/visual01.jpg) center;
	background-size:cover;
}

.visual_logistics{
	background:url(../img/business/logistics/visual01.jpg) center;
	background-size:cover;
}

.visual_seizou{
	background:url(../img/business/seizou/visual01.jpg) center;
	background-size:cover;
}

.visual_unyu{
	background:url(../img/business/unyu/visual01.jpg) center;
	background-size:cover;
}

.visual_sagyo{
	background:url(../img/business/sagyo/visual01.jpg) center;
	background-size:cover;
}

.visual_kyodo-haisou{
	background:url(../img/business/kyodo-haisou/visual01.jpg) center;
	background-size:cover;
}

.visual_support{
	background:url(../img/business/support/visual01.jpg) center;
	background-size:cover;
}

.visual_jinzai{
	background:url(../img/business/jinzai/visual01.jpg) center;
	background-size:cover;
}

.visual h1{
	position:absolute;
	top:50%;
	left:0;
	margin:-40px 0 0 140px;
	font-size:40px;
	color:#fff;
}

.visual h1 span{
	font-size:18px;
	display:block;
}

.nav01{
	width:100%;
	padding:40px 0 34px;
	border-bottom:1px solid #cccccc;
}

.nav01 ul{
	width:100%;
	max-width:1220px;
	margin:0 auto;
	display:table;
}

.nav01 ul li{
	font-size:15px;
	display:table-cell;
	text-align:center;
}

.nav01 ul li a{
	color:#595959;
}

.nav01 ul li a.active{
	position:relative;
	line-height:30px;
}

.nav01 ul li a.active::before{
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	background:#097429;
	bottom:0;
	left:0;
}

.nav01 ul li a:hover{
	color:#097429;
}

.sec01{
	width:100%;
	max-width:1470px;
	padding:100px 125px 160px;
	border-bottom:1px solid #ccc;
	margin:0 auto;
	box-sizing:border-box;
}

.sec01 .box01{
	width:100%;
	margin-bottom:90px;
}

.sec01 .box01 dl{
	width:49.18%;
	float:left;
	font-size:16px;
	margin-top:20px;
}

.sec01 .box01 dl dt{
	font-weight:bold;
	line-height:1;
	margin-bottom:20px;
}

.sec01 .box01 dl dd:nth-of-type(1){
	margin-bottom:35px;
	padding-bottom:32px;
	border-bottom:1px solid #ccc;
	width:100%;
}

.sec01 .box01 dl dd span{
	font-size:9px;
	padding-bottom:3px;
}

.sec01 .box01 img{
	width:45.9%;
	float:right;
}

.sec01 .box02{
	width:100%;
	margin-top:60px;
}

.sec01 .box02 h3{
	font-size:23px;
	margin-bottom:25px;
	line-height:1.8;
}

.sec01 .box02 img{
	float:left;
	width:28.688%;
}

.sec01 .box02 p{
	float:right;
	font-size:15px;
	width:68.85%;
	line-height:2;
	color:#595959;
}

.company{
	width:100%;
	max-width:1470px;
	padding:70px 125px 100px;
	border-bottom:1px solid #ccc;
	margin:0 auto;
	box-sizing:border-box;
}

.company h2{
	font-size:32px;
	margin-bottom:32px;
}

.company li{
	height:32px;
	line-height:32px;
}

.company li span{
	font-size:9px;
	padding-bottom:2px;
	color:#b2b2b2;
	vertical-align:middle;
}

.company li a{
	font-size:16px;
	color:#595959;
	background:url(../img/common/arrow04.png) no-repeat center right;
	padding-right:47px;
	display:inline-block;
	vertical-align:middle;
}

.company li a:hover{
	color:#097429;
}

.jigyo{
	width:100%;
	max-width:1470px;
	padding:70px 125px 100px;
	border-bottom:1px solid #ccc;
	margin:0 auto;
	box-sizing:border-box;
}

.jigyo h2{
	font-size:26px;
	margin-bottom:32px;
}

.jigyo li{
	height:32px;
	line-height:32px;
}

.jigyo li span{
	font-size:9px;
	padding-bottom:2px;
	color:#b2b2b2;
	vertical-align:middle;
}

.jigyo li a{
	font-size:16px;
	color:#595959;
	background:url(../img/common/arrow06.png) no-repeat center right;
	padding-right:47px;
	display:inline-block;
	vertical-align:middle;
}

.jigyo li a:hover{
	color:#097429;
}

.interview{
	width:100%;
	max-width:1470px;
	padding:80px 125px 120px;
	margin:0 auto;
	box-sizing:border-box;
}

.interview h2{
	font-size:32px;
	margin-bottom:30px;
}

.interview h2 + img{
	width:100%;
}

.interview h3{
	font-size:27px;
	margin-bottom:20px;
	line-height:1.8;
}

.interview h3 + p{
	font-size:15px;
	line-height:2;
	color:#595959;
	padding-bottom:60px;
	margin-bottom:60px;
	border-bottom:1px solid #ccc;
}

.message{
	width:100%;
	margin:0 auto 108px;
}

.message ul{
	width:100%;
}

.message ul li{
	width:33.33%;
	margin:0 auto;
	float:left;
}

.message ul li img{
	width:calc(100% - 1px);
}

.message ul li div{
	width:100%;
	margin:14px 0 0;
	border-right:1px solid #ccc;
	padding:10px 25px;
	box-sizing:border-box;
	font-size:18px;
	line-height:1.6;
}

.message ul li a{
	display:inline-block;
	font-size:16px;
	color:#595959;
	margin-top:8px;
	background:url(../img/common/arrow01.gif) center right no-repeat;
	padding-right:35px;
}

.message ul li a:hover{
	color:#097429;
}

.slick-next, .slick-next:focus{
	width:37px;
	height:37px;
	background:url(../img/business/next.jpg) 0 0;
	right:0;
	top:-60px;
}

.slick-next:hover{
	background:url(../img/business/next.jpg) 0 37px;
}

.slick-prev, .slick-prev:focus{
	width:37px;
	height:37px;
	background:url(../img/business/prev.jpg) 0 0;
	left:auto;
	right:37px;
	top:-60px;
}

.slick-prev:hover{
	background:url(../img/business/prev.jpg) 0 37px;
}

.slick-next::before, .slick-prev::before{
	display:none;
}

.interview #message{
	display:none;
	padding:50px 0 30px;
}

.interview .btn01{
	font-size:26px;
	padding:30px 0;
	line-height:1;
	border:1px solid #ccc;
	text-align:center;
	width:100%;
	display:block;
	color:#474747;
}

.interview .btn01:hover{
	border:1px solid #097429;
	color:#fff;
	background:#097429;
}

.interview .btn01 span{
	background:url(../img/business/close01.png) no-repeat center right;
	padding-right:50px;
}

.interview .btn01:hover span{
	background:url(../img/business/close02.png) no-repeat center right;
}

.other{
    width: 100%;
    max-width: 1300px;
    padding: 60px 40px 210px;
    margin: 0 auto;
}

.other h2{
    font-size:32px;
	margin-bottom:30px;
}

.other ul{
    display: flex;
    justify-content: space-between;
}

.other ul li{
    width: 46.8852459%;
    line-height: 1;
    font-size: 18px;
}

.other ul li a:first-child {
    width: 100%;
    height: 318px;
    overflow: hidden;
    display: block;
    margin-bottom: 28px;
}

.other ul li a:first-child img{
	transition:all 250ms ease-out;
}

.other ul li a:first-child:hover img{
	transform:scale(1.1);
}

.other ul li img{
    width: 100%;
}

.other ul li a:last-child {
    color: #262626;
}



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

.nav01 ul li{
	font-size:1.8vw;
}

}

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

.visual{
	height:auto;
	padding-top:53.38vw;
	margin-bottom:0;
}

.visual_3pl{
	background:url(../img/business/3pl/sp/visual01.jpg) no-repeat;
	background-size:contain;
}

.visual_logistics{
	background:url(../img/business/logistics/sp/visual01.jpg) no-repeat;
	background-size:contain;
}

.visual_seizou{
	background:url(../img/business/seizou/sp/visual01.jpg) no-repeat;
	background-size:contain;
}

.visual_unyu{
	background:url(../img/business/unyu/sp/visual01.jpg) no-repeat;
	background-size:contain;
}

.visual_sagyo{
	background:url(../img/business/sagyo/sp/visual01.jpg) no-repeat;
	background-size:contain;
}

.visual_kyodo-haisou{
	background:url(../img/business/kyodo-haisou/sp/visual01.jpg) no-repeat;
	background-size:contain;
}

.visual_support{
	background:url(../img/business/support/sp/visual01.jpg) no-repeat;
	background-size:contain;
}
    
.visual_jinzai{
	background:url(../img/business/jinzai/sp/visual01.jpg) no-repeat;
	background-size:contain;
}


.visual h1{
	position:inherit;
	top:auto;
	left:auto;
	margin:0 0 7.8125vw 3.9%;
	font-size:6.38vw;
	color:#231815;
}

.visual h1 span{
	font-size:2.864vw;
}

.select{
	width:100%;
	position:relative;
}

.select p{
	width:100%;
	font-size:3.6458vw;
	text-align:center;
	height:13.28125vw;
	box-sizing:border-box;
	padding-top:3.4vw;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.select p span{
	position:relative;
}

.select p span::before{
	width:100%;
	height:1px;
	background:#097429;
	content:"";
	position:absolute;
	left:0;
	bottom:0;
}

.select p::after{
	width:5.9895%;
	height:3.125vw;
	background:url(../img/business/sp/arrow01.png) no-repeat;
	background-size:cover;
	content:"";
	position:absolute;
	right:3.9%;
	top:50%;
	margin-top:-1.5625vw;
}

.select select{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display:block;
	width:100%;
	font-size:3.6458vw;
	border:none;
	height:13.28125vw;
}

.sec01{
	padding:11vw 3.9% 19.53125vw;
}

.sec01 .box01{
	margin-bottom:19.53125vw;
}

.sec01 .box01 dl{
	width:100%;
	float:none;
	font-size:3.6458vw;
	margin-top:0;
}

.sec01 .box01 dl dt{
	margin-bottom:1.953125vw;
}

.sec01 .box01 dl dd:nth-of-type(1){
	margin-bottom:5.859375vw;
	padding-bottom:4.557vw;
}

.sec01 .box01 dl dd span{
	font-size:1.17vw;
	padding-bottom:0.39vw;
}

.sec01 .box01 img{
	width:100%;
	float:none;
	margin-top:9.11vw;
}

.sec01 .box02{
	width:100%;
	margin-top:14.3229vw;
}

.sec01 .box02 h3{
	font-size:4.557vw;
	margin-bottom:7.8125vw;
}

.sec01 .box02 img{
	float:none;
	width:100%;
}

.sec01 .box02 p{
	float:none;
	font-size:3.645833vw;
	width:100%;
	margin-top:5.2vw;
}

.company{
	padding:12.369vw 3.9% 11.458vw;
}

.company h2{
	font-size:5.859375vw;
	margin-bottom:6vw;
}

.company li{
	height:4.8177vw;
	line-height:4.8177vw;
}

.company li span{
	font-size:1vw;
	padding-bottom:0;
	vertical-align:top;
}

.company li a{
	font-size:3.385vw;
	background:url(../img/common/sp/arrow04.jpg) no-repeat center right;
	background-size:4.8177vw 4.8177vw;
	padding-right:6.1197vw;
}

.company li a:hover{
	color:inherit;
}
    
    
.jigyo{
	padding:12.369vw 3.9% 11.458vw;
}

.jigyo h2{
	font-size:5.3vw;
	margin-bottom:6vw;
}

.jigyo li{
	height:4.8177vw;
	line-height:4.8177vw;
}

.jigyo li span{
	font-size:1vw;
	padding-bottom:0;
	vertical-align:top;
}

.jigyo li a{
	font-size:3.385vw;
	background:url(../img/common/sp/arrow05.jpg) no-repeat center right;
	background-size:4.8177vw 4.8177vw;
	padding-right:6.1197vw;
}

.jigyo li a:hover{
	color:inherit;
}

.interview{
	padding:11.71875vw 3.9% 19.53125vw;
}

.interview h2{
	font-size:5.859375vw;
	margin-bottom:6.51vw;
}

.interview h2 + img + img{
	width:100%;
}

.interview h3{
	font-size:4.557vw;
	margin-bottom:5.2vw;
}

.interview h3 + p{
	font-size:3.6458vw;
	padding-bottom:15.625vw;
	margin-bottom:13vw;
	border-bottom:1px solid #ccc;
}

.message{
	margin:0 auto 13vw;
}

.message ul li{
	width:50%;
}

.message ul li div{
	margin:1.5625vw 0 0;
	padding:2.6vw;
	font-size:3.6458vw;
}

.message ul li a{
	font-size:3.3854vw;
	margin-top:1.5625vw;
	background:url(../img/common/sp/arrow01.gif) center right no-repeat;
	background-size:3.515625vw 2.6vw;
	padding-right:5.729vw;
}

.message ul li a:hover{
	color:#595959;
}

.slick-next, .slick-next:focus{
	width:7.161vw;
	height:7.161vw;
	background:url(../img/business/sp/next.jpg) 0 0;
	background-size:7.161vw 14.322vw;
	top:-12vw;
}

.slick-next:hover{
	background:url(../img/business/sp/next.jpg) 0 7.161vw;
	background-size:7.161vw 14.322vw;
}

.slick-prev, .slick-prev:focus{
	width:7.161vw;
	height:7.161vw;
	background:url(../img/business/sp/prev.jpg) 0 0;
	background-size:7.161vw 14.322vw;
	right:7.161vw;
	top:-12vw;
}

.slick-prev:hover{
	background:url(../img/business/sp/prev.jpg) 0 7.161vw;
	background-size:7.161vw 14.322vw;
}

.interview #message{
	display:none;
	padding:5.2vw 0 1.3vw;
}

.interview .btn01{
	font-size:4.296875vw;
	padding:4.557vw 0;
}

.interview .btn01 span{
	background:url(../img/business/sp/close01.png) no-repeat center right;
	background-size:4.166vw 4.166vw;
	padding-right:8.463vw;
}

.interview .btn01:hover span{
	background:url(../img/business/sp/close02.png) no-repeat center right;
	background-size:4.166vw 4.166vw;
}

.other{
    width: 92.1875vw;
    padding: 24.21875vw 0 30.59895833vw;
}

.other h2{
    font-size:4.9479167vw;
	margin-bottom:11.71875vw;
}

.other ul{
    display: block;
}

.other ul li{
    width: 100%;
    font-size: 3.90625vw;
    margin-bottom: 8.46354167vw;
}

.other ul li:last-child{
    margin-bottom: 0;
}

.other ul li a:first-child {
    height: 51.43vw;
    margin-bottom: 3.90625vw;
}

.other ul li a:first-child:hover img{
	transform:scale(1.0);
}

}