@charset "UTF-8";

/* .mainimg */
.mainimg {
	background:url(../images/logistics/bg_mainimg.jpg) no-repeat center center #b3dd00;
}
.mainimg .ttl {
   padding: 88px 0 75px;
}

/* .logistArea */
.logistArea {
	padding-top:26px;
}
.logistArea .cont01 {
	width:700px;
	margin:0 auto;
	clear:both;
	text-align:center;
	padding-bottom:25px;
}
.logistArea .cont01 .ttl01 {
	color:#006837;
	border-bottom:#daee7d 11px solid;
	padding:10px 0;
}
.logistArea .cont01 .title {
	color:#006837;
	font-weight:bold;
	line-height:1.2;
	padding:18px 0;
}
.logistArea .cont01 .txt {
	text-align:left;
}
.logistArea .set01 {
	padding:0 100px 32px 22px;
}
.logistArea .set02 {
	padding:0 45px 32px 42px;
}
.logistArea .ttl {
	display:inline-block;
	vertical-align:middle;
	margin:0 -2px;
}
.logistArea .cont {
	width:395px;
	display:inline-block;
	vertical-align:middle;
	margin:0 -2px;
	color:#fff;
}
.logistArea .set01 .cont {
	padding:0 0 10px 56px;
}
.logistArea .set02 .cont {
	padding:0 100px 0 0;
}
.logistArea .tit01 {
	border-bottom:#fff 2px solid;
	font-weight:bold;
	padding-bottom:8px;
	margin-bottom:5px;
}
.logistArea .cont .txt01 {
	font-weight:bold;
	padding:10px 0;
	letter-spacing:-0.05em;
}
.logistArea .cont .txt02 span {
	display:inline-block;
	background:#2e3187;
	padding:3px 8px 1px;
	letter-spacing:-0.05em;
}
.logistArea .set02 .cont .txt02 span {
	background:#b6f0f9;
	color:#003665;
}
.logistArea .set03 {
	padding:29px 45px 32px 108px;
}
.logistArea .set03 .cont {
	width:460px;
	text-align:right;
	padding:28px 0 0 10px;
	color:#000;
}
.logistArea .set03 .tit02 {
	color:#ff881e;
	font-weight:bold;
	border-bottom:#ff881e 1px solid;
	line-height:1.2;
	padding:10px 0;
}
.logistArea .set03 .tit02 .num {
	font-size:70px;
}
.logistArea .set03 .txt03 {
	font-weight:bold;
	padding:45px 0;
}

/* .serviceSet */
.serviceSet {
	background:url(../images/logistics/bg_service.jpg) no-repeat center top;
	position:relative;
	clear:both;
}
.serviceSet .ttl01 {
	position:absolute;
	right:60px;
	top:-50px;
}
.serviceSet .title {
	width:820px;
	margin:0 auto 3px;
	clear:both;
	background:rgba(255,255,255,0.85);
	padding:8px 0;
	text-align:center;
	color:#006837;
	font-weight:bold;
}
.serviceSet .title span {
	display:block;
	border-bottom:#006837 1px solid;
	line-height:1.3;
	padding-top:6px;
}

/* .service01 */
.service01 {
	background:url(../images/logistics/bg01.jpg) no-repeat center top;
	padding-bottom:3px;
}

/* .service02 */
.service02 {
	background:url(../images/logistics/bg02.jpg) no-repeat center top;
	padding-bottom:4px;
	margin-top:-1px;
}

/* .service03 */
.service03 {
	background:url(../images/logistics/bg03.jpg) no-repeat center top;
}



/* .contInner */
.contInner {
	display:none;
	padding-bottom:56px;
}

/* .serSet01 */
.serSet01 {
	width:860px;
	margin:0 auto;
	clear:both;
	padding:40px 0 10px 0;
}
.serSet01 .logiSet {
	width:715px;
	margin:0 auto;
	clear:both;
	padding:60px 0;
}
.serSet01 .logiSet .img01 {
	float:right;
	padding-right:70px;
}
.serSet01 .logiSet .txt {
	padding:10px 0 20px;
}
.serSet01 .logiSet .txt2 {
	font-weight:bold;
}
.serSet01 .logiSet ul {
	clear:both;
	padding-top:3px;
}
.serSet01 .logiSet ul li {
	width:235px;
	float:left;
	padding:0 1px 0 2px;
}
.serSet01 .logiSet ul li .tit {
	text-align:center;
	color:#fff;
	background:#006837;
	font-weight:bold;
	border-radius:8px;
	padding:8px 0 4px;
}
.serSet01 .logiSet ul li .txt01 {
	letter-spacing:-0.05em;
	padding:15px 2px;
}
.serSet01 .logiSet ul li .txt01 span {
	background:#ff0;
}
.serSet01 .logiSet2 {
	width:726px;
	margin:0 auto;
	clear:both;
	padding-bottom:16px;
}
.serSet01 .logiSet2 .title01 {
	text-align:center;
	color:#2e3187;
	font-weight:bold;
	line-height:1.3;
	padding:34px 0 12px;
}
.serSet01 .logiSet2 .title02 {
	position:relative;
	padding:35px 0;
}
.serSet01 .logiSet2 .title02 .ico {
	position:absolute;
	top:0;
	left:0;
}
.serSet01 .logiSet2 .title02 span {
	display:block;
	padding:9px 0 6px 120px;
	color:#fff;
	font-weight:bold;
	background:#006837;
	border-radius:6px;
}
.serSet01 .logiSet2 .txt {
	padding:0 0 31px 120px;
	margin-top:-25px;
	letter-spacing:-0.02em;
}
.serSet01 .logiSet2 .photos {
	clear:both;
	padding-bottom:30px;
}
.serSet01 .logiSet2 .photos li {
	width:236px;
	float:left;
	padding:0 1px;
}
.serSet01 .logiSet2 .photos li span {
	display:block;
	text-align:center;
	color:#006837;
	padding:12px 0;
}
.serSet01 .logiSet2 .txt2 {
	text-align:center;
	font-weight:bold;
	color:#006837;
	margin-top:-6px;
	padding-bottom:16px;
}
.serSet01 .logiSet2 .listTxt {
	width:320px;
	margin:0 auto;
	clear:both;
	background:#e9f5b3;
	padding:20px 40px 18px;
	border-radius:5px;
}
.serSet01 .logiSet2 .listTxt li {
	font-weight:bold;
	background:url(../common/images/icon05.png) no-repeat left 8px;
	padding:0 0 0 18px;
	margin:3px 0;
}
.serSet01 .logiSet3 .txt01 {
	text-align:center;
	font-weight:bold;
	padding:44px 0 30px;
}
.serSet01 .logiSet3 .txt01 span {
	display:inline-block;
	background:#006837;
	color:#fff;
	padding:4px 10px 1px;
}
.serSet01 .logiSet3 .txt02 {
	text-align:center;
	color:#006837;
	font-weight:bold;
	padding-bottom:38px;
	line-height:1.3;
}
.serSet01 .logiSet3 .txt03 {
	text-align:center;
	line-height:1.3;
	padding:3px 0 37px;
}
.serSet01 .logiSet3 .respond {
	width:835px;
	margin:0 auto 20px;
	clear:both;
	background:url(../images/logistics/img02.png) no-repeat center top;
	padding:30px 0 0;
	position:relative;
}
.serSet01 .logiSet3 .respond .txt {
	width:455px;
	background:rgba(182,39,45,0.15);
	border-radius:8px;
	padding:15px;
	margin:0 0 98px 45px;
}
.serSet01 .logiSet3 .respond .txt2 {
	width:350px;
	background:rgba(66,33,11,0.15);
	border-radius:8px;
	padding:20px 15px 25px;
	letter-spacing:-0.05em;
	margin-bottom:227px;
}
.serSet01 .logiSet3 .respond .txt3 {
	width:392px;
	background:rgba(0,119,209,0.15);
	border-radius:8px;
	padding:17px 15px;
	letter-spacing:-0.05em;
	float:right;
}
.serSet01 .logiSet3 .respond .txt3 span {
	font-weight:bold;
	color:#0077d1;
}
.serSet01 .logiSet3 .respond .img01 {
	position:absolute;
	top:0;
	right:220px;
}
.serSet01 .logiSet3 .respond .img02 {
	position:absolute;
	top:294px;
	left:111px;
}
.serSet01 .logiSet3 .respond .img03 {
	position:absolute;
	bottom:106px;
	right:48px;
}
.serSet01 .logiSet3 .listImg {
	text-align:center;
	padding-bottom:4px;
}
.serSet01 .logiSet3 .listImg li {
	display:inline-block;
	width:228px;
	padding:0 3px;
}
.serSet01 .logiSet3 .listImg li span {
	display:block;
	text-align:center;
	color:#006837;
	padding:15px 0;
}

/* .meritSet */
.meritSet {
	width:750px;
	margin:0 auto;
	clear:both;
	padding:58px 0 11px;
}
.meritSet .merit01 {
	padding-bottom:46px;
}
.meritSet .merit01 .tit {
	float:left;
}
.meritSet .merit01 div {
	width:557px;
	float:right;
	padding:5px 0;
}
.meritSet .merit01.fR .tit {
	float:right;
}
.meritSet .merit01.fR div {
	float:left;
	padding-left:3px;
}
.meritSet .merit01 .tit2 {
	font-weight:bold;
	background:url(../images/logistics/bg_tit.jpg) no-repeat right bottom;
	padding-bottom:2px;
}
.meritSet .merit01 .txt {
	line-height:1.4;
	padding:10px 0;
}
.meritSet .merit01.coPink .tit2 {
	color:#ff7ba1;
	border-bottom:#ff7ba1 2px solid;
}
.meritSet .merit01.coPink .txt span {
	color:#ff7ba1;
}
.meritSet .merit01.coGreen .tit2 {
	color:#1dba7c;
	border-bottom:#1dba7c 2px solid;
}
.meritSet .merit01.coGreen .txt span {
	color:#1dba7c;
}
.meritSet .merit01.coBlue .tit2 {
	color:#0070c4;
	border-bottom:#0070c4 2px solid;
}
.meritSet .merit01.coBlue .txt span {
	color:#0070c4;
}
.meritSet .merit01.coBlueL .tit2 {
	color:#3fbdff;
	border-bottom:#3fbdff 2px solid;
}
.meritSet .merit01.coBlueL .txt span {
	color:#3fbdff;
}
.meritSet .merit02 {
	width:100%;
	clear:both;
	margin:-12px 0 12px;
	padding-bottom:45px;
}
.meritSet .merit02 .tit {
	font-weight:bold;
	text-align:center;
	background:#dbdbdb;
	padding:6px 0;
}
.meritSet .merit02 div {
	border:#dbdbdb 3px solid;
}
.meritSet .merit02 .img {
	text-align:center;
	padding:10px 0 7px;
}
.meritSet .merit02 ul {
	padding:0 15px 13px;
}
.meritSet .merit02 ul li {
	width:240px;
	background:#e7e7e7;
	line-height:1.4;
	padding:5px;
}
.meritSet .merit02 ul li.floatR {
	width:290px;
}
