@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------*/
/*タイトル*/

#page_title h2::before{
	content:'BUSINESS';
	font-size:1.22vw;
	color:#fff;
	display:block;
	margin-bottom:2.03vw;
	letter-spacing:0.1em;
}

/*-----------------------------------------------------------*/
/*アンカーリンク*/

#list_wrap{
	width:100vw;
	margin:0px auto;
	overflow:hidden;
	background-color:#3D8730;
}

#list_wrap .list{
	width:72.97vw;
	margin:1.62vw auto;
	overflow:hidden;
	text-align:center;
}

#list_wrap .list ul{
	list-style:none;
}

#list_wrap .list ul li{
	display:inline-block;
	padding:0px 3.38vw;
	border-right:1px solid #fff;
	line-height:1.08vw;
}

#list_wrap .list ul li:first-child{
	border-left:1px solid #fff;
}


#list_wrap .list ul li a{
	letter-spacing:0.1em;
	color:#fff;
	line-height:100%;
}

/*-----------------------------------------------------------*/
/*梱包の目的とこだわり*/

#a01{
	width:100vw;
	margin:0 auto;
	overflow:hidden;
	background:url(index/a01_bg.png) no-repeat;
	background-size:cover;
}

#a01 h3{
	font-size:1.35vw;
	font-weight:300;
    line-height:175%;
	letter-spacing:0.1em;
	text-align:center;
	margin-top:5.41vw;
	margin-bottom:3.04vw;
	position:relative;
}

#a01 h3:before{
content: '';
position: absolute;
bottom: -0.88vw;
display: inline-block;
width: 2.70vw;
height: 1px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #5DA03A;
	}
	
#a01 .commit{
	width:55.41vw;
	margin:0 auto 6.55vw auto;
	overflow:hidden;
}

#a01 .commit .small{
	font-size:1.15vw;
	line-height:276%;
	letter-spacing:0.1em;
	text-align:center;
}

#a01 .commit .midium{
	font-size:1.42vw;
	line-height:300%;
	letter-spacing:0.1em;
	text-align:center;
	margin:1.55vw 0;
}

#a01 .commit .midium img{
	width:22.64vw;
	height:4.86vw;
	margin:0 0.41vw;
}

#a01 .commit .large{
	font-size:1.49vw;
	line-height:292%;
	letter-spacing:0.1em;
	text-align:center;
}

#a01 .commit .large span{
	border-bottom:6px solid #EFC652;
}

/**/

.block01{
	width:100vw;
	margin:5.07vw auto 0 auto;
	overflow:hidden;
}

.block01 .left_col{
	float:left;
	width:54.53vw;
}

.block01 .left_col img{
	width:54.53vw;
	height:34.53vw;
}

.block01 .right_col{
	float:left;
	width:39.93vw;
	height:34.53vw;
	margin-left:0.61vw;
}

.block01 .right_col dl{
	width:32.77vw;
	margin:2.99vw auto 0 auto;
}

.block01 .right_col dt{
    font-family: ryo-display-plusn, serif;
    font-weight: 500;
    font-style: normal;
	font-size:1.89vw;
	letter-spacing:0.1em;
	color:#125384;
}

.block01 .right_col dd{
	margin-top:2.03vw;
	line-height:175%;
	letter-spacing:0.1em;
}

.block01 .right_col .img_block{
	margin-top:3.40vw;
}

.block01 .right_col .img_block img{
	width:39.93vw;
	height:13.51vw;
}

/**/

.block02{
	width:100vw;
	margin:0 auto;
	overflow:hidden;
	background: url(index/block02_bg.png) no-repeat;
	background-size:cover;
}

.block02 .left_col{
	float:right;
	width:54.53vw;
	margin-top:9.39vw;
	overflow:hidden;
}

.block02 .left_col img{
	width:54.53vw;
	height:34.53vw;
}

.block02 .right_col{
	float:right;
	width:39.93vw;
	height:34.53vw;
	margin-top:9.39vw;
	margin-right:0.61vw;
	overflow:hidden;
}

.block02 .right_col dl{
	width:32.77vw;
	margin:4.19vw auto 0 auto;
}

.block02 .right_col dt{
    font-family: ryo-display-plusn, serif;
    font-weight: 500;
    font-style: normal;
	font-size:1.89vw;
	letter-spacing:0.1em;
	color:#128220;
}

.block02 .right_col dd{
	margin-top:2.03vw;
	line-height:175%;
	letter-spacing:0.1em;
}

.block02 .right_col .img_block{
	margin-top:4.39vw;
}

.block02 .right_col .img_block img{
	width:39.93vw;
	height:13.51vw;
}

/**/

.block03{
	width:100vw;
	margin:0 auto;
	overflow:hidden;
	background:url(index/block03_bg.png) no-repeat;
	background-size:cover;
}

.block03 .left_col{
	float:left;
	width:54.53vw;
	margin-top:7.97vw;
}

.block03 .left_col img{
	width:54.53vw;
	height:34.53vw;
}

.block03 .right_col{
	float:left;
	width:39.93vw;
	height:34.53vw;
	margin-top:7.97vw;
	margin-left:0.61vw;
}

.block03 .right_col dl{
	width:32.77vw;
	margin:4.05vw auto 0 auto;
}

.block03 .right_col dt{
    font-family: ryo-display-plusn, serif;
    font-weight: 500;
    font-style: normal;
	font-size:1.89vw;
	letter-spacing:0.1em;
	color:#125384;
}

.block03 .right_col dd{
	margin-top:2.36vw;
	line-height:175%;
	letter-spacing:0.1em;
}

.block03 .right_col .img_block{
	margin-top:5.81vw;
}

.block03 .right_col .img_block img{
	width:39.93vw;
	height:13.51vw;
}

/*-----------------------------------------------------------*/
/*梱包の種類*/

#a02{
	width:100vw;
	margin:0 auto;
	overflow:hidden;
	background:url(index/a02_bg.png) no-repeat;
	background-size:cover;
}

#a02 h3{
	font-size:1.35vw;
	font-weight:300;
    line-height:175%;
	letter-spacing:0.1em;
	text-align:center;
	margin-top:12.50vw;
	margin-bottom:3.04vw;
	position:relative;
}

#a02 h3:before{
    content: '';
    position: absolute;
    bottom: -0.88vw;
    display: inline-block;
    width: 2.70vw;
    height: 1px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #5DA03A;
}
	
#a02 h3::after{
	display:block;
    content: '';
	background:url(index/business_icon01.png) no-repeat;
	background-size:contain;
	width:2.16vw;
	height:1.89vw;
	position: absolute;
    top: -2.36vw;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


/**/

.ac_container{
	padding-top:2.70vw;
}

.ac_container p.box{
	width:81.08vw;
	margin:0 auto ;
	background:#5DA03A;
	text-indent:8.51vw;
	position:relative;
}

.ac_container p.box a{
	width:81.08vw;
	line-height:3.38vw;
	margin:0 auto;
	background:#5DA03A;
	font-size:1.35vw;
	color:#fff;
	letter-spacing:0.1em;
	text-indent:4.19vw;
}

.ac_container p.box01::before{
	content:'';
	display:inline-block;
	background: url(index/icon_title01.jpg) no-repeat;
	background-size:contain;
	width:4.39vw;
	height:4.39vw;
	position:absolute;
	top:-1.62vw;
	left:3.31vw;

}

.ac_container p.box02::before{
	content:'';
	display:inline-block;
	background: url(index/icon_title02.jpg) no-repeat;
	background-size:contain;
	width:4.39vw;
	height:4.39vw;
	position:absolute;
	top:-1.62vw;
	left:3.31vw;

}

.ac_container p.box03::before{
	content:'';
	display:inline-block;
	background: url(index/icon_title03.jpg) no-repeat;
	background-size:contain;
	width:4.39vw;
	height:4.39vw;
	position:absolute;
	top:-1.62vw;
	left:3.31vw;

}

.ac_container p.box04::before{
	content:'';
	display:inline-block;
	background: url(index/icon_title04.jpg) no-repeat;
	background-size:contain;
	width:4.39vw;
	height:4.39vw;
	position:absolute;
	top:-1.62vw;
	left:3.31vw;

}


.ac_container p.box span{
	float:right;
	margin-top:0.27vw;
	margin-right:4.39vw;
}

.ac_container p.box span.minus{
	display: none;
}

.ac_container .detail{
	display:none;
	width:77.70vw;
	margin:1.15vw auto 6.28vw auto;
}

.ac_container .detail .detail01{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}

.ac_container .detail .detail01 .merit_block{
	display:inline-block;
	width:34.59vw;
	margin:0 2vw;
}

.ac_container .detail .detail01 .merit_block .img_block{
	vertical-align:top;
}

.ac_container .detail .detail01 .merit_block .img_block img{
	width:34.59vw;
	height:20vw;
}

.ac_container .detail .detail01 .merit_block dl{
	margin-top:0.88vw;
	text-align:left;
}

.ac_container .detail .detail01 .merit_block dl .merit{
	font-size:1.69vw;
	letter-spacing:0.1em;
	color:#5DA03A;
	padding-bottom:0.47vw;
	border-bottom:1px solid #5DA03A;
}

.ac_container .detail .detail01 .merit_block dl .merit::before{
	content:'';
	display:inline-block;
	background:url(index/icon_maru.png) no-repeat;
	background-size:contain;
	width:1.82vw;
	height:1.82vw;
	position:relative;
	top:0.31vw;
	margin-right:1.62vw;
}

.ac_container .detail .detail01 .merit_block dl .demerit{
	font-size:1.69vw;
	letter-spacing:0.1em;
	color:#359FBC;
	padding-bottom:0.47vw;
	border-bottom:1px solid #359FBC;
}

.ac_container .detail .detail01 .merit_block dl .demerit::before{
	content:'';
	display:inline-block;
	background:url(index/icon_batsu.png) no-repeat;
	background-size:contain;
	width:1.82vw;
	height:1.82vw;
	position:relative;
	top:0.31vw;
	margin-right:1.62vw;
}

.ac_container .detail .detail01 .merit_block dd{
	margin-top:1.01vw;
}

.ac_container .detail .detail01 .merit_block dd ul{
	list-style:none;
}

.ac_container .detail .detail01 .merit_block dd ul li{
	line-height:175%;
	letter-spacing:0.1em;
	
}

.ac_container .detail .detail01 .btn01{
	width:22.91vw;
	margin:3.78vw auto 0 auto;
	background:#5DA03A;
}

.ac_container .detail .detail01 .btn01 a{
	font-size:1.35vw;
	letter-spacing:0.1em;
	color:#fff;
	display:block;
	width:22.91vw;
	line-height:5.41vw;
	text-align:center;
}

.ac_container .detail .detail01 .strength{
	text-align:left;
	font-size:1.55vw;
	letter-spacing:0.1em;
	text-indent:1.89vw;
}

.ac_container .detail .detail01 ol{
	list-style:none;
	text-align:left;
	margin:1.22vw 0 2.03vw 1.89vw;
}

.ac_container .detail .detail01 ol li{
	font-size:1.22vw;
	letter-spacing:0.1em;
	margin-bottom:0.88vw;
}

.ac_container .detail .detail01 ol li span{
	font-size:1.55vw;
	letter-spacing:0.1em;
	color:#5DA03A;
}

.ac_container .detail .detail02{
	width:100%;
	margin:3.65vw auto 0 auto;
	overflow:hidden;
}

.ac_container .detail .detail02 .type{
	font-size:1.35vw;
	letter-spacing:0.1em;
	border-bottom:1px solid #4D4D4D;
	padding-bottom:1.01vw;
	text-indent:3.38vw;
}

.ac_container .detail .detail02 p{
	font-size:1.35vw;
	letter-spacing:0.1em;
	margin:1.62vw 0;
	text-indent:3.38vw;
}

.ac_container .detail .detail02 p span{
	color:#5DA03A;
}

.ac_container .detail .detail02 ul{
	list-style:none;
}

.ac_container .detail .detail02 ul li{
	display:inline-block;
	margin:0 0.54vw;
}

.ac_container .detail .detail02 ul li:first-child{
	margin-left:3.38vw;
}

.ac_container .detail .detail02 ul li img{
	width:22.91vw;
	height:auto;
}

.ac_container .detail .detail02 .btn01{
	width:22.91vw;
	margin:3.51vw auto 0 auto;
	background:#5DA03A;
}

.ac_container .detail .detail02 .btn01 a{
	font-size:1.35vw;
	letter-spacing:0.1em;
	color:#fff;
	display:block;
	width:22.91vw;
	line-height:5.41vw;
	text-align:center;
}

/**/
.block04{
	width:68.58vw;
	margin:0 auto 6.28vw auto;
	overflow:hidden;
}


.block04 h3{
	font-size:1.35vw;
	font-weight:300;
    line-height:175%;
	letter-spacing:0.1em;
	text-align:center;
	margin-top:4.73vw;
	margin-bottom:3.04vw;
	position:relative;
}

.block04 h3:before{
    content: '';
    position: absolute;
    bottom: -0.88vw;
    display: inline-block;
    width: 2.70vw;
    height: 1px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #5DA03A;
}

.block04 ul{
	list-style:none;
	text-align:center;
}
	
.block04 ul li{
	display:inline-block;
	width:21.01vw;
	margin:0 0.51vw;
}

.block04 ul li img{
	width:21.01vw;
	height:13.85vw;
}

.block04 p{
	font-size:1.55vw;	font-weight:300;
letter-spacing:0.1em;
	color:#5DA03A;
	text-align:center;
	margin-top:2.09vw;
}

.block04 .strength{
	text-align:left;
	font-size:1.55vw;
	letter-spacing:0.1em;
	text-indent:1.89vw;
	margin-top: 3.89vw;
}

.block04 ol{
	list-style:none;
	text-align:left;
	margin:1.22vw 0 2.03vw 1.89vw;
}

.block04 ol li{
	font-size:1.22vw;
	letter-spacing:0.1em;
	margin-bottom:0.88vw;
}

.block04 ol li span{
	font-size:1.55vw;
	letter-spacing:0.1em;
	color:#5DA03A;
}



/**/
/*-----------------------------------------------------------*/
/*梱包の目的とこだわり*/

#a03{
	width:100vw;
	margin:0 auto;
	overflow:hidden;
	background:#F9F9F9;
}

#a03 h3{
	font-size:1.35vw;	
	font-weight:300;
    line-height:175%;
	letter-spacing:0.1em;
	text-align:center;
	margin-top:3.38vw;
	margin-bottom:3.38vw;
	position:relative;
}

#a03 h3:before{
content: '';
position: absolute;
bottom: -0.88vw;
display: inline-block;
width: 2.70vw;
height: 1px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #5DA03A;
	}
	
#a03 .flow{
	width:58.31vw;
	margin:0 auto 4.80vw auto;
	overflow:hidden;
}

#a03 .flow .left_col{
	float:left;
	width:23.51vw;
}

#a03 .flow .left_col img{
	width:23.51vw;
	height:37.36vw;
}

#a03 .flow .right_col{
	float:right;
	width:32.50vw;
}

#a03 .flow .right_col img{
	width:32.50vw;
	height:37.36vw;
}

/**/
/*-----------------------------------------------------------*/
/*輸送サービス*/

#a04{
	width:100vw;
	margin:0 auto;
	overflow:hidden;
}

#a04 h3{
	font-size:1.35vw;	
	font-weight:300;
    line-height:175%;
	letter-spacing:0.1em;
	text-align:center;
	margin-top:3.99vw;
	margin-bottom:3.38vw;
	position:relative;
}

#a04 h3:before{
content: '';
position: absolute;
bottom: -0.88vw;
display: inline-block;
width: 2.70vw;
height: 1px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #5DA03A;
	}
	
#a04 .service{
	width:67.57vw;
	margin:0 auto;
	overflow:hidden;
}

#a04 .service .annai{
	width:52.03vw;
	margin:0 auto 3.04vw auto;
	font-size:1.15vw;
	font-weight:300;
	line-height:175%;
	letter-spacing:0.1em;
}

#a04 .service .title01{
	font-size:1.35vw;
	font-weight:300;
	letter-spacing:0.1em;
	text-align:center;
	color:#4D4D4D;
	margin-bottom:2.03vw;
}

#a04 .service .pattern{
	text-align:center;
	margin-bottom:1.42vw;
}

#a04 .service .pattern dl{
	display:inline-block;
	width:15.81vw;
	margin:0 0.34vw;
}

#a04 .service .pattern dl dt{
	margin-bottom:0.34vw;
}

#a04 .service .pattern dl dt img{
	width:15.81vw;
	height:12.97vw;
}

#a04 .service .pattern dl dd{
	font-size:1.15vw;
	font-weight:300;
	letter-spacing:0.1em;
}

#a04 .kikan{
}

#a04 .kikan p{
	font-size:1.15vw;
	font-weight:300;
	line-height:159%;
	letter-spacing:0.1em;
	text-align:center;
}

#a04 .kikan .img_block{
	width:57.57vw;
	margin:1.82vw auto 6.55vw auto;
	overflow:hidden;
}

#a04 .kikan .img_block img{
	width:57.57vw;
	height:31.22vw;
	margin:0.1vw 0;
}
