@charset "utf-8";
/*
 01.Common
 02.Parts
 03.Company
 04.About
 05.Office
 06.Ssolutions
 07.Logistics
 08.Construct
 09.Trans-logistics
 10.Service
 11.Strage
 12.Case
 13.Privacy poricy / 13.Terms
 14.News
 15.Magazine
 16.404
 17.flow
 18.faq
 19.genjo
*/
/*====================================
	01.Common
====================================*/
a{
	color: #0078A2;
}
.cate{
	color: #fff;
	text-align: center;
	background: #0078A2;
}
.cate .wrap{
	padding-top: 21rem;
	height: 380px;
	position: relative;
}
.cate h2{
	font-size: 3.2rem;
	margin-bottom: 1rem;
}
.page_solutions .cate h2 br{
	display: none;
}
/* pan -------------------*/
.pan{
	position: absolute;
	bottom: 2.5rem;
	left: 0;
}
.pan li{
	float: left;
	margin-right: 0.5rem;
	list-style: none;
	font-size: 1.2rem;
}
.pan li a{
	color: #fff;
	text-decoration: none;
}
/* layput ---------------*/
.block{
	position: relative;
	padding-bottom: 9rem;
	line-height: 190%;
	text-align: center;
}
.inblock{
	padding: 6rem 10rem;
	border-radius: 30px;
	background: #fff;
}
.bg_gr{
	background: #f5f5f5;
}

/* table -----------------*/
.tb{
	width: 100%;
}
.tb th,
.tb td{
	padding: 1.5rem 0;
	line-height: 150%;
	text-align: left;
	vertical-align: middle;
	font-size: 1.4rem;
	border-bottom: 1px dotted #ccc;
}
.tb th{
	width: 190px;
}
.tb tr:last-child th,
.tb tr:last-child td{
	border-bottom: none;
}
/* midashi / h3 ----------*/
.midashi{
	position: relative;
	text-align: center;
}
.midashi_tit{
	display: inline-block;
	position: relative;
	height: 150px;
	margin: 0 auto;
	color: #0F78A0;
	letter-spacing: 1px;
	line-height: 1;
}
.midashi_tit .icon{
	position: absolute;
	width: 150px;
	top: -3rem;
	left: -16rem;
	padding-top: 4rem;
	background: url(../img/common/tit_bg_wh.png) no-repeat center top;
}
.midashi_tit .icon.icon_gr{
	background: url(../img/common/tit_bg_gr.png) no-repeat center top;
}
.midashi_tit h3{
	position: relative;
	top: -2rem;
	z-index: 2;
	font-size: 2.6rem;
	margin-top: 6.5rem;
}
.midashi_tit span{
	display: block;
	margin-top: 1rem;
	font-size: 1.4rem;
}
/* title / h4 ------------*/
.title{
	padding: 4rem 0 2.5rem;
	color: #0F78A0;
	font-size: 2rem;
	line-height: 100%;
}
.title span{
	display: block;
	font-size: 1.2rem;
}
.title + p{
	font-weight: bold;
	margin-bottom: 3rem;
}
/* title / h4 ------------*/
.icon_title{
	margin-bottom: 5rem;
	color: #0078A2;
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	text-indent: -2.8rem;
}
.icon_title:before{
	position: relative;
	top: 1.5rem;
	display: inline-block;
	content: "";
	width: 50px;
	height: 50px;
	margin-right: 1.3rem;
}
/*====================================
	02.Parts
====================================*/

/* tab ------------------------*/
.tab{
	height: 45px;
	position: relative;
	border-bottom: 1px solid #0078A2;
}
.tab li{
	float: left;
	width: 23.125%; 
	margin-right: 2rem;
	list-style: none;
	z-index: 1;
}
.tab li a{
	display: block;
	height: 44px;
	line-height: 48px;
	color: #0078A2;
	cursor: pointer;
	text-decoration: none;
	border-radius: 10px 10px 0 0;
	background: #F5F5F5;
}
.tab li:last-child{
	margin-right: 0 !important;
}
.tab li.active a,
.tab li a:hover{
	color: #fff;
	font-weight: bold;
	background: #0078A2;
}

/* main_message ---------------*/
.main_message h4{
	margin-bottom: 3rem;
	font-size: 2rem;
}
.main_message p{
	text-align: left;
}

/* foot_service ---------------*/
.foot_service{
	padding-top: 3.5rem;
	margin-bottom: 15rem;
	background: url(../img/common/service_bg.gif) repeat-x left top #fff;
}

/* pagination ------------*/
.pagination{
	text-align: center;
	margin-top: 6rem;
}
.pagination span,
.pagination a{
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	line-height: 32px;
	text-decoration: none;
	text-indent: 0.3rem;
	margin: 0 0.2rem;
}
.pagination span.current{
	color: #fff;
	background: #0078A2;
}
.pagination .page{
	color: #525252;
}

.pagelink{
	display: none;
}

/*====================================
	03.Company
====================================*/
.page_company .cate{
	background: url(../img/page/company_bg.jpg) no-repeat center;
	background-size: cover;
}
.page_company .company_yakuin{
	overflow: hidden;
}
.page_company .company_yakuin dt{
	float: left;
}
.page_company .company_yakuin dd{
	padding: 0 0 0 13rem;
}
.page_company .company_yakuin dd span{
	display: inline-block;
	margin-left: 1rem;
}
.page_company .profile .yohaku{
	display: inline-block;
	padding-left: 1.5rem;
}
.page_company .profile .btn{
	width: 260px;
	height: 40px;
	margin: 5rem auto 0;
}
.page_company .profile .btn a{
	height: 40px;
	line-height: 40px;
	background-position: 93% center;
}
.page_company .profile .btn a:hover{
	color: #fff;
	background-image: url(../img/common/list1_wh.png);
	background-color: #1078A0;
	border-color: #1078A0;
}

/* history --------------------*/
.page_company .history dl{
	display: table;
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
.page_company .history dl:last-child{
	border-bottom: 1px solid #F5F5F5;
}
.page_company .history dt,
.page_company .history dd{
	display: table-cell;
	padding: 1rem 0;
	vertical-align: middle;
	border-top: 1px solid #F5F5F5;
}
.page_company .history dt{
	width: 200px;
	font-size: 1.8rem;
	font-weight: bold;
}
/* customers ------------------*/
.page_company .customers{
	text-align: center;
}
.page_company .customers .title + p{
	font-weight: normal;
}
.page_company .customers .inblock{
	width: 800px;
	padding: 3rem 4rem;
	line-height: 200%;
}
.page_company .customers .inblock p{
	display: inline;
}
.page_company .customers .inblock p:after{
	content: " ｜ "
}
.page_company .customers .inblock p.last:after{
	content:"";
}

/* foot_service ---------------*/
/*.page_company .foot_service{
	background-position: left -22rem;
}*/

/*====================================
	04.about
====================================*/
.page_about .cate{
	background: url(../img/page/about_bg.jpg) no-repeat center;
	background-size: cover;
}
/* about --------------*/
.page_about .message{
	padding-bottom: 0;
}
.page_about .message h4{
	font-size: 2.4rem;
	margin: 3rem 0;
	text-align: center;
	line-height: 1.5;
}
.page_about .message_txt{
	position: relative;
	margin-top: 30rem;
	padding: 12rem 0 7.5rem;
	text-align: left;
}
.page_about .message_txt img{
	/*position: absolute;
	top: -26.5rem;
	left: 50%;
	margin-left: -400px;*/
	margin-top: -460px;
}
.page_about .message_txt .name{
	margin-top: 2.5rem;
	text-align: right;
	font-size: 1.4rem;
}
/* value -------------------*/
.page_about .value{
	padding-bottom: 0;
}
.page_about .value_tit{
	font-size: 2rem;
	font-weight: bold;
}
.page_about .motto{
	position: relative;
	z-index: 1;
	max-width: 830px;
	margin: 3rem auto 0;
	padding: 2rem 0;
	background: #fff;
	border-radius: 20px;
	box-shadow:0px 0px 3px 2px rgba(0,0,0,0.04);
}
.page_about .more_info{
	position: relative;
	top: -7rem;
	padding: 11rem 0 7rem;
	margin-bottom: -7rem;
}
.page_about .more_info ul{
	width: 380px;
	margin: 2rem auto 0;
}
.page_about .more_info li{
	float: left;
	width: 174px;
	height: 174px;
	list-style: none;
	font-size: 2rem;
	font-weight: bold;
}
.page_about .more_info li:last-child{
	float: right;
}
.page_about .more_info li a{
	display: block;
	height: 174px;
	padding-top: 2.5rem;
	line-height: 1;
	color: #0078A2;
	text-decoration: none;
	border-radius: 174px;
	background: url(../img/common/acc_next_b.png) no-repeat 93% center #fff;
	box-shadow: 0px 7px 8px -2px rgba(0,0,0,0.09);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.page_about .more_info li a:hover{
	background: url(../img/common/list1_wh_b.png) no-repeat 93% center #a3cedd;
}
.page_about .more_info li span{
	display: block;
	margin-bottom: 1.5rem;
	font-size: 1.2rem;
}
/* news --------------------*/
.page_about .news{
	padding-bottom: 7rem;
}

/*====================================
	05.office
====================================*/
.page_office .cate{
	background: url(../img/page/office_bg.jpg) no-repeat center;
	background-size: cover;
}
.page_office .tab li{
	width: 250px;
	margin-right: 25px;
}
/* head_office ------------------*/
.page_office .office_info .office_img{
	float: left;
	margin-right: 4rem;
}
.page_office .office_info .txt{
	padding-top: 3rem;
	text-align: left;
	font-size: 1.4rem;
	line-height: 160%;
}
.page_office .office_info .name{
	margin-bottom: 2rem;
	color: #0078A2;
	font-size: 1.8rem;
}
.page_office .office_info .map{
	clear: both;
	padding-top: 3rem;
}
.page_office .office_info .address_btn{
	margin: 1rem 0 0 42rem;
}
.page_office .office_info .address_btn a{
	width: 120px;
	height: 32px;
	line-height: 32px;
	color: #0078A2;
	font-size: 1.4rem;
	text-indent: -1.5rem;
	background: url(../img/icon/icon_map.png) no-repeat 88% 0.8rem #f5f5f5;
}
/* service_office ------------------*/
.page_office .service_office ul{
	width:100%;
	margin:0;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.page_office .service_office li{
	float: left;
	width: 380px;
	margin-bottom: 3rem;
	list-style: none;
	background: #fff;
}
.page_office .service_office li:nth-child(3n-1){
	margin-left: 3rem;
	margin-right: 3rem;
}
.page_office .service_office .txt{
	padding: 2.5rem 3rem 2rem;
	text-align: left;
	overflow: hidden;
}
.page_office .service_office .address{
	margin: 1rem 0 2rem;
	font-size: 1.4rem;
	line-height: 150%;
}
.page_office .service_office p span{
	font-size: 1.2rem;
}
.page_office .service_office .btn{
	float: right;
}
.page_office .service_office .btn a{
	width: 120px;
	height: 32px;
	line-height: 32px;
	color: #0078A2;
	font-size: 1.4rem;
	text-indent: -1.5rem;
	background: url(../img/icon/icon_map.png) no-repeat 88% 0.8rem #f5f5f5;
	display: inline-block;
}
.page_office .service_office .btn a.emp{
	width: 150px;
	background: url(../img/common/list1_bl_b.png) no-repeat 88% 1.2rem #f5f5f5;
}
/* other_office ------------------*/
.page_office .other_office{
	padding-bottom: 0;
}
.page_office .other_office .txt{
	padding-top: 1rem;
}
.page_office .other_office .inblock{
	position: relative;
	top: 10rem;
	padding : 0 0 7rem;
	margin-top: -10rem;
}
/*
.page_office .foot_service{
	padding-top: 15rem;
}
*/

/*====================================
	06.Ssolutions
====================================*/
.page_solutions .cate{
	background: url(../img/page/solutions_bg.jpg) no-repeat center;
	background-size: cover;
}
.page_solutions .main_message{
	padding-bottom: 4rem;
}
.page_solutions .maincol{
	position: relative;
	z-index: 1;
	display: table;
	text-align: center;
}
.page_solutions .maincol li{
	display: table-cell;
	list-style-type: none;
	position: relative;
	width: 400px;
	height: 400px;
	vertical-align: middle;
}
.page_solutions .maincol li img{
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
@media screen and (min-width: 767px) {

.page_solutions .maincol li:hover:after{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 400px;
	height: 400px;
}
.page_solutions .maincol li.menseki:hover:after{
	background: url(../img/page/solutions_menseki_hover.jpg?180903) no-repeat left top;
}
.page_solutions .maincol li.jirei:hover:after{
	background: url(../img/page/solutions_jirei_hover.jpg?180903) no-repeat left top;
}
.page_solutions .maincol li.serport:hover:after{
	background: url(../img/page/solutions_serport_hover.jpg?180903) no-repeat left top;
}
}
/* total ------------------*/
.page_solutions .total{
	position: relative;
	top: -6rem;
	padding-top: 11rem;
	margin-bottom: -6rem;
}
.page_solutions .total .inblock{
	padding: 0 0 4rem;
}
/* total ------------------*/
.page_solutions .container{
	padding-top: 3rem;
}
.page_solutions .container .icon_title:before{
	background: url(../img/icon/icon_business.png) no-repeat center;
	background-size: cover;
}
.cont_logistics{
	height: 350px;
	background: url(../img/page/cont_logistics_thumb.jpg) no-repeat center;
	background-size: cover;
}
.cont_construct{
	height: 380px;
	background: url(../img/page/cont_construct_thumb.jpg) no-repeat center;
	background-size: cover;
}
.cont_truns{
	height: 450px;
	background: url(../img/page/cont_truns_thumb.jpg) no-repeat center;
	background-size: cover;
}
.cont_logistics .cont_wrap,
.cont_truns .cont_wrap{
	right: 0;
}
.page_solutions .cont_inner{
	height: 350px;
}
.page_solutions .cont_truns .cont_inner{
	height: 450px;
}
.page_solutions .container .tit h3{
	font-size: 2.6rem;
}
.page_solutions .cont_truns .tit{
	margin-top: -5rem;
}
.page_solutions .container .tit span{
	font-size: 1.4rem;
}
.page_solutions .container p{
	width: 465px;
}
/* foot_service ------------------*/
/*
.page_solutions .foot_service{
	position: relative;
	padding-top: 0;
	background-position: left 7rem;
}
*/
.page_solutions .foot_service .service{
	top: -8rem;
}


/*====================================
	07.Logistics
====================================*/
.page_logistics .cate{
	background: url(../img/page/logistics_bg.jpg) no-repeat center;
	background-size: cover;
}
.page_logistics .main_message{
	padding-bottom: 4rem;
}
/* bumon -----------------------*/
.bumon{
	padding-top: 5rem;
}
.bumon h3:before{
	background: url(../img/icon/icon_bumon.png) no-repeat center;
	background-size: contain; 
}
.bumon .tab_box{
	max-width: 1200px;
	width: 100%;
	margin-bottom: 4rem;
	border-bottom: 1px solid #0078A2;
}
.bumon .tab_box p{
	float: left;
	height: 45px;
	line-height: 45px;
	font-weight: bold;
	padding-right: 4rem;
}
.bumon .tab_box ul{
	float: right;
	max-width: 1200px;
	text-align: center;
	border: none;
}
.bumon_box{
	position: relative;
	display: table;
	width: 100%;
	margin-bottom: 5rem;
	line-height: 190%;
}
.bumon_info{
	position:relative;
	z-index: 1;
	background: #fff;
	border-radius: 30px 30px 0 0;
	box-shadow:0px 0px 7px 6px rgba(0,0,0,0.03);
}
.bumon_info .thum{
	display: table-cell;
	width: 460px;
	height: 395px;
	vertical-align: middle;
	color: rgba(255,255,255,0.9);
	font-size: 22rem;
	font-family: 'Barlow Condensed', sans-serif;
	text-align: center;
	letter-spacing: 6px;
	background: url(../img/page/logistics_bumon1.jpg) no-repeat center;
	border-radius: 30px 0 0 0;
	overflow: hidden;
}
#bumon2 .bumon_info .thum{
	background: url(../img/page/logistics_bumon2.jpg) no-repeat center;
}
#bumon3 .bumon_info .thum{
	background: url(../img/page/logistics_bumon3.jpg) no-repeat center;
}
#bumon4 .bumon_info .thum{
	background: url(../img/page/logistics_bumon4.jpg) no-repeat center;
}
.bumon_info .txt{
	display: table-cell;
	padding: 0 6rem;
	vertical-align: middle;
	text-align: left;
}
.bumon_info .txt h4{
	color: #0078A2;
	font-size: 2rem;
	text-align: center;
}
.bumon_info .txt h4+p{
	margin: 2rem 0;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;	
}
.bumon_shousai{
	display: none;
	padding: 4.5rem 0;
	border-radius: 0 0 30px 30px;
	background: #F5F5F5;
	box-shadow: 0px 0px 7px 6px rgba(0,0,0,0.03);
}
.bumon_shousai h5{
	margin-bottom: 1.5rem;
	color: #0078A2;
	text-align: center;
	font-size: 1.8rem;
}
.bumon_shousai p{
	text-align: left;
}
.bumon_shousai .box_l,
.bumon_shousai .box_r{
	display: table-cell;
	vertical-align: top;
}
.bumon_shousai .box_l{
	width: 45%;
	padding: 0 4.8rem;
	border-right: 1px dotted #ccc;
}
.bumon_shousai .box_l .btn{
	width: 240px;
	height: 40px;
	margin: 2rem auto 0;
	border-radius: 20px;
	background: url(../img/icon/icon_system.png) no-repeat 2rem center #0078A2;
}
.bumon_shousai .box_l .btn a{
	width: 240px;
	height: 40px;
	line-height: 40px;
	background: none;
	background: url(../img/common/list1_wh.png) no-repeat 90% center;
}
.bumon_shousai .box_l .btn:hover{
	background: url(../img/icon/icon_system_bl.png) no-repeat 2rem center #DBF028;
}
.bumon_shousai .box_l .btn a:hover{
	background: url(../img/common/list1_bl_b.png) no-repeat 90% center;
}
.bumon_shousai .box_r{
	padding: 0 5rem;
}
.bumon_shousai .box_r li{
	float: left;
	margin-top: 1rem;
	font-size: 1.2rem;
	text-align: left;
	list-style: none;width: 49%
}
.bumon_shousai .box_r li:last-child{
	float: right;
}
.bumon_shousai .box_r li img{
	margin-bottom: 0.5rem;
}

/* #bumon2 ------------------------- */
#bumon2 .bumon_shousai .box_l,
#bumon2 .bumon_shousai .box_r{
	width: 50%;
	padding: 0 7rem;
}
#bumon2 .bumon_shousai .box_l .btn{
	border-radius: 20px;
	background: url(../img/common/list1_wh.png) no-repeat 94% center #0078A2;
}
#bumon2 .bumon_shousai .box_l .btn a{
	font-size: 1.2rem;
	background: url(../img/icon/icon_btn_search.png) no-repeat 2rem center;
}
#bumon2 .bumon_shousai .box_l .btn:hover{
	background: url(../img/common/list1_bl_b.png) no-repeat 94% center #DBF028;
}
#bumon2 .bumon_shousai .box_l .btn a:hover{
	background: url(../img/icon/icon_btn_search_bl.png) no-repeat 2rem center;
}
#bumon2 .bumon_shousai .box_r .pdf{
	width: 240px;
	height: 40px;
	line-height: 40px;
	margin: 2rem auto 0;
	font-size: 1.2rem;
}
#bumon2 .bumon_shousai .box_r .pdf a{
	background-image: none;
}
/* #bumon3 ------------------------- */

#bumon3 .bumon_shousai .in_img,
#bumon3 .bumon_shousai .in_txt{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#bumon3 .bumon_shousai .in_img img{
	margin-bottom: 1rem;	
}
#bumon3 .bumon_shousai .in_txt{
	vertical-align: top;
	text-align: left;
	padding-left: 2rem;
}
#bumon3 .bumon_shousai .in_txt h5{
	text-align: left;
}

/* #bumon4 ------------------------- */
#bumon4 .bumon_shousai .box_l{
	width: 36%;
}
#bumon4 .bumon_shousai h5{
	position: relative;
	text-align: left;
	padding-left: 4.5rem;
	margin-bottom: 1rem;
}
#bumon4 .bumon_shousai p + h5{
	margin-top: 2rem;
}
#bumon4 .bumon_shousai h5 span{
	position: absolute;
	left: 0;
	top: 50%;
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin-top: -17px;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	font-family: 'Barlow Condensed', sans-serif;
	background: url(../img/page/number_bg.gif) no-repeat center;
}
.bumon .panel_btn{
	position: absolute;
	z-index: 3;
	bottom: -1.5rem;
	left: 50%;
	width: 200px;
	height: 32px;
	line-height: 33px;
	margin-left: -10rem;
	cursor: pointer;
	color: #0078A2;
	text-align: center;
	border-radius: 20px;
	background: #DBF028;
	border: 1px solid #DBF028;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.bumon .panel_btn span{
	transition: none;
	display: block;
	background: url(../img/common/acc_open_bl.png) no-repeat 90% 46%;
}
.bumon .panel_btn.close{
	color: #0078A2;
	border-color: #DBF028;
	background: #fff;
}
.bumon .panel_btn.close span{
	font-size: 0;
}
.bumon .panel_btn.close span:before{
	width: 200px;
	display: block;
	content: "閉じる";
	font-size: 1.6rem;
	background: url(../img/common/acc_close_bl.png) no-repeat 90% 46%;
}

@media screen and (min-width: 415px) {
.bumon .panel_btn span:hover{
	background: url(../img/common/acc_open_wh.png) no-repeat 90% 46%;
}
.bumon .panel_btn.close:hover{
	color: #fff;
	border-color: #0078A2;
	background-color: #0078A2;
}
.bumon .panel_btn.close span:hover:before{
	background: url(../img/common/acc_close_wh.png) no-repeat 90% 46%;
}
.bumon .panel_btn:hover{
	color: #fff;
	border-color: #0F78A0;
	background: #0F78A0;
}
}
.bumon .panel_btn.close span{
	background: none;
}

/* other_solution ----------------*/
.other_solution{
	padding-top: 3rem;
}
.other_solution .icon_title{
	color: #525252;
	font-size: 2.2rem;
}
.other_solution .icon_title:before{
	background: url(../img/icon/icon_solutions_s.png);
	background-size: contain;
}
.other_solution ul{
	display: table;
	color: #fff;
	text-align: center;
}
.other_solution li{
	display: table-cell;
	width: 50%;
	font-size: 1.4rem;
	background: url(../img/page/cont_construct_thumb.jpg) no-repeat center;
	background-size: cover;
}
.other_solution li:last-child{
	background: url(../img/page/cont_truns_thumb.jpg) no-repeat center;
	background-size: cover;
}
.page_construct .other_solution li:first-child{
	background: url(../img/page/cont_logistics_thumb.jpg) no-repeat center;
	background-size: cover;
}
.page_trans-logistics .other_solution li{
	background: url(../img/page/cont_logistics_thumb.jpg) no-repeat center;
	background-size: cover;
}
.page_trans-logistics .other_solution li:last-child{
	background: url(../img/page/cont_construct_thumb.jpg) no-repeat center;
	background-size: cover;
}
.other_solution a{
	display: block;
	height: 200px;
	color: #fff;
	text-decoration: none;
	background: rgba(82,82,82,0.6);
}
.other_solution a:hover{
	background: rgba(0,120,162,0.7);
}
.other_solution li a h5{
	padding: 5rem 0 0.5rem;
	font-size: 2.6rem;
}
.other_solution li a .btn{
	width: 160px;
	height: 32px;
	line-height: 32px;
	margin: 2rem auto 0;
	color: #19789E;
	background: #fff;
	border-radius: 20px;
}


/* foot_service ----------------*/
/*.page_logistics .foot_service{
	background-position: left -25rem;
}*/

/*====================================
	08.Construct
====================================*/
.page_construct .cate{
	background: url(../img/page/construct_bg.jpg) no-repeat center;
	background-size: cover;
}
.page_construct .main_message {
    padding-bottom: 4rem;
}
/* bumon --------------------*/
.page_construct .bumon .icon_title:before{
	margin-right: 0.5rem;
	background: url(../img/icon/icon_construct_bumon.png) no-repeat center;
}
.page_construct .tab li{
	width: 48.5%;
	margin: 0;
}
.page_construct .tab li:last-child{
	float: right;
}
.page_construct #bumon1 .bumon_info .thum {
    background: url(../img/page/construct_bumon1.jpg) no-repeat center;
}
.page_construct #bumon2 .bumon_info .thum {
    background: url(../img/page/construct_bumon2.jpg) no-repeat center;
}
.page_construct .bumon_shousai p{
	margin: 0 0 0.5rem 7rem;
	font-size: 1.4rem;
}
.page_construct .bumon_shousai .bumon_jirei{
	text-align: center;
}
.page_construct .bumon_shousai .bumon_jirei img{
	display: inline;
}

/*====================================
	09.Trans-logistics
====================================*/
.page_trans-logistics .cate{
	background: url(../img/page/trans-logistics_bg.jpg) no-repeat center;
	background-size: cover;
}
.page_trans-logistics .main_message {
    padding-bottom: 4rem;
}
/* bumon --------------------*/
.page_trans-logistics .bumon .icon_title:before{
	margin-right: 0.5rem;
	background: url(../img/icon/icon_trans-logistics_bumon.png) no-repeat center;
}
.page_trans-logistics .tab li{
	width: 32%;
	margin-right: 2%;
}
.page_trans-logistics .tab li:last-child{
	float: right;
}
.page_trans-logistics #bumon1 .bumon_info .thum {
    background: url(../img/page/trans-logistics_bumon1.jpg) no-repeat center;
}
.page_trans-logistics #bumon2 .bumon_info .thum {
    background: url(../img/page/trans-logistics_bumon2.jpg) no-repeat center;
}
.page_trans-logistics #bumon3 .bumon_info .thum {
    background: url(../img/page/trans-logistics_bumon3.jpg) no-repeat center;
}
.page_trans-logistics #bumon1 .bumon_shousai .box_l,
.page_trans-logistics #bumon2 .bumon_shousai .box_l{
	border: none;
}
.page_trans-logistics #bumon1 .bumon_shousai .box_l{
	width: 46%;
}
.page_trans-logistics #bumon1 .bumon_shousai .box_r,
.page_trans-logistics #bumon2 .bumon_shousai .box_r{
	text-align: right;
	padding: 0 6rem 0 0;
}
.page_trans-logistics #bumon2 .bumon_shousai .box_l{
	width: 50%;
	padding-right: 5rem;
}

/*====================================
	10.Service
====================================*/
.s_search{
	height: 800px;
	padding-top: 17rem;
	text-align: center;
	background: url(../img/page/service_bg.jpg) no-repeat center;
	background-size: cover;
}
.s_search h2{
	height: 110px;
	margin: 0 0 4.5rem -5rem;
	color: #fff;
	font-size: 3.2rem;
}
.s_search h2:before{
	position: relative;
	top: 3rem;
	display: inline-block;
	width: 110px;
	height: 110px;
	content: "";
	background: url(../img/icon/icon_search_wh.png) no-repeat center;
	background-size: contain;
}
.s_search .wrap{
	width: 1100px;
	text-align: left;
	border-radius: 40px;
	background: #fff;
}
.s_search .search_box{
	width: 940px;
	margin: 0 auto;
	padding: 4rem 0 3.5rem;
}
.s_search .search_other .conditions{
	margin-left: 2rem;
}
/* magazine ---------------------*/
.s_magazine{
	position: relative;
	padding-bottom: 2rem;
	margin-bottom: 8rem;
	background: url(../img/page/bg_gray.gif) repeat-x #F5F5F5;
}
.s_magazine .tit{
	height: 156px;
}
.s_magazine .tit .icon{
	background: url(../img/common/tit_bg_wh.png);
	background-size: 100%;
}
.s_magazine .btn{
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -80px;
}
/* service ---------------------*/
.s_service{
	margin-bottom: 13rem;
	background: url(../img/common/service_bg.gif) repeat-x left 6.5rem;	
}
.s_service .service{
	top: -7rem;
	margin-bottom: -7rem;
}

/*====================================
	11.Strage
====================================*/
.page_strage .cate{
	background: url(../img/page/strage_bg.jpg) no-repeat center;
	background-size: cover;
}
.page_strage .main_message {
    padding-bottom: 4rem;
}
/* tab -------------------------*/
.page_strage .tab_box{
	margin: 6rem auto 4.8rem;
}
.page_strage .tab_box li{
	width: 19%;
	margin-right: 1.25%;
	text-align: center;
}
/* availability ----------------*/
.page_strage .inblock{
	padding: 4.5rem 6.5rem;
}
.page_strage .availability .icon_title{
	font-size: 2rem;
	padding-top: 2rem;
	margin-bottom: 3.7rem;
}
.page_strage .availability .icon_title:before{
	background: url(../img/icon/icon_availability_m.png) no-repeat center;
}
.office_more_btn{
	display: none;
}
.office_cont{
	text-align: left;
}
.office_cont + .office_cont{
	margin-top: 3.5rem;
}
.office_cont .office_ken{
	padding: 0 0 0.4rem 0;
	color: #0078A2;
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px dotted #0078A2;
}
.office_cont .office_shi{
	padding: 1rem 2.8rem;
	margin: 1.5rem 0;
	line-height: 1;
	border-radius: 20px;
	background: #F5F5F5;
}
.office_group{
	width: 100%;
	display: table;
	line-height: 140%;
	padding-top: 1.5rem;
	margin-top: 1.5rem;
	border-top: 1px dotted #ccc;
}
.office_shi + .office_group{
	border: none;
	padding: 0;
	margin: 0;
}
.office_group .thumb{
	display: table-cell;
	position: relative;
	width: 300px;
	height: 150px;
}
.office_group .thumb img{
	width: 100%;
}
.office_group .thumb .map{
	position: absolute;
	right: 1rem;
	top: 10rem;
	z-index: 1;
}
.office_group .thumb .map a{
	display: block;
	width: 120px;
	height: 32px;
	line-height: 32px;
	color: #0078A2;
	font-size: 1.4rem;
	text-align: center;
	text-decoration: none;
	text-indent: -1.5rem;
	border-radius: 36px;
	background: url(../img/icon/icon_map.png) no-repeat 90% center rgba(255,255,255,0.7);
}
.office_group .info{
	width: 290px;
	display: table-cell;
	padding: 1rem 1rem 0 3rem;
	vertical-align: top;
	font-size: 1.4rem;
	line-height: 1.4;
	border-right: 1px dotted #ccc;
}
.office_group .info dt{
	float: left;
	width: 75px;
	padding-right: 1rem;
	position: relative;
	border-right: 1px solid #999;
}
.office_group .info dd{
	padding-left: 10rem;
}
.office_group .info dl{
	overflow: hidden;
}
.office_group .info dl+dl{
	margin-top: 1.5rem;	
}
.office_group .info .name{
	margin-bottom: 2rem;
	font-size: 1.6rem;
	font-weight: bold;
}
.office_group .info .name span{
	font-size: 1.3rem;
}
.office_group .other{
	display: table-cell;
	width: 260px;
	padding: 1rem 1rem 0 2rem;
	vertical-align: top;
	font-size: 1.2rem;
}
.office_group .other .bikou{
	font-weight: bold;
	margin-bottom: 2rem;
}
.office_group .action{
	width: 200px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
.office_group .action .btn_contact a{
	color: #fff;
	height: 40px;
	line-height: 40px;
	background-color: #0078A2;
	background-image: url(../img/common/list1_wh.png);
}
.office_group .action .btn_line a{
	height: 40px;
	line-height: 40px;
	margin-bottom: 1.5rem;
}
.office_group .action .btn_line a:hover,
.office_group .action .btn_contact a:hover{
	color: #0078A2;
	background-color: #DBF028;
	background-image: url(../img/common/list1_bl_b.png);
}

/* internal -------------------*/
.page_strage .internal{
	padding-bottom: 3rem;
	background: url(../img/common/gray_bg.gif) repeat-x left bottom;
}
.page_strage .internal .icon_title{
	margin-bottom: 4rem;
}
.page_strage .internal .icon_title:before{
	margin-top: 1.5rem;
	background: url(../img/icon/icon_internal_m.png) no-repeat center;
}
.page_strage .internal .inblock{
	box-shadow: 0 3px 11px 3px rgba(0,0,0,0.065);
}
.page_strage .internal .inblock + .inblock{
	margin-top: 3rem;
}
.page_strage .internal_movie{
	float: left;
	position: relative;
}
.movie video {
  width: 60vw;
  height: auto;
  display: block;
}
.page_strage .internal_movie a:after{
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	content:"";
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	background: url(../img/common/movie_play.png) no-repeat center;
}
.page_strage .internal_txt{
	float: right;
	width: 530px;
	text-align: left;
}
.page_strage .internal_tit{
	margin-bottom: 2rem;
	font-size: 2rem;
	font-weight: bold;
}
/* estimate -------------------*/
.page_strage .estimate{
	padding-bottom: 12rem;
}
.page_strage .estimate .icon_title:before{
	margin-top: 1.5rem;
	background: url(../img/icon/icon_estimate_m.png) no-repeat center;
}
.estimate_cont{
	float: left;
	position: relative;
	width: 570px;
	min-height: 400px;
	text-align: left;
	background: #fff;
	border-radius: 36px;
	margin-bottom: 4.5rem;
}
.estimate_cont:nth-child(2n){
	float: right;
}
.estimate_naiyou{
	padding: 3.5rem 6rem 5rem;
}
.estimate_naiyou .type img{
	float: left;
}
.estimate_naiyou .type .type_tit{
	float: right;
	width: 320px;
	color: #0F78A0;
	font-size: 1.8rem;
	font-weight: bold;
}
.estimate_naiyou .type .nom{
	display: inline-block;
	padding: 0.7rem 1rem;
	margin: 2rem 0 1rem;
	color: #fff;
	font-size: 1rem;
	line-height: 1;
	background: #0F78A0;
}
.estimate_cont .type + p{
	margin: 1.5rem 0;
	padding-top: 1rem;
	border-top: 1px dotted #ccc;
}
.estimate_naiyou .price{
	float: left;
	color: #0F78A0;
	font-size: 1.4rem;
}
.estimate_naiyou .price .value{
	display: inline-block;
	font-weight: bold;
	font-size: 2.2rem;
	border-bottom: 2px solid #0F78A0;
}
.estimate_naiyou .btn{
	float: right;
	margin-top: 1rem;
}
.estimate_naiyou .btn a{
	width: 200px;
	height: 60px;
	padding-top: 1rem;
	color: #0F78A0;
	font-size: 1.4rem;
	line-height: 140%;
	font-weight: bold;
	border-radius: 10px;
	background-position: 95% center;
}
.estimate_naiyou .btn a:hover{
	color: #fff;
	border-color: #0F78A0;
	background-color: #0F78A0;
	background-image: url(../img/common/list1_wh.png);
}
.estimate_cont .panel_btn{
	width: 200px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	position: absolute;
	bottom: -14px;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
	color: #0078A2;
	font-size: 14px;
	background: #DBF028;
	border: 1px solid #DBF028;
	border-radius: 32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.estimate_cont .panel_btn span{
	transition: none;
	display: block;
	padding-right: 1rem;
	background: url(../img/common/acc_open_bl.png) no-repeat 94% center;
}
.estimate_cont .panel_btn.close{
	color: #0078A2;
	border-color: #DBF028;
	background: #fff;
}
.estimate_cont .panel_btn.close span{
	font-size: 0;
}
.estimate_cont .panel_btn.close:before{
	width: 200px;
	display: block;
	content: "閉じる";
	font-size: 1.4rem;
	background: url(../img/common/acc_close_bl.png) no-repeat 94% 48%;
}
@media screen and (min-width: 415px) {
.estimate_cont .panel_btn:hover{
	color: #fff;
	border-color: #0F78A0;
	background: #0F78A0;
}
.estimate_cont .panel_btn span:hover{
	background: url(../img/common/acc_open_wh.png) no-repeat 94% center;
}
.estimate_cont .panel_btn.close:hover{
	color: #fff;
	border-color: #0078A2;
	background-color: #0078A2;
}
.estimate_cont .panel_btn.close:hover:before{
	background: url(../img/common/acc_close_wh.png) no-repeat 94% 48%;
}
}
.estimate_cont .panel_btn.close span{
	background: none;
}
.estimate_shousai{
	display: none;
	clear: both;
	padding: 2rem 6rem 4rem;
	border-top: 1px dotted #ccc;
}
.estimate_shousai .shousai_tit{
	margin-bottom: 2rem;
	text-align: center;
	font-weight: bold;
}
.estimate_shousai table{
	width: 100%;
	font-size: 1.4rem;
	line-height: 130%;
	table-layout: fixed;
}
@media screen and (min-width: 415px) {

.estimate_shousai tr{
	background: url(../img/common/tb_line_bottom.gif) repeat-x left bottom;
}
.estimate_shousai tbody tr:last-child{
	background: none;
}
.estimate_shousai td,
.estimate_shousai th{
	background: url(../img/common/tb_line_yoko.gif) repeat-y right top;
}
.estimate_shousai tr td:last-child{
	background: none;
}
.estimate_shousai thead td{
	padding: 0.4rem 0.5rem;
	text-align: center;
}
.estimate_shousai table tbody td{
	padding: 0.5rem 0.5rem;
	font-size: 1.2rem;
}
.estimate_shousai table tbody th{
	font-weight: normal;
	font-size: 1.2rem;
}
.estimate_shousai tbody tr td:nth-child(3),
.estimate_shousai tbody tr td:nth-child(4){
	text-align: center;
}
.estimate_shousai table tbody .hav_table{
	padding: 0;
}

/*intable*/
.estimate_shousai .intable{
	width: 100%;
	margin: 0.4rem 0;
}
.estimate_shousai .intable tr{
	background: none;
}
.estimate_shousai .intable td{
	padding: 0 0.5rem;
	background: none;
	background: url(../img/common/tb_line_yoko.gif) repeat-y right top;
}
.estimate_shousai .intable tr td:nth-child(2),
.estimate_shousai .intable tr td:nth-child(3){
	text-align: center;
}
.estimate_shousai .intable tr td:nth-child(4){
	text-align: left;
}
.estimate_shousai .intable strong{
	font-weight: normal;
}
.estimate_shousai tfoot td{
	padding-top: 1rem;
	font-weight: bold;
	border: none;
	font-size: 1.2rem;
	border-top: 1px solid #ccc;
	background: none;
}
.estimate_shousai tfoot tr{
	background: none;
}
.estimate_shousai tbody span+span{
	display: block;
	padding-top: 4rem;
}
}
/* contact -------------------*/
.estimate_contact{
	clear: both;
	position: relative;
	top: -9rem;
	width: 840px;
	margin: 0 auto;
}
.estimate_contact li{
	position: relative;
	float: left;
	width: 400px;
	text-align: center;
	list-style: none;
	font-size: 1.4rem;
	line-height: 180%;
	overflow: hidden;
}
.estimate_contact li:last-child{
	float: right;
}
.estimate_contact li img{
	position: absolute;
	top: 0.6rem;
	left: 3rem;
}
.estimate_contact li p{
	margin-bottom: 1rem;
	padding: 1rem 0 0 5rem;
}
.estimate_contact li .btn a{
	height: 40px;
	line-height: 40px;
	clear: both;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	font-weight: bold;
	background: url(../img/common/list1_wh_b.png) no-repeat 95% center #0078a2;
}
.estimate_contact li .btn_line a{
	color: #0078a2;
	background: url(../img/common/acc_next_b.png) no-repeat 95% center #fff;
}
.estimate_contact li .btn a:hover{
	color: #0078a2;
	background-color: #DBF028;
	background: url(../img/common/acc_next_b.png) no-repeat 95% center #DBF028;
}
/* work -----------------------*/
.page_strage .work .midashi_tit{
	height: 110px;
}
.page_strage .work .midashi_tit h3{
	font-size: 2.4rem;
}
.page_strage .work .midashi_tit .icon{
	left: -14rem;
	padding-top: 2.5rem;
	background: url(../img/common/tit_bg_gr.png) no-repeat center top;
}
.page_strage .work_txt p{
	text-align: left;
}
.page_strage .work_txt ul li{
	float: left;
	margin: 3rem 0;
	list-style: none;
}
.page_strage .work_txt .btn a{
	width: 300px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	color: #0F78A0;
	font-weight: bold;
}
/* system -----------------------*/
.page_strage .system{
	padding-bottom: 0;
}
.page_strage .system .midashi_tit{
	height: 110px;
}
.page_strage .system .midashi_tit h3{
	font-size: 2.4rem;
}
.page_strage .system .midashi_tit .icon{
	left: -12rem;
	padding-top: 3rem;
}
.page_strage .system_txt{
	text-align: left;
	padding-bottom: 6rem;
}
.page_strage .system_tit{
	margin-bottom: 2rem;
	font-weight: bold;
	text-align: center;
	font-size: 2rem;
}
.page_strage .system_message{
	margin: 6rem 0 1rem;
	color: #C33;
	font-weight: bold;
	text-align: center;
	line-height: 150%;
}
.page_strage .system .btn a,
.page_strage .feature .btn a{
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	color: #fff;
	font-weight: bold;
	text-indent: 1rem;
	background-image: url(../img/common/list1_wh.png);
	background-position: 94% center;
}
.page_strage .system .btn a:hover,
.page_strage .feature .btn a:hover{
	color: #0078A2;
	background-image:url(../img/common/list1_bl_b.png);
}
.page_strage .system .btn,
.page_strage .feature .btn{
	width: 250px;
	margin-top: 3rem;
	border-radius: 20px;
	background: url(../img/icon/icon_system.png) no-repeat 2rem center #0078A2;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.page_strage .system .btn:hover,
.page_strage .feature .btn:hover{
	background: url(../img/icon/icon_system_bl.png) no-repeat 2rem center #DBF028;
}
.page_strage .feature{
	padding: 4rem 0;
}
.page_strage .feature h4{
	color: #0078A2;
	font-size: 2rem;
	margin-bottom: 3rem;
}
.page_strage .feature li{
	position: relative;
	float: left;
	width: 390px;
	height: 190px;
	padding: 3.5rem 2.5rem 0;
	margin-bottom: 3.5rem;
	list-style: none;
	color: #606060;
	line-height: 190%;
	font-size: 1.4rem;
	text-align: left;
	background: #fff;
	border-radius: 30px;
}
.page_strage .feature li:nth-child(3n-1){
	margin: 0 1.5rem;
}
.page_strage .feature li .num{
	position: absolute;
	top: -12px;
	left: 50%;
	width: 80px;
	height: 24px;
	margin-left: -42px;
	color: #0078A2;
	text-align: center;
	line-height: 24px;
	font-size: 1rem;
	background: #DBF028;
}
.page_strage .feature li .feature_tit{
	margin-bottom: 0.5rem;
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
}
.page_strage .feature li.one_block{
	clear: both;
	float: none;
	width: 620px;
	margin: 0 auto;
}
/* service -----------------------*/
.page_strage .service_box{
	padding-top: 2rem;
	padding-bottom: 2rem;
	background: url(../img/common/service_bg.gif) repeat-x left -4rem;
}
/* magazine -----------------------*/
.page_strage .magazine{
	padding-bottom: 2.5rem;
	margin-bottom: 7rem;
}
.page_strage .magazine .btn {
	width: 160px;
	margin: 0 auto;
}
.page_strage .magazine .btn a{
	width: 160px;
	height: 32px;
	line-height: 33px;
	padding: 0;
	text-align: center;
}

/*====================================
	12.Case
====================================*/
.page_case .cate{
	background: url(../img/page/strage_bg.jpg) no-repeat center;
	background-size: cover;
}
.page_case .main_message{
	padding-bottom: 3rem;
}
/* offer ------------------------*/
.page_case .offer{
	text-align: center;
	padding-bottom: 9rem;
	line-height: 190%;
}
.page_case .offer .icon_title{
	font-size: 2rem;
	margin-bottom: 2.5rem;
}
.page_case .offer .icon_title:before{
	background: url(../img/icon/icon_offer_m.png) no-repeat center;
}
.page_case .offer .tab{
	margin: 3.5rem 0;
}
.page_case .offer .tab li{
	width: 24.167%;
	margin-right: 1.111%;
}
.page_case .offer_cont{
	clear: both;
	background: #fff;
	box-shadow: 0 3px 11px 3px rgba(0,0,0,0.065);
	border-radius: 40px;
	overflow: hidden;
}
.page_case .offer_main{
	display: table;
}
.page_case .offer_main .thumb{
	position: relative;
	display: table-cell;
	width: 560px;
	height: 245px;
	overflow: hidden;
}
.page_case .offer_main .thumb img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.page_case .offer_main .txt{
	text-align: left;
	display: table-cell;
	padding: 0 6rem;
	vertical-align: middle;
}
.page_case .offer_main .txt h5{
	color: #0078A2;
	font-size: 2.2rem;
	padding-bottom: 0.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid #0078A2;
}
.page_case .offer_kanren{
	padding: 3rem 0 5rem;
	/*background: #F5F5F5;*/
	box-shadow:0px 4px 13px -2px rgba(0,0,0,0.065) inset;
}
.page_case .offer_kanren p{
	margin-bottom: 1rem;
	color: #0078A2;
	font-weight: bold;
}
.page_case .offer_kanren .offer_jirei{
	width: 770px;
	margin: 0 auto;
	background: #fff;
	border-radius: 10px;
}
.page_case .offer_kanren ul{
	border-bottom: 1px dashed #666;
	margin: 0 10px;
	padding: 10px 0;
}
.page_case .offer_kanren ul li{
	float: left;
	width: 125px;
	height: 50px;
	line-height: 50px;
	list-style: none;
	font-size: 1.4rem;
	border-right: 1px dashed #666;
}
.page_case .offer_kanren ul li.dan{
	line-height: 140%;
	padding-top: 0.6rem;
}
.page_case .offer_kanren .column4{
	width: 520px;
}
.page_case .offer_kanren ul li:nth-child(6n),
.page_case .offer_kanren .column4 li:last-child{
	border-right: none;
}
.page_case .offer_kanren ul:last-child{
	border-bottom: none;
}
.page_case .offer_cont + .btn{
	margin: 4rem 0 6rem;
}
.page_case .offer_cont + .btn,
.page_case .offer_cont + .btn a{
	float: right;
	width: 300px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background-position: 95% center;
}
.page_case .estimate_contact{
	width: 400px;
	top: 0;
	padding: 4rem 0;
	margin: 0 auto;
}
.page_case .estimate_contact li{
	float: none;
}

/*====================================
	13.Privacy poricy / 13.Terms
====================================*/
.page_privacy .cate,
.page_terms .cate,
.page_404 .cate{
	background: url(../img/page/privacy_bg.jpg) no-repeat center;
	background-size: cover;
}
.page_privacy .block,
.page_terms .block{
	padding-bottom: 5rem;
	text-align: left;
	font-size: 1.4rem;
}
.page_privacy .block:last-child,
.page_terms .block:last-child{
	padding-bottom: 9rem;
}
.page_privacy .block h4,
.page_terms .block h4{
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
	font-weight: bold;
	border-bottom: 1px solid #0078A2;
}
.page_privacy .block dl,
.page_privacy .block dl + p{
	margin-top: 3rem;
}
.page_privacy .block dt{
	font-weight: bold;
}
.page_terms ul{
	margin-left: 2rem;
}
.page_privacy .block p.name{
	float: right;
	text-align: left;
}
.page_privacy .block p.name + p{
	clear: both;
	padding-top: 3rem;
}

/*====================================
	14.News
====================================*/
.page_news .cate{
	background: url(../img/page/news_bg.jpg) no-repeat center;
	background-size: cover;
}
.news_list .news{
	padding-bottom: 0;
}
.news_list .tit{
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid #0078A2;
}
.news_list .tit h4{
	float: left;
	font-size: 1.8rem;
}
.news_list .tit .news_search{
	float: right;
}
.news_list .tit .searchbox{
	float: left;
	margin-left: 2rem;
	font-size: 1.2rem;
}
.news_list .tit .searchbox form{
	display: inline;
}
.news_list .tit .searchbox select{
	width: 160px;
	height: 32px;
	padding: 0 1.5rem;
	margin-left: 0.5rem;
	border-radius: 6px;
	background: url(../img/common/acc_open_bl_sp.png) no-repeat 94% center #f5f5f5;
	background-size: 8px;
}
/* news_detail ------------------*/
.news_detail{
	padding-bottom: 6rem;
}
.news_detail .detail{
	max-width: 1000px;width: 100%;
	margin: 0 auto;
}
.detail .inblock{
	padding: 3rem 5rem;
	text-align: left;
}
.detail .inblock img{
	max-width: 100%;
}
.detail .inblock h4{
	padding-bottom: 1rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: 190%;
	border-bottom: 1px dotted #DEDEDE;
}
.detail_date{
	float: none;
	margin: 2rem 0;
	font-size: 1.2rem;
	line-height: 170%;
}
.detail .sns{
	display: table;
	margin: 0 auto;
}
.detail_date .sns{
	float: right;
}
.detail .sns li{
	display: table-cell;
	width: auto;
	margin: -0.8rem 0 0 0;
	padding: 0 0.5rem;
}
.detail .sns li a{
	cursor: pointer;
}
.detail_body img{
	display: block;
	margin: 1rem 0 2rem;
}
.detail_body p{
	margin-bottom: 2rem;
}
.detail_body h5{
	padding: 0.8rem 0 0.5rem 2rem;
	margin: 2rem 0 1rem;
	font-size: 1.8rem;
	line-height: 150%;
	border-left: 16px solid #DBF028;
}
.detail_body h5:empty,
.detail_body .naiyou:empty {
	display: none;
}
.detail_body blockquote{
	position: relative;
	padding: 3rem 5rem;
	margin: 3rem 0;
	font-size: 1.4rem;
	border-radius: 30px;
	border: 1px dotted #DEDEDE;
}
.detail_body blockquote p:last-child{
	margin: 0;
}
.detail_body blockquote:before{
	position: absolute;
	display: block;
	top: -1.5rem;
	left: 5rem;
	width: 22px;
	height: 31px;
	content: "";
	background: url(../img/common/inyou.png) no-repeat center;
	background-size: contain;
}
.detail_body ul,
.detail_body ol{
	margin: 2rem;
}
.news_detail .post_navi{
	max-width: 1000px;width: 100%;
	padding: 0 2rem;
	margin: 3rem auto 0;box-sizing: border-box;
}
.news_detail .post_navi li{
	float: left;
	list-style: none;
	font-size: 1.4rem;
	background: url(../img/common/acc_prev.png) no-repeat 13% center;
}
.news_detail .post_navi li.next{
	float: right;
	background: url(../img/common/acc_next.png) no-repeat 87% center;
}
.news_detail .post_navi li a{
	display: block;
	width: 180px;
	height: 40px;
	line-height: 40px;
	color: #525252;
	text-decoration: none;
	border-radius: 20px;
	border: 1px solid #ccc;
}
.news_list_tit{
	margin-bottom: 3rem;
	color: #0078A2;
	font-weight: bold;
	text-indent: -1rem;
	font-size: 1.8rem;
	text-align: center;
}
.news_list_tit:before{
	position: relative;
	display: inline-block;
	top: 1rem;
	width: 36px;
	height: 36px;
	margin-right: 1rem;
	content: '';
	background: url(../img/icon/icon_news_m.png);
	background-size: cover;
}

/*====================================
	15.Magazine
====================================*/
.page_magazine .cate{
	background: url(../img/page/magazine_bg.jpg) no-repeat center;
	background-size: cover;
}
.magazine_list_tit{
	padding-bottom: 1.5rem;
	margin-bottom: 4rem;
	border-bottom: 1px solid #0078A2;
}
.magazine_list_tit h4{
	float: left;
	color: #0078A2;
	font-size: 1.8rem;
}
.magazine_list_tit .magazine_search{
	float: right;
	font-size: 1.2rem;
}
.magazine_list_tit .searchbox select{
	display: inline;
	width: 160px;
	height: 32px;
	padding: 0 1.5rem;
	margin-left: 0.5rem;
	border-radius: 6px;
	background: url(../img/common/acc_open_bl.png) no-repeat 93% center #f5f5f5;
}
.page_magazine .pagination{
	margin-top: 2rem;
}
/* magazine_detail ------------------*/
.magazine_detail .detail{
	padding: 6rem 0 0.1rem;
}
.magazine_detail .inblock{
	max-width: 1000px;
	width: 100%;
}
.magazine_detail .inblock img{
	max-width: 100%;
}
.magazine_cat{
	display: block;
	float: left;
	padding: 0 1.5rem;
	margin-right: 1rem;
	color: #fff;
	font-size: 1rem;
	background: #0078A2;	
}
.magazine_cat a{
	color: #fff;
	text-decoration: none;
}
.magazine_navi{
	width: 100%;
	margin: 5rem auto;
	background: url(../img/common/line.png) repeat-y center top;
	padding: 0 2rem;box-sizing: border-box;
}
.magazine_navi li{
	float: left;
	width: 43%;
	margin-bottom: 0;
	min-height: 66px;
	text-align: left;
	list-style: none;
	font-weight: bold;
}
.magazine_navi li.next{
	float: right;
	margin-right: 0;
}
.magazine_navi li a{
	display: block;
	min-height: 66px;
	padding: 1rem 0 1rem 9rem;
	background: url(../img/common/btn_prev.png) no-repeat left center;
	text-decoration: none;
}
.magazine_navi li a:hover{
	color: #0078A2;
	text-decoration: underline;
}
.magazine_navi li.next a{
	padding: 1rem 9rem 1rem 0;
	background: url(../img/common/btn_next.png) no-repeat right center;
}
.magazine_detail .magazine_list_title{
	margin: 4rem 0 3rem;
	color: #0078A2;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
	text-indent: -2rem;
}
.magazine_detail .magazine_list_title:before{
	position: relative;
	display: inline-block;
	top: 1.5rem;
	width: 36px;
	height: 44px;
	margin-right: 1rem;
	content: '';
	background: url(../img/icon/icon_magazine_m.png) no-repeat center;
}
.magazine_detail .btn_back a{
	width: 280px;
	height: 40px;
	line-height: 40px;
	color: #525252;
	font-size: 1.2rem;
	background: url(../img/common/acc_prev.png) no-repeat 2rem center #f5f5f5
}
.magazine_detail .btn_back a:hover{
	background-color: #DBF028;
}

/*====================================
	16.404
====================================*/
.page_404 .block{
	padding-top: 6rem;
}
.page_404 .block .btn{
	width: 200px;
	margin: 2rem auto 0;
}
.page_404 .block .btn,
.page_404 .block .btn a{
	height: 36px;
	line-height: 36px;
}

@media screen and (max-width: 767px) {
/*====================================
	01.Common
====================================*/
.cate .wrap{
	padding-top: 13rem;
	height: 250px;
}
.cate h2{
	font-size: 2.6rem;
	margin-bottom: 0.5rem;
}
.page_solutions .cate .wrap{
	padding-top: 11.5rem;
}
.page_solutions .cate h2{
	line-height: 110%;
}
.page_solutions .cate h2 br{
	display: block;
}

/* pan -------------------*/
.pan{
	display: none;
}
/* layput ---------------*/
.block{
	padding: 0 1.5rem 4rem;
}
.inblock{
	padding: 2.5rem 2rem;
	border-radius: 10px;
}
.bg_gr{
	padding: 0 1.5rem 5rem;
}
/* table -----------------*/
.tb tr,
.tb th,
.tb td{
	display: block;
	width: 100%;
	border: none;
	padding: 0 0 0.6rem;
}
.tb tr{
	padding-top: 1.1rem;
	border-bottom: 1px dotted #ccc;
}
.tb tr:last-child{
	border: none;
}

/* midashi / h3 ----------*/
.midashi_tit{
	display: block;
	height: auto;
}
.midashi_tit .icon,
.midashi_tit .icon.icon_gr{
	position: relative;
	width: 120px;
	height: 120px;
	top: -2rem;
	left: 50%;
	margin-left: -6rem;
	padding-top: 2rem;
	background-size: 100%;
}
.midashi_tit .icon img{
	width: 76px;
}
.midashi_tit h3{
	top: -3rem;
	font-size: 2rem;
	margin-top: 0;
}
.midashi_tit span{
	margin-top: 0.5rem;
	font-size: 1.2rem;
}
/* title / h4 ------------*/
.title{
	padding: 3rem 0 2rem;
	font-size: 1.6rem;
	line-height: 100%;
}
.title + p{
	margin-bottom: 2rem;
	text-align: left;
	font-weight: normal;
}

/* title / h4 ------------*/
.icon_title{
	margin-bottom: 2.5rem;
	font-size: 1.6rem;
}
.icon_title:before{
	top: 1rem;
	width: 36px;
	height: 36px;
}

/* foot_service ---------------*/

.foot_service{
	padding: 3rem 0 0;
	margin-bottom: 12rem;
	background: url(../img/common/service_bg.gif) repeat-x left -11rem #fff;
}
/*
.foot_service .service li{
	width: 100%;
}
.foot_service .service li .icon{
	width: 50px;
}
.foot_service .service li a h3 {
	padding-top: 2.7rem;
	font-size: 1.4rem;
}
.foot_service .service li.nidan a h3{
	padding-top: 1.5rem;
}
.foot_service .service li span{
	margin-top: 0.5rem;
}*/
/* pagination ------------*/
.pagination{
	margin-top: 2rem;
}

/*====================================
	02.Parts
====================================*/

/* tab ------------------------*/
.tab{
	width: 100%;
	height: auto;
	border: none;
	border-radius: 16px;
	overflow: hidden;
}
.tab:after{
	width: 100%;
	border: none;
}
.tab li{
	width: 50%; 
	margin-right: 0;
}
.tab li a{
	height: 40px;
	line-height: 42px;
	border-radius: 0;
}

/* main_message ---------------*/
.main_message h4{
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
	text-align: left;
}
.pagination{
	display: none;
}

.pagelink{
	display: block;
}
.pagelink ul{
	display: table;
	width: 100%;
}
.pagelink li{
	display: table-cell;
	vertical-align: middle;
	width: 20%;
	font-size: 1.4rem;
	border: none;
}
.pagelink li:nth-child(2){
	text-align: center;
	width: 60%;
	color: #ccc;
}
.pagelink li.page_current{
	font-size: 1.6rem;
}
.pagelink li.page_current span{
	color: #0078A2;
}
.pagelink li.next{
	text-align: right;
}
.pagelink li a{
	display: block;
	padding-left: 1.8rem;
	color: #606060;
	background: url(../img/common/acc_prev_b_sp.png) no-repeat left center;
	background-size: 10px;
}
.pagelink li.next a{
	padding: 0 1.8rem 0 0;
	background: url(../img/common/acc_next_b_sp.png) no-repeat right center;
	background-size: 10px;
}

/*====================================
	03.Company
====================================*/
.page_company .profile .yohaku{
	padding-left: 0;
}
.page_company .profile .btn{
	margin: 2rem auto 0;
}
.page_company .company_yakuin dd span{
	font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
	.page_company .company_yakuin dt{
		padding-top: 0.5rem;
	}
	.page_company .company_yakuin dd{
		padding-left: 12.5rem;
		padding-top: 0.5rem;
	}
	.page_company .company_yakuin dd span{
		display: block;
		margin: 0 0 0 -1rem;
	}
}
/* history --------------------*/
.page_company .history dl{
	width: 100%;
	border-top: 1px solid #F5F5F5;
}
.page_company .history dt,
.page_company .history dd{
	display: block;
	font-size: 1.4rem;
	border: none;
}
.page_company .history dt{
	padding-bottom: 0;
}
.page_company .history dd{
	padding-top: 0;
	line-height: 180%;
}
/* customers ------------------*/
.page_company .customers{
	padding-bottom: 0;
}
.page_company .customers .inblock{
	width: 100%;
	padding: 1.2rem 0;
}
.page_company .customers .inblock br{
	display: none;
}
.page_company .customers .inblock p{
	display: block;
	line-height: 190%;
}
.page_company .customers .inblock p:after{
	content: ""
}
.page_company .foot_service{
	background-position: left -30rem;
}

/*====================================
	04.about
====================================*/
.page_about .cate{
	background-position: -8rem center;
}
.page_about h3.midi{
	font-size: 1.6rem;
}
.page_about .news h3{
	font-size: 1.6rem;
	top: -5rem;
}
.page_about .news .midashi_tit{
	margin-bottom: -4rem;
}
.page_about .message{
	padding: 0;
}
.page_about .message h4{
	font-size: 1.6rem;
	margin: 0 1.5rem 2rem;
	line-height: 180%;
	text-align: left;
}
.page_about .message_txt{
	padding: 0 1.5rem 5rem;
	margin-top: 12rem;
}
.page_about .message_txt img{
	position: relative;
	top: -10rem;
	margin: 0 0 -8rem;
	left: auto;
}
.page_about .message_txt .name{
	margin-top: 1rem;
}
/* value -------------------*/
.page_about .value{
	padding: 0;
}
.page_about .value_tit{
	font-size: 1.6rem;
}
.page_about .motto{
	width: auto;
	margin: 2rem 1.5rem 0;
	padding: 2rem 2.5rem;
	text-align: left;
	line-height: 200%;
	box-shadow:0px 0px 1px 1px rgba(0,0,0,0.06);
}
.page_about .more_info{
	padding: 9rem 0 5.5rem;
}
.page_about .more_info ul{
	display: table;
	width: 300px;
}
.page_about .more_info li{
	display: table-cell;
	vertical-align: middle;
	margin: 0 0.5rem;
}
.page_about .more_info li,
.page_about .more_info li a{
	width: 140px;
	height: 140px;
	font-size: 1.6rem;
}
.page_about .more_info li img{
	width: 56px;
}
.page_about .more_info li a{
	padding-top: 2rem;
}
.page_about .more_info li span{
	font-size: 1rem;
	margin: 0.5rem 0 1rem;
}
/*news ----------------------*/
.page_about .news{
	padding-bottom: 4rem;
}

/*====================================
	05.Office
====================================*/
.page_office .tab li:first-child{
	width: 100%;
}
.page_office .tab li{
	width: 50%;
	margin-right: 0;
}
/* head_office ------------------*/
.page_office .office_info .office_img{
	float: none;
	margin: 0;
}
.page_office .office_info .txt{
	padding: 1.5rem 0;
}
.page_office .office_info .name{
	margin-bottom: 1rem;
}
.page_office .office_info .map{
	position: relative;
	padding-bottom: 40%;
	padding-top: 25px;
	height: 0;
	overflow: hidden;
}
.page_office .office_info .map iframe,
.page_office .office_info .map object,
.page_office .office_info .map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page_office .office_info .address_btn{
	margin: 1rem 0 0 0;
}
.page_office .office_info .address_btn a{
	margin: auto;
}
/* service_office ------------------*/
.page_office .service_office{
	padding-bottom: 2rem;
}
.page_office .service_office li{
	margin-bottom: 2rem;
}
.page_office .service_office li:nth-child(3n-1){
	margin-left: 0;
	margin-right: 0;
}
.page_office .service_office .txt{
	padding: 1rem 2rem 1.5rem;
	font-size: 1.6rem;
}
.page_office .service_office .address{
	margin: 0.5rem 0 0.8rem;
	font-size: 1.2rem;
}
.page_office .service_office .btn{
	float: none;
	width: 280px;
	margin: 0 auto;
}
.page_office .service_office .btn a{
	font-size: 1.2rem;
}
/* other_office ------------------*/
.page_office .other_office .inblock{
	top: 6rem;
	padding : 0 1.5rem 1.5rem;
	margin-top: -6rem;
}
.page_office .foot_service{
	padding-top: 9rem;
	background-position: left -6rem;
}

/*====================================
	06.Ssolutions
====================================*/
.page_solutions .main_message{
	padding-bottom: 2rem;
}
.page_solutions .maincol{
	display: block;
	padding: 0 1.5rem;
}
.page_solutions .maincol li,
.page_solutions .maincol li .data{
	display: block;
	width: 100%;
	height: 100%;
	padding: 31% 0 0;
	background: url(../img/page/solutions_menseki1_sp.jpg?180827) no-repeat center;
	background-size: cover;
}
.page_solutions .maincol li:nth-child(2) {
	background: url(../img/page/solutions_menseki2_sp.jpg?180827) no-repeat center;
	background-size: cover;
}
.page_solutions .maincol li:nth-child(3) {
	background: url(../img/page/solutions_menseki3_sp.jpg?180827) no-repeat center;
	background-size: cover;
}
.page_solutions .maincol li img{
	display: none;
}

/* total --------------------*/
.page_solutions .total{
	top: -4rem;
	padding-top: 6.5rem;
	padding-bottom: 3rem;
	margin-bottom: -4rem;
}
.page_solutions .total .inblock{
	padding: 0 2rem 2rem;
}
.page_solutions .total .title + p{
	text-align: center;
	font-weight: bold;
}

/* total --------------------*/
.page_solutions .container{
	padding: 1rem 0;
}
.page_solutions .cont_box{
	height: 200px;
}
.page_solutions .cont_wrap{
	height: 80px;
}
.page_solutions .cont_inner,
.page_solutions .cont_truns .cont_inner{
	height: auto;
	min-height: 100%;
	line-height: 1;
}
.page_solutions .cont_truns .tit{
	margin: 0;
}
.page_solutions .container .tit h3{
	font-size: 2.2rem;
}
.page_solutions .container .tit span {
	font-size: 1.2rem;
}

/* foot_service -------------*/
.page_solutions .foot_service{
	padding-top: 1rem;
	background: none;
}
.page_solutions .foot_service .service {
	top: 0;
}

/*====================================
	07.Logistics
====================================*/
.page_logistics .main_message {
    padding-bottom: 2rem;
}
.page_logistics .logistics_thumb{
	padding: 0 1.5rem 2rem;
}
/* bumon ------------------*/
.bumon{
	padding: 0 1.5rem;
}
.bumon .tab_box,
.bumon .tab_box ul{
	width: 100%;
	border: none;
}
.bumon .tab_box{
	margin-bottom: 3rem;
}
.bumon .tab_box p{
	display: none;
}
.bumon_box{
	display: block;
	margin-bottom: 5rem;
}
.bumon_info .thum,
.bumon_info .txt,
.bumon_shousai .box_l,
.bumon_shousai .box_r{
	display: block;
	float: none;
	width: 100%;
	padding: 0;
}
.bumon_shousai .box_l,
.bumon_shousai .box_r{
	display: block !important;
	float: none !important;
	width: 100% !important;
	padding: 0 !important;
}
.bumon_shousai .box_l .btn a{
	font-size: 1.2rem;
	background: url(../img/icon/icon_system_sp.png) no-repeat 2rem;
	background-size: 12px;
	
}
.bumon_info .thum{
	height: 140px;
	line-height: 140px;
	font-size: 8rem;
	border-radius: 20px 20px 0 0;
}
.bumon_info .thum,
#bumon2 .bumon_info .thum,
#bumon3 .bumon_info .thum,
#bumon4 .bumon_info .thum{
	background-size: cover;
}
#bumon2 .bumon_info .thum{
	background-position: center 0;
}
.bumon_info .txt,
.bumon_shousai{
	padding: 2.5rem 2rem;
	line-height: 180%;
}
.bumon_shousai{
	padding-bottom: 4rem;
	border-radius: 0 0 20px 20px;
	box-shadow: 0px 0px 7px 6px rgba(0,0,0,0.05);
}
.bumon_info .txt h4{
	font-size: 1.6rem;
}
.bumon_info .txt h4 + p{
	margin: 1rem 0;
	font-size: 1.4rem;
}
.bumon_shousai .box_l{
	padding-bottom: 2.5rem !important;
	margin-bottom: 2rem;
	border: none;
	border-bottom: 1px dotted #ccc;
}
.bumon_shousai h5{
	margin-bottom: 1rem;
	text-align: center;
	font-size: 1.6rem;
}
.bumon_shousai .box_r li,
.bumon_shousai .box_r li:last-child{
	width: 100%;
	float: none;
}
.bumon_shousai .box_r li img{
	width: 100%
}
.bumon .panel_btn,
.bumon .panel_btn.close span:before{
	font-size: 1.4rem;
	line-height: 30px;
}
.bumon .panel_btn span{
	background: url(../img/common/acc_open_bl_sp.png) no-repeat 92% 45%;
	background-size: 8px;
}	
.bumon .panel_btn.close span:before{
	background: url(../img/common/acc_close_bl_sp.png) no-repeat 91% 45%;
	background-size: 8px;
}
/* bumon ------------------*/
.page_trans-logistics #bumon3 .bumon_info .thum{
	/*.background: url(../img/page/trans-logistics_bumon3_sp.jpg) no-repeat center;*/
	background-size: cover;
	background-position: center -18px;
}

#bumon3 .bumon_shousai .in_img img{
	width: 100%;
}

/* other_solution ----------*/
.other_solution{
	padding: 1.5rem 1.5rem 0;
}
.other_solution .icon_title{
	margin-bottom: 1.5rem;
	font-size: 1.4rem;
}
.other_solution .icon_title:before{
	top: 0;
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto;
}
.other_solution ul{
	display: block;
}
.other_solution li{
	position: relative;
	display: block;
	width: 100%;
}
.other_solution li a{
	height: 120px;
}
.other_solution li a .btn{
	display: none;
}
.other_solution li a,
.other_solution li a:hover {
	background-image: url(../img/common/sp_arrow_wh_sp.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 32px;
}
.other_solution li a h5{
	padding: 4rem 0 0.5rem;
	font-size: 2rem;
}

/* foot_service --------------*/
.page_logistics .foot_service{
	background-position: left -29.5rem;
}


/*====================================
	08.Construct
====================================*/
.page_construct .main_message {
    padding-bottom: 2rem;
}
.page_construct .construct_thumb {
	padding: 0 1.5rem 2rem;
}
.page_construct .tab li{
	width: 50%;
}
.page_construct .bumon_shousai p{
	margin: 0 0 0.5rem 0;
}
.page_construct .bumon_shousai .bumon_jirei img{
	margin-bottom: 0.5rem;
}
.page_construct #bumon1 .bumon_info .thum,
.page_construct #bumon2 .bumon_info .thum{
	background-size: cover;
}
/*====================================
	09.Trans-logistics
====================================*/
.page_trans-logistics .main_message {
    padding-bottom: 2rem;
}
.page_trans-logistics .trans-logistics_thumb {
	padding: 0 1.5rem 2rem;
}
.page_trans-logistics #bumon1 .bumon_info .thum,
.page_trans-logistics #bumon2 .bumon_info .thum,
.page_trans-logistics #bumon3 .bumon_info .thum{
	background-size: cover;
}
.page_trans-logistics #bumon1 .bumon_shousai .box_l,
.page_trans-logistics #bumon2 .bumon_shousai .box_l{
	padding-bottom: 0 !important;
}
.page_trans-logistics .tab li{
	width: 50%;
	margin: 0;
}
.page_trans-logistics .tab li:last-child{
	width: 100%;
}
/* bumon2 ----------------------*/
#bumon2 .bumon_shousai .box_l .btn a{
	background-image: url(../img/icon/icon_btn_search_sp.png);
	background-size: 18px;
}
/* bumon3 ----------------------*/
.page_logistics #bumon3 .bumon_shousai .box_l,
.page_logistics #bumon3 .bumon_shousai .box_r{
	display: -webkit-box !important;
	display: -moz-box !important;
	display: box !important;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
}
.page_logistics #bumon3 .bumon_shousai .box_l .in_img,
.page_logistics #bumon3 .bumon_shousai .box_r .in_img{
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	box-ordinal-group: 2;
	display: block;
	padding: 0;
}
.page_logistics #bumon3 .bumon_shousai .box_l .in_txt,
.page_logistics #bumon3 .bumon_shousai .box_r .in_txt{
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	box-ordinal-group: 1;
	display: block;
	padding: 0;
}
.page_logistics #bumon3 .bumon_shousai .in_txt h5{
	text-align: center;
}
.page_logistics #bumon3 .bumon_shousai .in_img{
	width: 70%;
	display: block;
	margin: 0 auto;
}
.page_logistics #bumon3 .bumon_shousai .box_r img{
	float: left;
	width: 48%;
	margin-top: 2rem;
}
.page_logistics #bumon3 .bumon_shousai .box_r img:last-child{
	float: right;
	width: 45%;
}
/* bumon4 ----------------------*/
#bumon4 .bumon_shousai h5{
	line-height: 190%;
	padding-left: 3.5rem;
}
#bumon4 .bumon_shousai h5 span{
	top: 0;
	left: -2rem;
	margin-top: 0;
}
#bumon4 .bumon_shousai p.line{
	padding-bottom: 2rem;
	border-bottom: 1px dotted #ccc;
}

/*====================================
	10.Service
====================================*/
.s_search{
	height: auto;
	padding: 7.3rem 2rem 5.5rem;
}
.s_search h2{
	height: 60px;
	margin: 0 0 2.4rem -3rem;
	font-size: 1.8rem;
	letter-spacing: 1px;
}
.s_search h2:before{
	top: 1.6rem;
	width: 54px;
	height: 54px;
}
.s_search .wrap{
	width: 100%;
	border-radius: 20px;
}
.s_search .search_box{
	width: 100%;
	text-align: center;
	padding: 2rem 1.5rem 2.5rem;
}
.s_search .search_box .search_inner{
	margin-bottom: 1rem;
}
.s_search .search_other .conditions{
	margin: 0 0 2rem;
}
.s_search .search_main .words input[type="text"]{
	padding: 0 1rem;
}

.s_magazine{
	margin-bottom: 3rem;
}
.s_magazine .tit{
	height: 130px;
}
.page_service .s_magazine .btn a{
	width: 160px;
	height: 32px;
	line-height: 33px;
	padding: 0;
	text-align: center;
}
.s_magazine li:nth-child(n+4) {
	display: none;	
}

/* container ------------------*/
.cont_solutions .cont_inner{
	height: 120px;
}
.cont_solutions .cont_inner h3{
	margin: 0;
	font-size: 2.2rem;
}

/* service --------------------*/
.s_service{
	margin: 2.5rem 0 0;
	background: none;
}
.s_service .service{
	top: 0;
	margin: 0;
}
.s_service .service li .icon {
    top: 0.8rem;
    left: 3rem;
    width: 64px;
}
.s_service .service li a h3{
	font-size: 1.6rem;
	line-height: 110%;
}

/* inqury --------------------*/
.page_service .inqury{
	margin: 7rem 0 3rem;
}

/*====================================
	11.Strage
====================================*/
.main_message h4{
	text-align: center;
}
.page_strage .main_message{
	padding-bottom: 2rem;
}
.page_strage .strage_thumb{
	margin: 0 1.5rem;
}
/* tab */
.page_strage .tab_box{
	margin: 2rem 1.5rem;
}
.page_strage .tab_box li{
	width: 50%;
	margin: 0;
}
.page_strage .tab_box li:last-child{
	width: 100%;
}
.page_strage .tab_box li span{
	display: none;
}
/* availability ----------------*/
.page_strage .availability .icon_title{
	font-size: 1.6rem;
	padding-top: 1rem;
	margin-bottom: 2rem;
}
.page_strage .availability .inblock{
	padding: 1rem 0 3.5rem;
	border-radius: 30px;
}
.office_cont + .office_cont {
    margin-top: 0;
}
.office_cont .office_inner{
	display: none;
}
.office_cont .office_ken{
	padding: 1rem 0 0.5rem;
	margin: 0 2rem;
	text-align: center;
	background: url(../img/common/acc_open_bl_sp_big.png) no-repeat 96% center;
	background-size: 13px;
}
.office_cont .office_ken.close{
	background: url(../img/common/acc_close_bl_sp_big.png) no-repeat 96% center;
	background-size: 13px;
}
.office_cont .office_shi{
	padding: 0.5rem;
	margin: 1.5rem 2rem;
	text-align: center;
}
.office_group{
	display: block;
	border: none;
	padding: 0;
}
.office_more{
	padding-bottom: 4rem;
	margin-bottom: 2rem;
	position: relative;
}
.office_more_btn{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 90%;
	height: 32px;
	line-height: 32px;
	margin: 0 auto;
	text-align:center;
	border: 1px solid #ccc;
	border-radius: 20px;
}
.office_more_btn.close{
	font-size: 0;
}
.office_more_btn.close:before {
	content: "閉じる";
	font-size: 1.4rem;
}
.offce_more_body{
	display: none;
}
.office_group .thumb,
.office_group .thumb img{
	width: 100%;
	display: block;
	overflow: hidden;
}
.office_group .thumb img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.office_group .info{
	width: auto;
	display: block;
	padding: 0 0 1.5rem;
	margin: 0 2rem 1rem;
	border: none;
	border-bottom: 1px dotted #ccc;
}
.office_group .info .name{
	margin: 2rem 0 1.6rem;
	text-align: center;
}
.office_group .info dl + dl{
	margin-top: 1rem;
}
.office_group .other{
	display: block;
	width: auto;
	padding: 0;
	margin: 0 2rem;
}
.office_group .other .bikou{
	margin-bottom: 0.5rem;
}
.office_group .action{
	display: block;
	width: 100%;
	margin-top: 2rem;
}
.office_group .action .btn{
	width: 42.5%;
	float: left;
	margin-left: 6%;
}
.office_group .action .btn_contact{
	float: right;
	margin: 0 6% 0 0;
}
.office_group .action .btn a{
	width: 100%;
	background-image: none;
}
/* internal ------------------*/
.page_strage .internal .icon_title{
	margin-bottom: 2rem;
}
.page_strage .internal .inblock{
	padding: 2rem;	
}
.page_strage .internal_movie a:after{
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	background-size: 100%;
}
.page_strage .internal_txt{
	width: 100%;
	font-size: 1.2rem;
}
.page_strage .internal_tit{
	font-size: 1.6rem;
	margin: 1.5rem 0 1rem;
}
.movie video {
  width: 96vw;
}
/* estimate ------------------*/
.page_strage .estimate .icon_title{
	top: -2.5rem;
	margin-bottom: -1rem;
	position: relative;
}
.estimate_cont{
	width: 100%;
	min-height: inherit;
}
.estimate_naiyou{
	padding: 2.5rem 2rem 3.5rem;
}
.estimate_naiyou .type img{
	width: 13%;
}
.estimate_naiyou .type .type_tit{
	width: 82%;
	font-size: 1.4rem;
}
.estimate_naiyou .type .type_tit p + p{
	line-height: 140%;
}
.estimate_naiyou .type .nom{
	padding: 0.4rem 0.5rem;
	margin: 0;
}
.estimate_cont .type + p{
	margin: 1rem 0;
	font-size: 1.2rem;
	line-height: 170%;
}
.estimate_naiyou .price{
	/*width: 52%;*/
}
.estimate_naiyou .price p{
	font-size: 1.3rem;
}
.estimate_naiyou .price .value{
	font-size: 1.8rem;
}
.estimate_naiyou .btn{
	width: 43%;
}
.estimate_naiyou .btn a{
	width: 100%;
	height: 50px;
	font-size: 1.2rem;
	border-radius: 12px;
	background: none;
}
@media screen and (max-width: 400px) {
.estimate_naiyou .price p{
	font-size: 1.2rem;
}
.estimate_naiyou .price p span{
	display: inline-block;
	font-size: 1.1rem;
}
}
@media screen and (max-width: 360px) {
.estimate_naiyou .price p{
	line-height: 1.2;
	margin-bottom: 0.5rem;
}
.estimate_naiyou .price p span{
	display: block;
}
.estimate_naiyou .btn{
	width: 50%;
}
}
.estimate_shousai{
	padding: 2rem;
}
.estimate_shousai table{
	width: 100%;
	font-size: 1.2rem;
	line-height: 150%;
}
.estimate_shousai thead{
	display: none;
}
/* レイアウト */
.estimate_shousai th,
.estimate_shousai td{
	display: block;
	width: 100%;
}
/* 再設定 */
.estimate_shousai .shousai_tit{
	margin-bottom: 0.5rem;
}
.estimate_shousai tr{
	display: block;
	margin-bottom: 2rem;
}
.estimate_shousai .intable tr{
	margin-bottom: 1rem;
}
.estimate_shousai tbody th{
	padding-bottom: 0.5rem;
	font-weight: normal;
	border-bottom: 1px dotted #525252;
}
.estimate_shousai tbody td{
	padding: 0.3rem 0;
	font-size: 1.2rem;
	background: url(../img/common/tb_line_bottom.gif) repeat-x left bottom;
}

.estimate_shousai tbody tr td:before{
	display: table-cell;
	width: 50px;
	padding: 0.3rem 0;
	margin-right: 1rem;
	background: url(../img/common/tb_line_yoko.gif) repeat-y right center;
}
.estimate_shousai tbody tr td:nth-child(2):before,
.estimate_shousai .intable tr td:nth-child(1):before{
	content: "品名";
}
.estimate_shousai tbody tr td:nth-child(3):before,
.estimate_shousai .intable tr td:nth-child(2):before{
	content: "数量";
}
.estimate_shousai tbody tr td:nth-child(4):before,
.estimate_shousai .intable tr td:nth-child(3):before{
	content: "単位";
}
.estimate_shousai tbody tr td:nth-child(5):before,
.estimate_shousai .intable tr td:nth-child(4):before{
	content: "単価";
}
.estimate_shousai tbody tr td:nth-child(6):before,
.estimate_shousai .intable tr td:nth-child(5):before
{
	content: "金額";
}
.estimate_shousai tbody td.hav_table{
	background: none;
}
.hav_table:before{
	display: none !important;
}
.estimate_shousai tbody tr td p{
	display: table-cell;
	padding-left: 2rem;
}


.estimate_shousai tbody span.sp_none + span{
	display: none;
}
.estimate_shousai tbody span+span{
	padding: 0;
	display: inline;
}
.estimate_shousai tbody span.nyuko + span:before{
	content:"　|　出庫：";
}
.estimate_shousai tbody span.nyuko:before{
	content: "入庫：";
}

.estimate_shousai tfoot td{
	width: auto;
	display: inline-block;
	font-weight: bold;
}
.estimate_shousai tfoot td:first-child{
	width: 57px;
}
.estimate_shousai tfoot td.total:after{
	content: "円"
}



/* estimate_contact --------------*/
.estimate_contact{
	top: -13rem;
	width: 100%;
	padding: 0 2rem;
	margin-bottom: -8rem;
	background: url(../img/common/tokuten_bg.gif) repeat-x left 5rem;
}
.estimate_contact li{
	width: 100%;
	margin-bottom: 1rem;
}
.estimate_contact li img{
	left: 1rem;
	width: 46px;
}
.estimate_contact li p{
	margin-bottom: 0.3rem;
	font-size: 1.2rem;
	line-height: 160%;
}
/* work -------------------------*/
.page_strage .work .midashi_tit,
.page_strage .system .midashi_tit{
	height: 100px;
}
.page_strage .work .midashi_tit .icon,
.page_strage .system .midashi_tit .icon{
	top: -3rem;
	left: 50%;
	margin-bottom: -2rem;
	background-size: 100%;
}
.page_strage .work .midashi_tit .icon img,
.page_strage .system .midashi_tit .icon img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -3.8rem 0 0 -3.8rem;
}
.page_strage .work .midashi_tit h3,
.page_strage .system .midashi_tit h3{
	font-size: 1.6rem;
}
.page_strage .work_txt ul{
	margin: 1rem  0 3rem;
}
.page_strage .work_txt ul li{
	width: 50%;
	margin: 0;
}
.page_strage .work_txt .btn,
.page_strage .work_txt .btn a{
	width: 200px;
	font-size: 1.6rem;
}
/* system -------------------------*/
.page_strage .system .midashi_tit .icon img{
	width: 110px;
	margin: -5.5rem 0 0 -5.5rem;
}
.page_strage .system_tit{
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
}
.page_strage .system_message{
	margin-top: 2rem;
}
.page_strage .system_txt{
	padding-bottom: 4rem;
}
/* system -------------------------*/
.page_strage .feature{
	padding: 3rem 1.5rem;
}
.page_strage .feature h4{
	font-size: 1.6rem;
}
.page_strage .feature li,
.page_strage .feature li:nth-child(3n-1),
.page_strage .feature li.one_block{
	width: 100%;
	height: auto;
	padding: 2.6rem 2rem;
	margin: 0 0 3rem;
	font-size: 1.2rem;
}
.page_strage .feature li .feature_tit{
	font-size: 1.4rem;
}

/*====================================
	12.Case
====================================*/
.page_case .offer .icon_title{
	margin-bottom: 1.2rem;
	font-size: 1.6rem;
	text-indent: 0;
	line-height: 140%;
}
.page_case .offer .icon_title:before{
	top: -1rem;
	left: 50%;
	display: block;
	margin: 0 0 0 -1.8rem;
}
/* offer ------------------------*/
.page_case .offer{
	padding: 0 1.5rem 3rem;
}
/* tab */
.page_case .offer .tab li{
	width: 50%;
	margin: 0;
}
.page_case .offer .tab{
	margin: 1.5rem 0 2.5rem;
}
/* receipt ---------------*/
.page_case .offer_cont{
	border-radius: 24px;
	box-shadow: 0 3px 11px 3px rgba(0,0,0,0.1);
}
.page_case .offer_main .thumb{
	display: block;
	width: 100%;
	height: 140px;
}
.page_case .offer_main .txt{
	display: block;
	padding: 2rem 2rem 3rem; 
}
.page_case .offer_main .txt h5{
	font-size: 1.6rem;
	text-align: center;
}
.page_case .offer_kanren{
	padding: 2rem;
}
.page_case .offer_kanren .offer_jirei,
.page_case .offer_kanren .column4{
	width: 100%;
	padding: 1rem 0;
}
.page_case .offer_kanren ul{
	border: none;
	padding: 0;
}
.page_case .offer_kanren ul li,
.page_case .offer_kanren ul li.dan{
	width: 48%;
	border: none;
	position: relative;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	border-top: 1px dashed #666;
}
@media screen and (max-width: 330px) {
.page_case .offer_kanren ul li{
	font-size: 1.3rem;
}
}
.page_case .offer_kanren ul:first-child li:nth-child(-n+2){
	border-top: 0;
}
.page_case .offer_jirei ul li:nth-of-type(odd):after{
	position: absolute;
	top: 0;
	right: -5%;
	content: "";
	height: 50px;
	display: block;
	border-right: 1px dashed #666;
}
.page_case .offer_jirei ul li:nth-of-type(even){
	float: right;
	border-right: none;
}
.page_case .offer_cont + .btn,
.page_case .offer_cont + .btn a{
	width: 100%;
	margin: 0;
	float: none;
	font-size: 1.6rem;
}
.page_case .offer_cont + .btn{
	width: auto;
	max-width: 280px;
	margin: 3rem auto 3.5rem;
}
.page_case .estimate_contact{
	width: auto;
	padding: 0;
	background: none;
}

/*====================================
	13.Privacy poricy / 13.Terms
====================================*/
.page_privacy .block,
.page_terms .block{
	padding-bottom: 3rem;
}
.page_privacy .block:last-child,
.page_terms .block:last-child{
	padding-bottom: 6rem;
}
.page_privacy .block h4,
.page_terms .block h4{
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
}

/*====================================
	14.News
====================================*/
.news_list .tit{
	padding-bottom: 0.5rem;
}
.news_list .tit h4{
	float: none;
	font-size: 1.6rem;
	text-align: center;
}
.news_list .tit .news_search{
	float: none;
}
.news_list .tit .searchbox{
	float: left;
	width: 48.5%;
	margin: 0 0 1.5rem;
	font-size: 1.2rem;
	text-align: left;
}
.news_list .tit .search_category{
	float: right;
}
.news_list .tit .searchbox select{
	width: 100%;
	padding: 0.5rem 1.5rem;
	margin: 0;
}
.news_list{
	padding-bottom: 3rem;
}
.news_list .news{
	padding: 0;
}
.page_news .foot_service{
	padding: 4rem 1.3rem 1rem;
	background: #f5f5f5;
}
.news_list .news li:nth-child(n+6){
	display: block;
}

/* news_detail ------------------*/
.news_detail .detail{
	width: auto;
}
.detail .inblock{
	padding: 1.5rem 2rem 3rem;
}
.detail .inblock h4{
	font-size: 1.6rem;
	line-height: 170%
}
.detail_date{
	margin: 1.5rem 0;
	padding: 0;
}
.detail_body h5{
	padding: 0 0 0 1rem;
	font-size: 1.6rem;
	line-height: 150%;
	border-left: 2px solid #DBF028;
}
.detail_body blockquote{
	padding: 1.5rem 1.5rem 1rem;
	margin: 2rem 0;
	font-size: 1.2rem;
	border-radius: 20px;
}
.detail_body blockquote:before{
	left: 2rem;
	width: 18px;
}
.detail_date .sns{
	display: none;
}
.news_detail .post_navi{
	width: auto;
}
.news_detail .post_navi li{
	background: url(../img/common/btn_prev_gl.png) no-repeat left center;
	background-size: 30px;
}
.news_detail .post_navi li a{
	width: auto;
	padding-left: 4rem;
	color: #606060;
	border: none;
}
.news_detail .post_navi li.next{
	background: url(../img/common/btn_next_gl.png) no-repeat right center;
	background-size: 30px;
}
.news_detail .post_navi li.next a{
	padding-right: 4rem;
}
.news_list_tit{
	margin-bottom: 0.5rem;
	font-size: 1.6rem;
	text-indent: -1rem;
}
.news_list_tit:before{
	top: 0.5rem;
	width: 26px;
	height: 26px;
}
.detail .news_list .news li:nth-child(n+6) {
	display: none !important;
}
/*====================================
	15.Magazine
====================================*/
.page_magazine .magazine{
	padding: 0;
	margin: 0;
}
.magazine_list .magazine{
	padding: 0;
	margin: 0;
}
.magazine_list_tit{
	padding-bottom: 0.5rem;
	margin-bottom: 1.5rem;
}
.magazine_list_tit .magazine_search{
	float: none;
	margin-bottom: 1rem;
}
.magazine_list_tit .search_category{
	display: table;
	width: 100%;
	text-align: left;
}
.magazine_list_tit .search_category span,
.magazine_list_tit .search_category select{
	display: table-cell;
}
.magazine_list_tit .search_category span{
	width: 120px;
}
.magazine_list_tit .searchbox select{
	width: 100%;
	margin: 0;
}
.magazine_list_tit h4{
	font-size: 1.6rem;
}
/* magazine_detail ------------------*/
.magazine_detail{
	padding: 0;
}
.magazine_detail .detail{
	padding: 2rem 1.5rem;
}
.magazine_detail .inblock{
	width: auto;
}
.magazine_navi{
	margin: 2rem 0 0;
	background: none;
}
.magazine_navi li{
	position: relative;
	float: left;
	width: 43%;
	min-height: inherit;
	margin: 0;
	font-size: 0;
	font-weight: normal;
}
.magazine_navi li.next{
	float: right;
	width: 43%;
	margin: 0;
	text-align: right;
}
.magazine_navi li a{
	height: 32px;
	min-height: auto;
	color: #525252;
	line-height: 32px;
	padding: 0 0 0 4.5rem;
	background: url(../img/common/btn_prev.png) no-repeat left center;
	background-size: contain;
}
.magazine_navi li.next a{
	padding: 0 4.5rem 0 0;
	background: url(../img/common/btn_next.png) no-repeat right center;
	background-size: contain;
}
.magazine_navi li a:before{
	position: absolute;
	top: 0rem;
	left: 4rem;
	content: "前の記事";
	font-size: 1.4rem;
}
.magazine_navi li.next a:before{
	position: absolute;
	left: auto;
	right: 4rem;
	content: "次の記事";
	font-size: 1.4rem;
}
.magazine_detail .magazine_list{
	padding: 0 1.5rem 5rem;
}
.magazine_detail .magazine_list_title{
	margin: 0 0 2rem;
}
.magazine .btn,
.magazine .btn a{
	width: auto;
	text-align: left;
}
.magazine .btn_back a{
	padding-left: 6rem;
	color: #606060;
	background: url(../img/common/btn_prev_gl.png) no-repeat left center;
	background-size: contain;
}
.magazine .btn_back a:hover{
	background: url(../img/common/btn_prev_gl.png) no-repeat left center #fff;
	background-size: contain;
}
/*====================================
	16.404
====================================*/
.page_404 h2{
	line-height: 110%;
}
.page_404 .cate .wrap {
    padding-top: 12rem;
}
.page_404 .block{
	padding-top: 3rem;
}


}
/*====================================
	Lend
====================================*/
.page_lend .cate{
  background: url(../img/page/strage_bg.jpg) no-repeat center;
  background-size: cover;
}
.page_lend .midashi .midashi_tit h3 {
  line-height: 1.45em;
  margin-top: 4.5rem;
}
.page_lend .main_message{
  padding-bottom: 4rem;
}
.text-decoration_underline {
  border-bottom: 6px solid #DFF241;
}
.page_lend .main_message h4 {
  font-size: 2.6rem;
  margin: 1.8rem 0;
  line-height: 1.6em;
  color: #000000;
}
.page_lend .worries.block{
  padding-top: 6rem;
  padding-bottom: 8rem;
}
.page_lend .worries .inblock{
  padding-top: 0;
  padding: 0 5rem 5rem 5rem;
  max-width: 820px;
}
.page_lend .worries .inblock.arrow{
  position: relative;
}
.page_lend .worries .inblock.arrow:after {
  position: absolute;
  content: "";
  bottom: -120px;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border: 40px solid transparent;
  border-top: 40px solid #ffffff;
  margin: 0 auto;
}
.page_lend .worries .midashi_tit .icon {
  position: absolute;
  width: 140px;
  top: -3rem;
  left: -13rem;
  padding-top: 3rem;
  background: url(../img/common/tit_bg_wh.png) no-repeat center top;
  background-size: 140px;
}
.page_lend .worries .midashi_tit {
  height: auto;
}
.page_lend .worries .midashi_tit h3 {
  font-size: 2.3rem;
  margin-top: 5.5rem;
  color: #525252;
}
.worries_list_wrap{
  padding: 0 0 30px 0;
}
.worries_list_wrap.arrow{
  position: relative;
  padding: 50px 0 0 0;
}
.worries_list_wrap.arrow:after {
  position: absolute;
  content: "";
  top: 30px;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border: 30px solid transparent;
  border-top: 30px solid #cadce5;
  margin: 0 auto;
}
.page_lend .worries h4 {
  background: #0078a2;
  color: #ffffff;
  font-size: 2.1rem;
  font-weight: bold;
  width: 270px;
  margin: 20px auto 20px;
  border-radius: 20px;
  padding: 10px;
}
.page_lend .worries .worries_list{
  overflow: hidden;
  list-style: none;
}
.page_lend .worries .worries_list li{
  width: 22%;
  height: 160px;
  float: left;
  margin: 0 7px;
  background: #e9f67e;
  border-radius: 250px;
  padding: 58px 0 0;
  line-height: 1.5em;
  font-weight: bold;
  font-size: 1.7rem;
}
.page_lend .worries .worries_list li.row_3{
  padding: 45px 0 0;
}
.page_lend .worries .worries_list li.row_1{
  padding: 70px 0 0;
}
.page_lend .worries .worries_list.color_bright li{
  background: #f4fabe;
}
.text_color_blue{
  color: #0078a2;
}
.page_lend .sub-lease.block {
  padding-bottom: 2rem;
}
.page_lend .sub-lease .sub-lease_tit {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.1em;
  margin: 0 auto 2rem;
}
.page_lend .sub-lease_question {
  position: relative;
  z-index: 1;
  max-width: 830px;
  margin: 4rem auto 6rem;
  padding: 3rem 4.5rem;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.08);
  text-align: left;
}
.page_lend .sub-lease_question .sub-lease_tit {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.6em;
  color: #0078a2;
  text-align: center;
}
.page_lend .sub-lease_merit.block{
  padding-top: 2rem;
  padding-bottom: 6rem;
  background: url(../img/page/bg_lend_sub-lease_merit.jpg) no-repeat center;
  background-size: cover;
}
.page_lend .sub-lease_merit .inblock{
  padding-top: 0;
  padding: 0 5rem 0 5rem;
  background: none;
  max-width: 870px;
}
.page_lend .sub-lease_merit .midashi_tit h3 {
  line-height: 1.4em;
  font-size: 2.4rem;
}
.page_lend .sub-lease_merit .sub-lease_merit_list{
  overflow: hidden;
  list-style: none;
}
.page_lend .sub-lease_merit .sub-lease_merit_list li{
  position: relative;
  width: 44%;
  float: left;
  margin: 0 20px 15px;
  padding: 20px 0 0 0;
}
.page_lend .sub-lease_merit .sub-lease_merit_list .inner{
  background: #ffffff;
  height: 190px;
  box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
}
.page_lend .sub-lease_merit .sub-lease_merit_list .inner .midashi_tit .icon {
  position: absolute;
  width: 140px;
  top: -2rem;
  left: 0;
  right: 0;
  padding-top: 2rem;
  background: url(../img/common/tit_bg_wh.png) no-repeat center top;
  background-size: 140px;
  margin: 0 auto;
}
.page_lend .sub-lease_merit .sub-lease_merit_list .inner  .midashi_tit {
  height: auto;
}
.page_lend .sub-lease_merit .sub-lease_merit_list .inner .midashi_tit h4 {
  font-size: 2.2rem;
  margin: 7rem 0 2rem;
  border-bottom: 6px solid #DFF241;
}
.page_lend .sub-lease_merit .sub-lease_merit_list .inner .text{
  font-size: 1.8rem;
  line-height: 1.4em;
  font-weight: bold;
  color: #000000;
}
.page_lend .example.block {
  padding-top: 2rem;
  padding-bottom: 4rem;
}
.page_lend .example .midashi_tit{
  line-height: 1.4em;
  font-size: 2.7rem;
  height: auto;
  margin-bottom: 2rem;
}
.page_lend .example .example_inblock{
  max-width: 830px;
	width: 96%;
  margin: 0 auto 0;
  padding: 3rem 2.8rem ;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.08);
  text-align: left;
}
.page_lend .example .example_tit{
  text-align: center;
  font-size: 2rem;
  line-height: 1.4em;
  font-weight: bold;
  color: #000000;
  margin: 0 0 1.8rem;
}
.page_lend .example .example_list{
  overflow: hidden;
  list-style: none;
}
.page_lend .example .example_list li{
  width: 23%;
  float: left;
  margin: 0 1%;
}
.page_lend .voice.block {
  padding-top: 0;
  padding-bottom: 6rem;
}
.page_lend .voice .midashi_tit{
  line-height: 1.4em;
  font-size: 2.7rem;
  height: auto;
  margin-bottom: 2rem;
}
.page_lend .voice .voice_inblock {
  max-width: 855px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
	width: 96%;
}
.page_lend .voice .voice_cont{
  float: left;
  position: relative;
  width: 49%;
  height: auto;
  text-align: left;
  background: #fff;
  border-radius: 36px;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.page_lend .voice .voice_cont.row2{
  height: 325px;
}
.page_lend .voice .voice_cont:nth-child(2n){
  float: right;
}
.page_lend .voice .voice_cont .voice_naiyou{
  padding: 2rem 2.5rem 2rem;
  overflow: hidden;
}
.page_lend .voice .voice_cont .voice_naiyou .voice_naiyou_tit{
  font-size: 2.1rem;
  line-height: 1.5em;
  font-weight: bold;
  color: #0F78A0;
  margin: 0 0 1rem;
}
.page_lend .voice .voice_cont .voice_naiyou .type img{
  float: left;
  width: 95px;
}
.page_lend .voice .voice_cont .voice_naiyou .type .type_tit{
  float: right;
  width: 260px;
  font-size: 1.8rem;
  font-weight: bold;
  margin: -4px 0 0 0;
  line-height: 1.6em;
}
.page_lend .voice .voice_cont .voice_naiyou .type .nom{
  display: inline-block;
  padding: 0.7rem 1rem;
  margin: 0 0 0.5rem;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  background: #0F78A0;
}
.page_lend .voice .voice_cont .type + p{
  margin: 1.5rem 0 0;
  padding-top: 1rem;
  border-top: 1px dotted #ccc;
  line-height: 1.6em;
}
.page_lend .voice .message_text{
  font-size: 2.4rem;
  font-weight: bold;
  margin: 2rem 0 0 0;
  line-height: 1.5em;
  color: #000000;
}
.page_lend .contact-flow.block{
  background: #d9ebf1;
  padding-bottom: 4rem;
}
.page_lend .contact-flow_inblock{
  max-width: 840px;
  margin: 0 auto;
}
.page_lend .contact-flow_inblock .midashi_tit{
  color: #2b2b2b;
  margin: 2.5rem auto 2.5rem;
  height: auto;
}
.page_lend .contact-flow .flow_list li{
  padding: 0 0 4rem 0;
  list-style: none;
}
.page_lend .contact-flow .flow_list li.arrow{
  position: relative;
}
.page_lend .contact-flow .flow_list li.arrow:after {
  position: absolute;
  content: "";
  bottom: -17px;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border: 15px solid transparent;
  border-top: 15px solid #a6a6a6;
  margin: 0 auto;
}
.page_lend .contact-flow .flow_list .inner{
  overflow: hidden;
  line-height: 1.6em;
  background: #ffffff;
}
.page_lend .contact-flow .flow_list .flow_step{
  background: #dbf028;
  width: 13%;
  float: left;
  box-sizing: border-box;
  padding: 18px 0 18px;
}
.page_lend .contact-flow .flow_list .flow_text{
  font-size: 1.6rem;
  font-weight: bold;
  color: #333333;
  width: 87%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding: 18px 20px 18px 30px;
}
.contact-common{
  background: #0078a2;
  padding: 4rem 0;
}
.contact-common .contact-common_inner{
  background: #ffffff;
  max-width: 840px;
  margin: 0 auto;
  padding: 2rem 8rem;
  border-radius: 10px;
}
.contact-common .contact-common_inner dl {
  overflow: hidden;
  padding: 1rem 0;
}
.contact-common .contact-common_inner dl:first-child {
  border-bottom: 1px solid #dddddd;
  margin: 0 0 1rem;
}
.contact-common .contact-common_inner dl dt {
  width: 50%;
  float: left;
  font-weight: bold;
  font-size: 23px;
  padding: 5px 30px 0 0;
  color: #000000;
  box-sizing: border-box;
}
.contact-common .contact-common_inner dl dd {
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.contact-common .contact-common_inner dl dd p {
  font-size: 18px;
  position: relative;
  line-height: 1.5em;
  text-align: center;
}
.contact-common .contact-common_inner dl dd span {
  font-size: 25px;
  font-weight: 600;
  color: #222222;
}
.contact-common .contact-common_inner dl dd .icon_tel {
  background: url(../img/icon/icon_telephone.png) no-repeat left center;
  background-size: 22px;
  padding: 0 0 0 28px;
}
.contact-common .contact-common_inner dl dd .btn {
  display: block;
  font-weight: bold;
  background: url(../img/common/acc_open_bl_sp_big.png) no-repeat 86% center #DBF028;
  background-size: 13.5px;
  line-height: 2em;
  color: #0078A2;
  text-decoration: none;
  text-align: center;
  border-radius: 45px;
  font-size: 18px;
}
.contact-common .contact-common_inner dl dd .btn:hover {
  color: #fff;
  background: url(../img/common/acc_open_wh_sp_big.png) no-repeat 86% center #0F78A0;
  background-size: 13.5px;
}
.contact-common .contact-common_inner .pc_only {
  display: inline;
}
.contact-common .contact-common_inner .sp_only {
  display: none;
}
.page_lend .faq.block{
  padding-bottom: 4rem;
}
.page_lend .faq_inblock{
  width: 840px;
  margin: 0 auto;
}
.page_lend .faq_inblock .midashi_tit{
  margin: 2.5rem auto 2.5rem;
  height: auto;
}
.page_lend .faq .faq_list{
  text-align: left;
}
.page_lend .faq .faq_list dt{
  background: url("../img/icon/icon_question.png") no-repeat 27px 15px #f5f5f5;
  font-size: 1.8rem;
  font-weight: bold;
  color: #0F78A0;
  padding: 17px 10px 17px 70px;
  line-height: 1.6em;
  border-radius: 25px;
}
.page_lend .faq .faq_list dd{
  background: url("../img/icon/icon_answer.png") no-repeat 30px 15px;
  font-size: 1.6rem;
  padding: 13px 10px 20px 70px;
  line-height: 1.4em;
  margin: 8px 0 20px 0;
}
@media screen and (max-width: 767px) {
  /*====================================
    Lend
  ====================================*/
  .page_lend .cate .wrap {
    padding-top: 12rem;
    height: 250px;
}
  .page_lend .cate .wrap h2{
    line-height: 1.2em;
  }
  .page_lend .midashi .midashi_tit h3 {
    line-height: 1.2em;
    top: -3rem;
    font-size: 2rem;
    margin-top: 0;
  }
  .page_lend .main_message h4 {
    margin: 1rem 0 1.2rem;
    line-height: 1.8em;
    font-size: 1.6rem;
  }
  .page_lend .worries.block{
    padding-top: 4rem;
    padding-bottom: 6rem;
  }
  .page_lend .worries .inblock{
    padding: 0 1rem 1rem 1rem;
    width: auto;
  }
  .page_lend .worries .inblock.arrow:after {
    bottom: -105px;
  }
  .page_lend .worries .midashi_tit .icon {
    position: relative;
    width: 120px;
    height: 110px;
    top: -2rem;
    left: 50%;
    margin-left: -6rem;
    padding-top: 2rem;
    background-size: 100%;
  }
  .page_lend .worries .midashi_tit .icon img{
    width: 50px;
  }
  .page_lend .worries .midashi_tit {
    height: auto;
  }
  .page_lend .worries .midashi_tit h3 {
    font-size: 1.8rem;
    margin-top: 0rem;
  }
  .worries_list_wrap{
    padding: 0;
  }
  .worries_list_wrap.arrow{
    padding: 40px 0 0 0;
  }
  .worries_list_wrap.arrow:after {
    top: 20px;
    left: 0;
    right: 0;
    border: 20px solid transparent;
    border-top: 20px solid #cadce5;
  }
  .page_lend .worries h4 {
    font-size: 1.5rem;
    width: 80%;
    margin: 0px auto 15px;
    border-radius: 10px;
    padding: 6px;
  }
  .page_lend .worries .worries_list{
    margin: 0 auto;
    display: inline-block;
    width: 330px;
  }
  .page_lend .worries .worries_list li{
    width: 140px;
    height: 140px;
    margin: 0 10px 10px;
    padding: 47px 0 0;
    font-size: 1.6rem;
  }
  .page_lend .worries .worries_list li.row_3{
    padding: 35px 0 0;
    line-height: 1.4em;
  }
  .page_lend .worries .worries_list li.row_1{
    padding: 60px 0 0;
  }
  .page_lend .sub-lease.block {
    padding-bottom: 3rem;
  }
  .page_lend .sub-lease .midashi_tit .icon {
    height: 100px;
  }
  .page_lend .sub-lease .icon img{
    width: 54px;
  }
  .page_lend .sub-lease .midashi_tit h3 {
      line-height: 1.4em;
  }
  .page_lend .sub-lease .sub-lease_tit {
    line-height: 1.9em;
    font-size: 1.6rem;
  }
  .page_lend .sub-lease_question {
    margin: 3rem auto 2rem;
    padding: 2rem 1.5rem;
    border-radius: 10px;
    width: auto;
    letter-spacing: 0;
  }
  .page_lend .sub-lease_question .sub-lease_tit {
    line-height: 1.8em;
    font-size: 1.7rem;
  }
  .page_lend .sub-lease_merit.block{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .page_lend .sub-lease_merit .inblock{
    padding: 0 2rem;
    width: auto;
  }
  .page_lend .sub-lease_merit .midashi_tit h3 {
    font-size: 2rem;
    top: 0rem;
    margin: 0 0 2rem;
  }
  .page_lend .sub-lease_merit .sub-lease_merit_list li{
    width: 100%;
    float: none;
    margin: 0 0 10px;
  }
  .page_lend .sub-lease_merit .sub-lease_merit_list .inner{
    height: auto;
    padding: 0 0 2.5rem;
  }
  .page_lend .sub-lease_merit .sub-lease_merit_list .inner .midashi_tit .icon {
    position: relative;
    width: 100px;
    height: auto;
    top: -2rem;
    left: 50%;
    margin-left: -6rem;
    padding-top: 1.5rem;
    background-size: 100%;
  }
  .page_lend .sub-lease_merit .sub-lease_merit_list .inner .midashi_tit .icon .icon_money{
    width: 46px;
  }
  .page_lend .sub-lease_merit .sub-lease_merit_list .inner .midashi_tit .icon .icon_tool{
    width: 38px;
  }
  .page_lend .sub-lease_merit .sub-lease_merit_list .inner .midashi_tit .icon .icon_note{
    width: 40px;
    padding-top: 1.7rem;
  }
  .page_lend .sub-lease_merit .sub-lease_merit_list .inner .midashi_tit .icon .icon_recruit{
    width: 50px;
  }
  .page_lend .sub-lease_merit .sub-lease_merit_list .inner .midashi_tit h4 {
    font-size: 1.8rem;
    margin: -0.5rem 0 1.5rem;
    display: inline-block;
  }
  .page_lend .sub-lease_merit .sub-lease_merit_list .inner .text{
    font-size: 1.4rem;
    line-height: 1.4em;
  }
  .page_lend .example.block {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }
  .page_lend .example .midashi_tit h3 {
    line-height: 1.4em;
    font-size: 2rem;
    top: 0rem;
    margin: 0 0 2.5rem;
  }
  .page_lend .example .example_inblock{
    width: auto;
    margin: 0 auto 0;
    padding: 2rem 2rem 1.5rem;
    border-radius: 10px;
  }
  .page_lend .example .example_tit{
    font-size: 2rem;
  }
  .page_lend .example .example_list li{
    width: 46%;
    margin: 0 2% 10px;
    box-sizing: border-box;
  }
  .page_lend .voice.block {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
  .page_lend .voice .midashi_tit h3 {
    line-height: 1.4em;
    font-size: 2rem;
    top: 0rem;
    margin: 0 0 3rem;
  }
  .page_lend .voice .voice_inblock {
    width: auto;
  }
  .page_lend .voice .voice_cont{
    float: none;
    width: auto;
    height: auto;
    border-radius: 10px;
  }
  .page_lend .voice .voice_cont.row2{
    height: auto;
  }
  .page_lend .voice .voice_cont:nth-child(2n){
    float: none;
  }
  .page_lend .voice .voice_cont .voice_naiyou .voice_naiyou_tit{
    font-size: 1.7rem;
    margin: 0 0 1.5rem;
  }
  .page_lend .voice .voice_cont .voice_naiyou .type img{
    width: 26%;
  }
  .page_lend .voice .voice_cont .voice_naiyou .type .type_tit{
    width: 71%;
    font-size: 1.5rem;
    margin: -3px 0 0 0;
    line-height: 1.5em;
  }
  .page_lend .voice .voice_cont .voice_naiyou .type .nom{
    padding: 0.4rem 1rem;
  }
  .page_lend .voice .message_text{
    font-size: 1.7rem;
    line-height: 1.6em;
  }
  .page_lend .contact-flow.block{
    padding-top: 4rem;
    padding-bottom: 2.5rem;
  }
  .page_lend .contact-flow_inblock{
    width: auto;
  }
  .page_lend .contact-flow_inblock .midashi_tit{
    margin: 0 auto 2.5rem;
  }
  .page_lend .contact-flow_inblock .midashi_tit h3 {
    line-height: 1.4em;
    font-size: 1.8rem;
    top: 0rem;
    margin: 0 0 3rem;
  }
  .page_lend .contact-flow .flow_list li{
    padding: 0 0 2.5rem 0;
  }
  .page_lend .contact-flow .flow_list li.arrow:after {
    bottom: -12px;
    border: 10px solid transparent;
    border-top: 10px solid #a6a6a6;
  }
  .page_lend .contact-flow .flow_list .flow_step{
    width: 23%;
    padding: 13px 0 13px;
  }
  .page_lend .contact-flow .flow_list .flow_step img{
    width: 47px;
  }
  .page_lend .contact-flow .flow_list .flow_text{
    width: 77%;
    padding: 13px 10px 13px 20px;
  }
  .contact-common{
    padding: 4rem 2rem;
  }
  .contact-common .contact-common_inner{
    width: auto;
    padding: 0.5rem 1.5rem;
    border-radius: 5px;
  }
  .contact-common .contact-common_inner dl {
    padding: 1.5rem 0;
  }
  .contact-common .contact-common_inner dl:first-child {
    margin: 0;
  }
  .contact-common .contact-common_inner dl dt {
    width: auto;
    float: none;
    font-size: 1.8rem;
    padding: 5px 0 13px 0;
    text-align: center;
  }
  .contact-common .contact-common_inner dl dd {
    width: auto;
    float: none;
  }
  .contact-common .contact-common_inner dl dd p {
    font-size: 1.3rem;
    line-height: 1.6em;
  }
  .contact-common .contact-common_inner dl dd span {
    font-size: 1.9rem;
  }
  .contact-common .contact-common_inner dl dd .icon_tel {
    background: url(../img/icon/icon_telephone.png) no-repeat left center;
    background-size: 16px;
    padding: 0 0 0 18px;
  }
  .contact-common .contact-common_inner dl dd .btn {
    background: url(../img/common/acc_open_bl_sp_big.png) no-repeat 92% center #DBF028;
    background-size: 13px;
    font-size: 1.6rem;
  }
  .contact-common .contact-common_inner dl dd .btn:hover {
    background: url(../img/common/acc_open_wh_sp_big.png) no-repeat 92% center #0F78A0;
    background-size: 13.5px;
  }
  .contact-common .contact-common_inner .pc_only {
    display: none;
  }
  .contact-common .contact-common_inner .sp_only {
    display: inline-block;
    text-decoration: none;
    clolr: #535252;
  }
  .contact-common .contact-common_inner .sp_only a{
    text-decoration: none;
    clolr: #535252;
  }
  .page_lend .faq.block{
    padding-top: 4rem;
    padding-bottom: 0;
  }
  .page_lend .faq_inblock{
    width: auto;
  }
  .page_lend .faq_inblock .midashi_tit{
    margin: 0 auto 2.5rem;
  }
  .page_lend .faq_inblock .midashi_tit h3 {
    line-height: 1.4em;
    font-size: 2rem;
    top: 0rem;
    margin: 0 0 3rem;
  }
  .page_lend .faq .faq_list dt{
    background: url("../img/icon/icon_question.png") no-repeat 18px 7px #f5f5f5;
    background-size: 16px;
    font-size: 1.5rem;
    padding: 10px 10px 10px 45px;
    line-height: 1.6em;
  }
  .page_lend .faq .faq_list dd{
    background: url("../img/icon/icon_answer.png") no-repeat 16px 15px;
    background-size: 18px;
    font-size: 1.4rem;
    padding: 10px 10px 10px 45px;
    line-height: 1.4em;
  }
}
@media screen and (max-width: 330px) {
  .page_lend .worries .worries_list{
    margin: 0 auto;
    display: inline-block;
    width: 280px;
  }
  .page_lend .worries .worries_list li{
    width: 124px;
    height: 124px;
    margin: 0 6px 10px;
    padding: 40px 0 0;
    font-size: 1.4rem;
  }
  .page_lend .worries .worries_list li.row_3{
    padding: 30px 0 0;
    line-height: 1.4em;
  }
  .page_lend .worries .worries_list li.row_1{
    padding: 50px 0 0;
  }
  .page_lend .sub-lease_merit .inblock {
      padding: 0 1rem;
  }
  .page_lend .contact-flow .flow_list .flow_text{
    font-size: 1.5rem;
    width: 77%;
  }
  .page_lend .faq .faq_list dt{
    line-height: 1.4em;
  }
}
/*====================================
  お問い合わせフォーム
====================================*/
.hnb_contact-form.block{
  padding-top: 8rem;
  padding-bottom: 2.5rem;
}
.hnb_contact-form .midashi_tit {
  height: auto;
}
.hnb_contact-form .midashi_tit h3 {
  font-size: 2.3rem;
  margin: 2rem 0 2.5rem;
  color: #222222;
}
.hnb_contact-form .read {
  text-align: center;
  margin-bottom: 6rem;
  color: #606060;
  line-height: 1.8em;
}
.hnb_contact-form form {
  padding: 40px 50px;
  background-color: #fff;
  border-radius: 40px;
  box-shadow: 0 0 32px #e8e8e8;
  max-width: 760px;
  margin: 0 auto;
  text-align: left;
}
.hnb_contact-form .attention.hissu {
  color: #fff;
  background-color: #FF0004;
  padding: 0 4px;
  margin-right: 6px;
  font-size: 12px;
}
.hnb_contact-form #new_contact table {
  border: none;
  margin-bottom: 40px;
}
.hnb_contact-form #new_contact table th {
  width: 250px;
  font-weight: normal;
  text-align: left;
  padding: 8px;
}
.hnb_contact-form #new_contact tr.hissu_cl th {
  background-color: #FFF3F3 !important;
  border-bottom: 1px solid #e8e8e8 !important;
}
.hnb_contact-form tr th,
.hnb_contact-form tr td {
  border: none;
  background-color: #fff;
  padding-top: 11px;
  padding-bottom: 11px;
}
.hnb_contact-form tr th {
  width: 150px;
  vertical-align: top;
  font-size: 15px;
}
.hnb_contact-form tr td {
  font-size: 14px;
}
.hnb_contact-form input[type="password"],
.hnb_contact-form input[type="text"],
.hnb_contact-form input[type="email"],
.hnb_contact-form textarea {
  background-color: #F5F5F5;
  padding: 10px 20px;
  border: none !important;
  border-radius: 3px;
}
.hnb_contact-form select {
  width: 170px;
  background-color: #F5F5F5;
  padding: 1rem 3rem 1rem 2rem;
  border: none !important;
  border-radius: 3px;
  font-size: 13px;
}
.hnb_contact-form table select {
  margin-bottom: 7px;
  border: solid 1px #ccc;
}
.hnb_contact-form .submit_btn {
  border: 1px solid #0F78A0;
  background: url(../img/hnb/list1_wh.png) no-repeat 93% center #0F78A0;
  width: 400px;
  text-align: center;
  height: 60px;
  color: #fff;
  line-height: 59px;
  font-size: 1.6rem;
  cursor: pointer;
  display: inline-block;
  border-radius: 40px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.hnb_contact-form .sp_only {
  display: none;
}
.hnb_contact-form .grecaptcha-badge{
  width: 256px;
    height: 60px;
    display: block;
    transition: right 0.3s ease 0s;
    position: fixed;
    bottom: 14px;
    right: -186px;
    box-shadow: grey 0px 0px 5px;
    border-radius: 2px;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
  /*====================================
    お問い合わせフォーム
  ====================================*/
  .hnb_contact-form.block{
    padding: 4rem 2rem 0;
  }
  .hnb_contact-form .midashi_tit h3 {
    line-height: 1.4em;
    font-size: 2rem;
    top: 0rem;
    margin: 0 0 3rem;
  }
  .hnb_contact-form .read {
    margin-bottom: 2rem;
  }
  .hnb_contact-form form {
    padding: 1.5rem 1.5rem 2.5rem 1.5rem;
    border-radius: 10px;
    box-shadow: 0 0 32px #e8e8e8;
    width: auto;
  }
  .hnb_contact-form #new_contact table {
    border: none;
    margin-bottom: 20px;
  }
  .hnb_contact-form #new_contact table th {
    width: auto;
    display: block;
    padding: 8px;
    box-sizing: border-box;
    border-bottom: none !important;
  }
.hnb_contact-form #new_contact tr.hissu_cl th {
    border-bottom: none !important;
}
  .hnb_contact-form tr td {
    font-size: 14px;
    display: block;
    padding: 0;
  }
  .hnb_contact-form #new_contact tr td{
    width: 100%;
    padding: 0 0 2rem 0 !important;
  }
  .hnb_contact-form  #new_contact .hissu_cl td{
    border-bottom: none !important;
  }
.hnb_contact-form input[type="password"],
.hnb_contact-form input[type="text"],
.hnb_contact-form input[type="email"],
.hnb_contact-form textarea {
    padding: 5%;
    width: 100%;
}
  .hnb_contact-form .submit_btn {
    width: 100%;
    margin: 2rem 0;
  }
  .hnb_contact-form .sp_only {
    display: block;
  }

	}
	
 /*====================================
    flow
  ====================================*/

	.flow {
		background: #e5f1f6;
		padding: 80px 0 100px
	}
	
	.flow .icon_title:before {
		margin-top: 1.5rem;
		background: url(../img/icon/icon_flow_ttl.png) no-repeat center;
	}
	
	.flowBox {
		display: flex;
		text-align: left;
		align-items: center;
	}
	
	.flowBoxTtl {
		width: 280px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.flowBoxTxt {
		flex: 1;
		padding-left: 30px;
	}
	
	@media screen and (max-width: 767px) {
		.flow {
			padding: 0 1.5rem 5rem;
		}
		.flowBox {
			display: block;
			padding: 2rem !important;
		}
		.flowBoxTtl {
			width: 100%;
			flex-wrap: wrap;
			text-align: center;
			margin-bottom: 20px;
		}
		.flowBoxTxt {
			padding-left: 0;
		}
	}
	
	.flowBoxTtl__step {
		font-size: 2.1rem;
		color: #0078a2;
	}
	
	.flowBoxTtl__step span {
		font-size: 3rem;
		padding-left: 3px;
	}
	
	.flowBoxTtl__ttl {
		font-weight: bold;
		color: #0078a2;
		font-size: 1.8rem;
		margin-top: 5px;
	}
	
	.flowBoxTxt {
		font-size: 1.8rem;
	}
	
	.flowBoxTxt__txt a {
		text-decoration: underline;
		color: inherit;
	}
	
	.flowBoxTxt__tel {
		color: #0078a2;
		margin-top: 5px;
		text-decoration: none;
		display: block;
		font-size: 1.8rem !important;
	}
	
	@media screen and (max-width: 767px) {
		.flowBoxTtl>div {
			width: 100%;
		}
		.flowBoxTtl__img {
			order: 1;
			margin-bottom: 5px;
		}
		.flowBoxTtl>div:first-child {
			order: 2;
		}
		.flowBoxTtl__ttl {
			font-size: 1.6rem;
		}
		.flowBoxTxt {
			font-size: 1.2rem;
		}
		.flowBoxTxt__tel {
			text-align: center;
		}
	}
	
	.flow_arrow {
		text-align: center;
		padding: 15px 0;
	}
	
	.flowBtnWrap {
		top: 0;
		max-width: 840px;width: 100%;
		margin: 50px auto 0;
		padding-bottom: 50px;
	}
	
	@media screen and (max-width: 767px) {
		.flowBtnWrap {
			width: 100%;
			background: none;
		}
		.flowBtnWrap li {
			float: none;
		}
	}

	/*====================================
	faq
====================================*/
.page_faq{
	padding-bottom: 100px;
}
.page_faq ul{
	list-style: none;
}
.faq-nav{
	box-shadow: 0px 0px 16px 0px rgb(193 193 193 / 0.2);
	max-width: 1000px;
	margin: 0 auto 52px;
	padding: 33px 90px;
	border-radius: 30px;
	display: flex;
}

.faq-nav > div{
	margin-right:38px;
	flex: 1;
}

.faq-nav__ttl{
	border-bottom: 1px dashed #a0a0a0;
	font-size: 1.4rem;
	font-weight: bold;
	color: #0078a2;
	margin-bottom: 20px;
}

.faq-nav__linkList a{
	color: #535252;
	text-decoration: none;
	font-size: 1.4rem;
}

.faq-nav__linkList li{
	margin-top: 5px;
}

.faq-content{
	max-width:820px;width: 100%;padding: 0 2rem;box-sizing: border-box;
	margin: 0 auto;
}
.faq-content + .faq-content{
	margin-top: 82px;
}
.faq-content__ttl{
	border-bottom: 1px solid #0078a2;
	font-size: 2rem;
	font-weight: bold;
	color: #0078a2;
	margin-bottom: 30px;
}
.faq-content dl {
	padding-top: 100px;
	margin-top: -100px;
	}
.faq-content dt{
	font-size: 1.8rem;
	font-weight: bold;
	color: #0078a2;
	background-color: #f5f5f5;
	border-radius: 30px;
	padding: 24px 70px;
	position: relative;
}
.faq-content dt::before{
	width: 19px;
	height: 33px;
	content: "";
	left: 35px;
	top: 18px;
	position: absolute;
	background-image: url(../img/page/faq/faq_q.png) ;
	background-repeat: no-repeat;
}

.faq-content dd{
	font-size: 1.6rem;
	padding: 24px 70px 42px;
	position: relative;
}

.faq-content dd::before{
	width: 23px;
	height: 39px;
	content: "";
	left: 35px;
	top: 20px;
	position: absolute;
	background-image: url(../img/page/faq/faq_a.png) ;
	background-repeat: no-repeat;
}

@media screen and (max-width: 767px){
.page_faq{
	padding-bottom: 50px;
}
.page_faq .midashi_tit .icon img {
	width: 66px;
}

.faq-nav {
	margin: 0 1.5rem 52px;
	padding: 20px;
	display: block;
}
.faq-nav div + div{
	margin-top: 20px;
}
.faq-content{
	margin: 0 1.5rem;
}
.faq-content + .faq-content{
	margin-top: 40px;
}
.faq-content__ttl{
  font-size: 1.6rem;
}
.faq-content dt {
	border-radius: 20px;
	padding: 12px 10px 12px 40px;
	font-size: 1.5rem;
}
.faq-content dt::before {
	width: 12px;
	height: 21px;
	left: 20px;
	top: 14px;
	background-size: 100%;
}

.faq-content dd {
	border-radius: 20px;
	padding: 12px 24px 24px 40px;
	font-size: 1.4rem;
}
.faq-content dd::before {
	width: 14px;
	height: 18px;
	left: 20px;
	top: 16px;
	background-size: 100%;
}
.faq-content dl {
	padding-top: 0;
	margin-top: 0;
	}
}

.page_faq .estimate_contact li {
	margin: 0 auto;
	float: none;
}

/*====================================
	19.genjo
====================================*/
.page_contact .cate {
	background: url("../../../uploads/2021/05/gemjo_header1.png") top center no-repeat;
	background-size: cover;
}

.genjo_container {
	max-width: 1075px;
	margin: 0 auto;
}

.genjo_text {
	text-align: center;
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 80px;
}

.genjo_list {
	margin-bottom: 32px;
}

.genjo_list_title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 47px;
}

.genjo_list_title p {
	margin-right: 30px;
}

.genjo_list_title h4 {
	font-size: 20px;
	font-weight: bold;
	color: #0078a2;
}

.genjo_item {
	border: 4px #e5f1f6 solid;
	border-radius: 20px;
	padding: 32px 27px 22px;
	margin-bottom: 11px;
}

.genjo_item_wrap {
	display: flex;
	justify-content: flex-start;
}

.genjo_item_left {
	width: 180px;
	margin-right: 50px;
}

.genjo_item_number {
	margin-bottom: 10px;
}

.genjo_item_title {
	font-size: 18px;
	font-weight: bold;
	color: #0078a2;
}

.genjo_item_img {
	margin-right: 27px;
}

.genjo_item_text {
	line-height: 1.8;
}

.genjo_item_link {
	margin-top: 37px;
}

.genjo_item_link a {
	text-decoration: none;
}

.genjo_item_link a img {
	margin-right: 10px;
}

.genjo_item_link1 {
	margin-right: 48px;
}

.genjo_item_arrow {
	text-align: center;
	margin-bottom: 11px;
}

.genjo_btn {
	width: 300px;
	margin: 0 auto 65px;
	text-align: center
}

.genjo_btn a {
	display: block;
	background: #0078a2;
	padding: 21px 0;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	border: 1px #0078a2 solid;
	border-radius: 40px;
	text-decoration: none;
	transition: 0.3s;
}

.genjo_btn a:hover {
	background: #fff;
	color: #0078a2;
}

.genjo_detail {
	width: 830px;
	margin: 0 auto 200px;
	line-height: 2.0;
	font-size: 16px;
}

.genjo_detail a {
	text-decoration: none;
}

@media screen and (max-width: 767px) {
.page_contact .cate {
	padding-bottom: 10px;
}
	
.page_contact .cate h2 {
	line-height: 1.8;
	padding: 0 15px;
}
	
.genjo_container {
	width: 100%;
	padding: 0 15px;
	margin-top: 30px;
}
	
.genjo_list_title {
	display: block;
	text-align: center;
	margin-bottom: 30px;
}
	
.genjo_list_title p {
    margin-right: 0;
	margin-bottom: 10px;
}
	
.genjo_text {
	margin-bottom: 60px;
}
	
.genjo_item_wrap {
	display: flex;
	flex-direction: column;
}
	
.genjo_item_left {
	width: 100%;
	order: 2;
	margin-right: 0;
	margin-bottom: 20px;
	text-align: center;
}
	
.genjo_item_img {
	order: 1;
	margin-right: 0;
	margin-bottom: 5px;
	text-align: center;
}
	
.genjo_item_right {
	order: 3;
}
	
.genjo_item_link {
    margin-top: 20px;
}
	
.genjo_item_link a {
	display: block;
}
	
.genjo_item_link1 {
	margin-right: 0;
	margin-bottom: 5px;
}
	
.genjo_btn {
    width: 100%;
    margin: 0 auto 40px;
}
	
.genjo_detail {
	width: 100%;
	margin: 0 auto 100px;
}
}

@media screen and (max-width: 767px) {
.page_contact .cate .wrap {
    margin-bottom: 30px;
}
	
.page_contact .midashi_tit h3 {
	top: -2rem;
}
}

/*2021.07.30 page_strage*/
/* tab -------------------------*/
.page_strage .tab_box.hnb2107{
	margin: 0rem auto 3rem;
}
.page_strage .tab_box.hnb2107 li{
	width: 24%;
	margin-right: 1.33%;
	text-align: center;
}
@media screen and (max-width: 767px) {
.page_strage .tab_box.hnb2107 {
    margin: 0rem 1.5rem 3rem;
}	
.page_strage .tab_box.hnb2107 li{
	width: 50%;
	margin: 0;
	display: inline-block;
}
.page_strage .tab_box.hnb2107 li:last-child{
	width: 50%;
}

}

/*2021.07.30 ヘッダーナビ*/
.login_panel.hnb2107{width: 100%}
.login_panel.hnb2107 .panel dl{width: 25%;}

.login_panel.hnb2107 .panel .system.blank dt{background: url(../img/icon/icon_blank.png) no-repeat 1.0rem center #fff;color:#0089AA;}
.login_panel.hnb2107 .panel .system.blank span {    background: url(../img/common/acc_open_bl.png) no-repeat 93% center;}
.login_panel.hnb2107 .panel .system.blank .close span {    background: url(../img/common/acc_close_bl.png) no-repeat 93% center;}
.login_panel.hnb2107 .panel .system.blank .close  {border-bottom: 1px solid #0089AA	}
.login_panel.hnb2107 .panel .deposit dt{background-position: 1.5rem center}
.login_panel.hnb2107 .panel .deposit span{color:#0089AA;}
.login_panel.hnb2107 .panel .deposit .close span{background: url(../img/common/acc_close_bl.png) no-repeat 93% center;}
.login_panel.hnb2107 .panel .deposit .close {border-bottom: 1px solid #0089AA	}
.login_panel.hnb2107 .panel .warehouse dt{background: url(../img/icon/icon_warehouse.png) no-repeat 1.0rem center #fff;background-size: 18px; }
.login_panel.hnb2107 .panel .warehouse.kentiku dt{background: url(../img/icon/icon_construct.png) no-repeat 1.0rem center #fff;background-size: 18px; }
.login_panel.hnb2107 .panel .system.deposit.ec dt{background: url(../img/icon/icon_ec.png) no-repeat 1.0rem center #fff;background-size: 18px; }
.login_panel.hnb2107 .panel .warehouse dt a{color:#0089AA; text-decoration: none;}
.login_panel.hnb2107 .panel span:hover{opacity: 0.7}
.login_panel.hnb2107 .panel dt{text-indent:0 !important; text-align: center;} 

.login_panel.hnb2107 .panel .system.blank .inner li a,
.login_panel.hnb2107 .panel .deposit .inner li a{background: url(../img/common/acc_next.png) no-repeat 2% center;padding-left: 2rem;display: block;}
.login_panel.hnb2107 .panel .system.blank .inner li ,
.login_panel.hnb2107 .panel .deposit .inner li {border-bottom: 1px dotted #ccc; padding-bottom: 0.5rem;margin-bottom: 0.5rem}
.login_panel.hnb2107 .panel .system.blank .inner li a:hover ,
.login_panel.hnb2107 .panel .deposit .inner li a:hover{opacity: 0.8;}

@media screen and (max-width: 767px) {
	.zdo_drawer_menu .zdo_drawer_nav{width: 100%;}
	
nav .nav_login.hnb2107 .nav_login_btn.blank {
    border-top: 1px solid #0178A2;
}
nav .nav_login.hnb2107 .nav_login_btn.warehouse {
   background-color: #fff;
    border-bottom: 1px solid #0178A2;
}	
	nav .nav_login.hnb2107 .nav_login_btn.warehouse a{background: url(../img/icon/icon_warehouse.png) no-repeat 8% center;background-size: 18px}
	nav .nav_login.hnb2107 .nav_login_btn.warehouse.kentiku a{background: url(../img/icon/icon_construct.png) no-repeat 8% center;background-size: 18px;line-height: 1.5;        padding-top: 10px;}	
	nav .nav_login.hnb2107 .nav_login_btn.warehouse.ec a{background: url(../img/icon/icon_ec.png) no-repeat 8% center;background-size: 18px}	
}

/*Pマーク*/
.p_kiyaku{max-height: 160px; overflow: auto;padding: 20px;font-size: 14px;width: 60%;margin: 0 auto 40px;border: 1px solid #ccc;}
@media screen and (max-width: 767px) {
.p_kiyaku{width:auto;margin: 0 auto 40px;}
}

/*----------------------------------
20211223　EC寄り寄託
-----------------------------------*/
.page_strage .tab_box.hnb2112 li{    width: 15.8%;
    margin-right: 1%;}
.page_strage .hnb2112{width: 1200px; margin: 0 auto;}
.page_strage .hnb2112 h4.line{font-size: 2.3rem;margin-bottom: 50px}
.page_case.hnb2112 .offer_cont{width: 48%;float: left; clear: inherit;margin: 0 4% 4% 0;}
.page_case.hnb2112 .offer_cont:nth-child(2n){margin-right: 0;}
.page_case.hnb2112 .offer_kanren{padding: 30px }
.page_case.hnb2112 .wh{background: #fff;padding: 15px 20px;text-align: left;min-height:220px;}
.page_case.hnb2112 .wh p.ttl{color: #535252;background: url("../img/page/ec/icon_1.png") no-repeat 0 center;padding-left: 25px;font-size: 15px;font-weight: bold;}
.page_case.hnb2112 .wh p{color: #535252;font-weight: normal;margin: 0;padding: 0;font-size: 14px;}
.page_case.hnb2112  p.icon{margin-top: 10px;}
.page_case.hnb2112 .wh p.ttl2{color: #535252; background: url("../img/page/ec/icon_1.png") no-repeat 5px center #E7F2F8 ;padding: 5px 5px 0 30px;font-size: 15px;font-weight: bold; margin-bottom: 10px}
.page_case.hnb2112 .wh ol{ margin-left: 1.5em;margin-bottom: 15px}
.page_case.hnb2112 .wh li{list-style: disc;font-size: 14px}
.page_case.hnb2112 .wh li::marker {

}
.page_strage.new .btn.orenji a{background-color:#FF7F00;}
.page_strage.new .btn.orenji a:hover{opacity: 0.6; color: #fff;ackground: url("../img/common/list1_wh.png") no-repeat 90% center  ;}
.page_strage.new .btn.btn_line.orenji a{border-color:#FF7F00; color: #FF7F00;background: url("../img/common/list1_orenji.png") no-repeat 90% center #fff ;}
.page_strage.new .btn.btn_line.orenji a:hover{opacity: 0.6;}

@media screen and (max-width: 767px) {
.page_strage .hnb2112{width: 100%; margin: 0 auto;}
.page_case.hnb2112 .wh{background: #fff;padding: 15px 20px;text-align: left;min-height:50px; height: auto!important}
.page_case.hnb2112 .offer_cont{width: 100%;float: none; clear: inherit;margin: 0 0% 40px 0;}
.page_case.hnb2112 .wh p.ttl,
.page_case.hnb2112 .wh ol,
.page_case.hnb2112 .wh li,
.page_case.hnb2112 .wh p{font-size: 100%;}
.page_strage .tab_box.hnb2107 {
    margin: 0rem auto 6rem;padding: 0 10px;
}
.page_strage .hnb2112 h4.line{font-size: 18px;margin-bottom: 30px}
.page_case.hnb2112 .offer_kanren{padding: 15px }
.page_case.hnb2112 .wh{padding: 10px 10px;}
.page_strage .tab_box.hnb2112 li{width: 49%;margin:0 0.5% 0.5% 0 ;}
.cate h2{line-height: 1.5em;}
}


@media (min-width: 768px) and (max-width: 1024px) {
/* bumon ------------------*/
.bumon{
	padding: 0 1.5rem;
}
.bumon .tab_box,
.bumon .tab_box ul{
	width: 100%;
	border: none;
}
.bumon .tab_box{
	margin-bottom: 3rem;
}
.bumon .tab_box p{
	display: none;
}
.bumon_box{
	display: block;
	margin-bottom: 5rem;
}
.bumon_info .thum,
.bumon_info .txt,
.bumon_shousai .box_l,
.bumon_shousai .box_r{
	display: block;
	float: none;
	width: 100%;
	padding: 0;
}
.bumon_shousai .box_l,
.bumon_shousai .box_r{
	display: block !important;
	float: none !important;
	width: 100% !important;
	padding: 0 !important;
}
.bumon_shousai .box_l .btn a{
	font-size: 1.2rem;
	background: url(../img/icon/icon_system_sp.png) no-repeat 2rem;
	background-size: 12px;
	
}
.bumon_info .thum{
	height: 140px;
	line-height: 140px;
	font-size: 8rem;
	border-radius: 20px 20px 0 0;
}
.bumon_info .thum,
#bumon2 .bumon_info .thum,
#bumon3 .bumon_info .thum,
#bumon4 .bumon_info .thum{
	background-size: cover;
}
#bumon2 .bumon_info .thum{
	background-position: center 0;
}
.bumon_info .txt,
.bumon_shousai{
	padding: 2.5rem 2rem;
	line-height: 180%;
}
.bumon_shousai{
	padding-bottom: 4rem;
	border-radius: 0 0 20px 20px;
	box-shadow: 0px 0px 7px 6px rgba(0,0,0,0.05);
}
.bumon_info .txt h4{
	font-size: 1.6rem;
}
.bumon_info .txt h4 + p{
	margin: 1rem 0;
	font-size: 1.4rem;
}
.bumon_shousai .box_l{
	padding-bottom: 2.5rem !important;
	margin-bottom: 2rem;
	border: none;
	border-bottom: 1px dotted #ccc;
}
.bumon_shousai h5{
	margin-bottom: 1rem;
	text-align: center;
	font-size: 1.6rem;
}
.bumon_shousai .box_r ul:after{clear: both;content: "";display: block}
.bumon_shousai .box_r ul{margin: 0 auto;width: 70%}
.bumon_shousai .box_r li,
.bumon_shousai .box_r li:last-child{
	width: 50%;
	float: left;
}
.bumon_shousai .box_r li img{
	width: 100%
}
.bumon .panel_btn,
.bumon .panel_btn.close span:before{
	font-size: 1.4rem;
	line-height: 30px;
}
.bumon .panel_btn span{
	background: url(../img/common/acc_open_bl_sp.png) no-repeat 92% 45%;
	background-size: 8px;
}	
.bumon .panel_btn.close span:before{
	background: url(../img/common/acc_close_bl_sp.png) no-repeat 91% 45%;
	background-size: 8px;
}
/* bumon ------------------*/
.page_trans-logistics #bumon3 .bumon_info .thum{
	/*.background: url(../img/page/trans-logistics_bumon3_sp.jpg) no-repeat center;*/
	background-size: cover;
	background-position: center -18px;
}

#bumon3 .bumon_shousai .in_img img{
	width: 100%;
}
}