/* --- .main_title --- */
.main_title .mv::before{
	background-image:url(/images/service/main-title.jpg);	
}


/* --- .service_sec01 --- */
.service_sec01{
	padding-top:9rem;
}


/* .service_box */
.service_sec01 .service_box .box{
	margin-bottom:10rem;
}
.service_sec01 .service_box .box:first-child{
	margin-bottom:15rem;	
}
.service_sec01 .service_box .box:last-child{
	margin-bottom:0;	
}


/* .service_list */
.service_list{
	margin-bottom:7rem;
	position:relative;
}
.service_sec01 .service_box .box:first-child .service_list{
	top:-3rem;	
}
.service_list .list{
	width : calc(100% / 3);
	border-right:#ccc dotted 1px;
	padding:1.5rem 4rem;
}
.service_list .list:last-child{
	border-right:none;	
}
.service_list .num span{
	font-size:1.6rem;
	color:#fff;
	font-weight:500;
	background:#000f74;
	border-radius:50%;
	width:7.6rem;
	height:7.6rem;
}
.service_list .ttl{
	font-size:1.8rem;
	padding:3rem 0 1.5rem;
	border-bottom:#ccc dotted 1px;
	margin-bottom:1.5rem;
	color:#000f74;
	font-weight:500;
}
.service_list p{
	font-size:1.4rem;
	line-height:1.5;	
}


/* .service_links */
.service_links{
	background:#f2f6fc;
	padding:5rem 0;	
	position:relative;
	margin-bottom:10rem;
}
.service_links .ttl{
	font-size:2.4rem;
	color:#000f74;
	font-weight:500;
	text-align:center;
	position:absolute;
	top:-.5em;
	right:0;
	left:0;
	margin:auto;
}
.service_links .links li{
	margin:0 .5rem;
}
.service_links .divisions4 li{
	width:250px;
}
.service_links .divisions3 li{
	width:330px;
}


/* .service_case */
.service_case{
	margin-bottom:6rem;
	position:relative;
}
.service_sec01 .service_box .box:first-child .service_case{
	top:-6rem;	
}
.service_case .ttl{
	width:23rem;
}
.service_case .ttl span{
	font-size:2.4rem;
	color:#000f74;
	font-weight:500;
	display:inline-block;
	position:relative;
	z-index:1;
}
.service_case .ttl span::after{
	content:"";
	width:8.5rem;
	height:8.5rem;
	background:#e6effb;
	border-radius:50%;
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	z-index:-1;	
}
.service_case .list{
	width:87rem;	
}
.service_case .list ul{
	padding:0 3rem 0 0;
}
.service_case .list ul li{
	background:url(/images/icon-check.png) no-repeat 0 1em;
	-moz-background-size:2.1rem auto;
	background-size:2.1rem auto;
	padding:1.4rem 0;
}
.service_case .list ul li span{
	font-size:1.6rem;
	display:block;
	padding-left:3rem;	
}


/* .service_warehouse */
.service_warehouse{
	margin-bottom:10rem;
}
.service_warehouse_img{
	margin-bottom:4rem;
}
.service_warehouse_img li{
	width:50%;
	height:30vw;
}
.service_warehouse .ttl{
	color:#000f74;
	font-size:3rem;
	margin-bottom:2.5rem;
	padding:0 5rem;
}
.service_warehouse .txt{
	padding:0 5rem;
}
.service_warehouse .txt li{
	font-size:1.4rem;
	line-height:1.5;
	width:48%;
}


/* .service_3pl */
.service_3pl_ttl{
	color:#fff;
	height:45rem;
	width:100%;
	background:url(/images/service/service-3pl-ttl.jpg) no-repeat 50% 50%;
	-moz-background-size:cover;
	background-size:cover;
}
.service_3pl_ttl .ttl{
	font-weight:500;
	font-size:3rem;
	padding-right:6rem;
}
.service_3pl_ttl .txt{
	font-size:1.8rem;
	font-weight:500;
	padding-left:6rem;
	line-height:2;
	border-left:#fff solid 1px;
}
.service_3pl_image{
	text-align:center;
	background:#f2f6fc;
	padding-bottom:5rem;
	margin-bottom:6rem;
}
.service_3pl_image img{
	position:relative;
	top:-3rem;
}


/* .carousel */
.carousel img{
	width:100%;
	height:auto;	
}



/* ---------  ver.PC-SmartPhone ------------ */

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

/* .service_case */
.service_case .ttl{
	width:100%;
	padding-bottom:3rem;
}


/* .service_3pl */
.service_3pl_ttl{
	flex-direction: column;
}
.service_3pl_ttl .ttl{
	padding:0 0 2rem;
}
.service_3pl_ttl .txt{
	border-left:none;
	border-top:#fff solid 1px;
	padding-top:2rem;
}
.service_3pl_image{
	padding-bottom:3rem;
}
.service_3pl_image img{
	width:80%;
	max-width:768px;
}


	
}




/* ---------  ver.SmartPhone ------------ */

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


/* --- .service_sec01 --- */
.service_sec01{
	padding-top:4rem;
}


/* .service_box */
.service_sec01 .service_box .box{
	margin-bottom:4rem;
}
.service_sec01 .service_box .box:first-child{
	margin-bottom:4rem;
}


/* .service_list */
.service_list{
	margin-bottom:5rem;
}
.service_sec01 .service_box .box:first-child .service_list{
	top:0;	
}
.service_list .list{
	width : 100%;
	border-right:none;
	padding:1.5rem 4rem;
}
.service_list .ttl{
	text-align:center;
}
.service_list p{
	font-size:1.4rem;
	line-height:1.5;	
}


/* .service_links */
.service_links{
	padding:3rem 0;	
	margin-bottom:4rem;
}
.service_links .ttl{
	font-size:2.2rem;
}
.service_links .links li{
	margin:.5rem;
}


/* .service_case */
.service_case{
	margin-bottom:2rem;
	padding:4rem 3vw 0;
}
.service_sec01 .service_box .box:first-child .service_case{
	top:0;	
}
.service_case .ttl span{
	font-size:2.2rem;
}
.service_case .ttl span::after{
	width:6.5rem;
	height:6.5rem;
}
.service_case .list{
	width:100%;
	display:block;
}
.service_case .list ul{
	padding:0;
}
.service_case .list ul li{
	background-position:0 1rem;
	padding:1rem 0;
}
.service_case .list ul li span{
	font-size:1.4rem;	
}


/* .service_warehouse */
.service_warehouse{
	margin-bottom:5rem;
}
.service_warehouse_img{
	margin-bottom:2rem;
}
.service_warehouse .ttl{
	font-size:2.4rem;
	margin-bottom:2rem;
	padding:0 1rem;
}
.service_warehouse .txt{
	padding:0 1rem;
}
.service_warehouse .txt li{
	width:100%;
}


/* .service_3pl */
.service_3pl_ttl{
	height:55vw;
}
.service_3pl_ttl .ttl{
	font-size:2.4rem;
}
.service_3pl_ttl .txt{
	font-size:1.4rem;
	text-align:center;
	padding-left:0;
	padding-right:0;
}
.service_3pl_image{
	padding-bottom:0;
	margin-bottom:1.5rem;
}
.service_3pl_image img{
	width:90%;
}


		
}