@charset "utf-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}


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

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size:3.7vw
}
	
.pc{display:none!important;}
.sp{display:block!important;}	
.space{display:none!important;}
.w100per{
	width:100%;
	height:auto;
}


/*Contents layout
----------------------------------------------------*/
.contents{
	width:94%;
}


/*header
----------------------------------------------------*/
header{
	position:fixed;
	top:0;
	height:45px;
}

header h1{
	padding:9px 0 0 0;
}

header h1 img{
	width:125px;
}


/*sp button
-------------------------------------------------*/
#triggerBox{
    position: fixed;
    top: 0;
    right: 0;
	width: 45px;
	height: 45px;
    z-index: 10001;
	display:block;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #4C4948;
	display: block;
}
.menu-trigger span {
    position: absolute;
    left: 13px;
    width: 20px;
    height: 2px;
    background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
    top: 13px;
}
.menu-trigger span:nth-of-type(2) {
	top: 20px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 16px;
}
.menu-trigger.active span:nth-of-type(1) {
    top: 15px;
	-webkit-transform: translateY(4px) rotate(-315deg);
	transform: translateY(4px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	bottom: 14px;
	-webkit-transform: translateY(-10px) rotate(315deg);
	transform: translateY(-10px) rotate(315deg);
}


/*navigation
-------------------------------------------------*/
#headIn{
	overflow: auto;
	position: fixed;
	height:0;
	left: 0px;
	top: 45px;
	right: 0px;
    background:#62B20D;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
    transition:height 0.3s ease;
	display:block;
}

#headIn.active {
	height:100%;
}

nav ul{
	float:none;
	width:90%;
	height:auto;
	margin:5% auto;
	padding-top:0;
}

_::-webkit-full-page-media, _:future, :root nav ul {
	float:none;
	width:90%;
	height:auto;
	margin:5% auto;
	padding-top:0;
}

nav ul li{
	margin-bottom:6vw;
	border-bottom:1px solid #FFF;
	text-align:left;
}

nav ul li a{
	position:relative;
	padding-bottom:2vw;
	font-size:4.7vw;
	font-weight:500;
	font-family: "Noto Sans Japanese bold",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",YuGothic,"Yu Gothic","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	line-height:1.4;
	color:#FFF;
	display:block;
}

nav ul li a em{
	padding:0 0 1vw 0;
	border-bottom:1px solid #FFF;
	font-size:3.6vw;
	font-style:normal;
	display:block;
}

nav ul li a small{
	padding-top:2vw;
	font-size:3.6vw;
	font-weight:300;
	font-family: "Noto Sans Japanese",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",YuGothic,"Yu Gothic","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	display:block;
}

nav ul li a span{
	position:absolute;
	bottom:6vw;
	right:0;
	font-size:3.2vw;
	font-weight:300;
	font-family: "Lato","Noto Sans Japanese",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",YuGothic,"Yu Gothic","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	line-height:1.2;
}

.nav_inq{
	padding-top:10vw;
	/*position:absolute;
	width:100%;
	bottom:0;
	padding-bottom:13vw;*/
}

.nav_inq a{
	width:90%;
	margin:0 auto;
	padding:3.2vw 0;
	background:#E2273E url(../img/lp_logistics/icon_link.png) no-repeat 95% center;
	background-size:21.5px;
	border:1px solid #FFF;
	font-size:4vw;
	color:#FFF;
	text-align:center;
	display:block;
}


/*human
----------------------------------------------------*/

/*hero
------------------------------------*/
.hero_human{
	height:auto;
	margin-bottom:10vw;
	background:none;
}

.hero_human .contents{
	width:100%;
}

.hero_human .ttl{
	position:relative;
	width:100%;
	height:auto;
	padding-top:45px;
	background:none;
	z-index:3;
}

.hero_human .ttl img{
	width:100%;
}

.hero_human .box_right,
.hero_human .box_concierge{
	display:none;
}


/*sec00
------------------------------------*/
.human .sec00{
	padding-bottom:20vw;
}

.human .sec00 .ttl_copy{
	font-size:4.4vw;
}

.human h2{
	margin-bottom:10vw;
	font-size:5.2vw;
}

.human .sec00 h2{
	margin-bottom:10vw;
	font-size:5.2vw;
}

.human .sec00 h2 span{
	font-size:5.2vw;
}

.human .sec00 .lead{
	margin-bottom:12vw;
}

.human .sec00 .box_pagenavi a{
	float:none;
	width:100%;
	height:34vw;
	margin-bottom:3.2vw;
	padding:11.5vw 0 0 0;
	line-height:1.6;
	display:block;
}

.human .sec00 .box_pagenavi a span{
	font-size:4.5vw;
}

.human .sec00 .box_pagenavi a dl dd{
	padding-top:1.0vw;
	background:none;
}

.human .sec00 .box_pagenavi a:nth-child(1){
	background:url(../img/lp_human/bg_pagenavi01_sp.gif) no-repeat center top;
	background-size:contain;
}

.human .sec00 .box_pagenavi a:nth-child(2){
	margin-left:0;
	background:url(../img/lp_human/bg_pagenavi02_sp.gif) no-repeat center top;
	background-size:contain;
}

.human .sec00 .box_pagenavi a:nth-child(3){
	margin-left:0;
	background:url(../img/lp_human/bg_pagenavi03_sp.gif) no-repeat center top;
	background-size:contain;
}


/*sec01
------------------------------------*/
.human .sec01 .contents{
	padding:10vw 0 30vw 0;
}

.human .sec01 h2{
	position:relative;
	top:0;
	left:0;
	width:55%;
}

.human .sec01 h3{
    margin-bottom:10vw;
    font-size:4.8vw;
}

.human .box_sec01 .img_flow{
	margin-bottom:14vw;
}

.human .box_sec01 .box_left{
	float:none;
	width:100%;
	margin-bottom:6.8vw;
	font-size:4.2vw;
	text-align:center;
}

.human .box_sec01 .box_left p{
	font-size:4.8vw!important;
}

.human .box_sec01 .box_right{
	float:none;
	width:100%;
}

.human .box_sec01 .box_left span{
	padding-top:5vw;
	font-size:6.2vw;
	display:block;
}

.human .box_sec01 .box_right img{
	width:100%;
	height:auto;
	margin:0 auto 8vw auto;
	display:block;
}

.human .box_sec01 .img_man{
	position:absolute;
	top:104vw;
	right:5vw;
	width:23vw;
	height:auto;
	z-index:1;
}


/*sec_inq
------------------------------------*/
.human .sec_inq{
	padding-bottom:12vw;
	height:auto;
	background:url(../img/lp_human/bg_inquiry_sp.jpg) no-repeat right center;
	background-size:cover;
}

.human .sec_inq2{
	padding-bottom:12vw;
	height:auto;
	background:url(../img/lp_human/bg_inquiry2_sp.jpg) no-repeat center;
	background-size:cover;
}

.human .sec_inq h2,
.human .sec_inq2 h2{
	margin:0 0 0 5%;
	padding:5vw 0 15px 0;
	font-size:4vw;
}

.human .sec_inq a,
.human .sec_inq2 a{
	width:90%;
	margin:0 auto;
	padding:3.2vw 0;
	background:#E2273E url(../img/lp_human/icon_link.png) no-repeat 95% center;
	background-size:21.5px;
	font-size:4vw;
}


/*sec02
------------------------------------*/
.human .sec02 .contents{
	padding:15vw 0 0 0;
}

.human .sec02 h2{
	position:relative;
	top:0;
	left:0;
	width:55%;
}

.human .sec02 h3{
    margin-bottom:10vw;
    font-size:4.8vw;
}

.human .sec02 .box_sec02 dl{
	float:none;
	width:100%;
	margin:0 0 16vw 0;
}

.human .sec02 .box_sec02 dl:nth-child(2n){
	float:none;
}

.human .sec02 .box_sec02 dl dt{
	padding:2.6vw;
	font-size:4.2vw;
	text-align:left;
}

.human .sec02 .box_sec02 dl dd span{
	padding:6vw 0 2vw 0;
}

.human .sec02 .box_sec02 dl dd .ttl_ans{
	height:auto;
	margin-bottom:5vw;
	padding:2vw 0;
	font-size:4.2vw;
}

.human .sec02 .box_sec02 dl dd p{
	height:auto;
}

.human .sec02 .box_sec02 dl dd img{
	width:100%;
	height:auto;
	margin:6vw auto 0 auto;
	display:block;
}

.human .sec02 .box_sec02 dl dd img.end{
	display:none;
}


/*sec_jis
------------------------------------*/
.human .sec_jis{
	padding:0 0 10vw 0;
}

.human .sec_jis .contents{
	width:100%;
	margin-bottom:0;
}

.human .sec_jis dl{
	float:none;
	margin-bottom:6vw;
}

.human .sec_jis dl:nth-child(1),
.human .sec_jis dl:nth-child(2),
.human .sec_jis dl:nth-child(3){
	width:100%;
}

.human .sec_jis dl dt{
	width:40%;
	height:auto;
	margin:0 auto 2vw auto;
}

.human .sec_jis dl:nth-child(3) dt{
	width:30%;
}

.human .sec_jis dl dt img{
	width:100%;
	height:auto;
	margin:0 auto;
	display:block;
}

.human .sec_jis dl dd{
	font-size:3.2vw;
}

p.btn_top{
	display:none;
}


/*sec03
------------------------------------*/
.human .sec03{
	padding:15vw 0 10vw 0;
}

.human .sec03 h2{
	position:relative;
	top:0;
	left:0;
	width:55%;
	margin-bottom:12vw;
}

.human .sec03 h3{
    margin-bottom:6vw;
    font-size:4.8vw;
}

.human .sec03 h4{
	width:60%;
	margin:0 auto 14vw auto;
    font-size: 4.4vw;
}

.human .sec03 h4 span{
	padding:0 6vw;
    font-size: 4.4vw;
}

.human .sec03 .box_sec03{
	margin-bottom:18vw;
}

.human .sec03 .box1 .box_left,
.human .sec03 .box2 .box_left,
.human .sec03 .box3 .box_left{
	float:none;
	width:100%;
	margin-bottom:8vw;
}

.human .sec03 .box1 .box_right,
.human .sec03 .box2 .box_right,
.human .sec03 .box3 .box_right{
	float:none;
	width:100%;
}

.human .sec03 .box3{
	margin-bottom:12vw;
}

.human .sec03 .box3 .box_left img{
	float:left;
	width:50%;
	height:auto;
	margin-top:6vw;
}

.human .sec03 .box3 .box_left img:last-child{
	float:left;
	width:50%;
	height:auto;
}

.human .sec03 .box3 .box_right img{
	width:90%;
	height:auto;
	margin:0 auto;
	padding-top:19vw;
	display:block;
}

.human .sec03 .box_sec03 h5{
	margin-bottom:3vw;
	font-size:4.0vw;
}

.human .sec03 .box_sec03 h5 span{
	width:18vw;
	margin-bottom:3vw;
	font-size:3.7vw;
}


/*sec04
------------------------------------*/
.human .sec04{
	padding:17vw 0 10vw 0;
}

.human .sec04 h2{
	margin-bottom:8vw;
	font-size:5.8vw;
	line-height:1.6;
}

.human .sec04 .box_left{
	float:none;
	width:100%;
	margin-bottom:12vw;
}

.human .sec04 .box_right{
	float:none;
	width:96%;
	margin:0 auto 12vw 0;
}

.human .sec04 .box_right img{
	width:60%;
	height:auto;
	margin:0 0 0 auto;
	display:block;
}

.human .sec04 .img_sec04{
	width:100%;
	height:auto;
	margin:0 auto 18vw auto;
	display:block;
}

.human .sec04 .kakomi{
	margin-bottom:12vw;
	padding:6vw 0 8.3vw 0;
}

.human .sec04 .kakomi h3{
	width:100%;
	margin:0 auto 3vw auto;
	background:none;
    font-size:5vw;
}

.human .sec04 .kakomi h3 span{
	padding:0;
    font-size:5vw;
	display:block;
}

.human .sec04 .kakomi p{
	margin-bottom:1.5vw;
	font-size:4.4vw;
}

.human .sec04 .kakomi h4,
.human .sec04 .kakomi h4 a{
	margin-bottom:2.5vw;
	font-size:9.6vw;
}

.human .sec04 .kakomi h4 span{
	font-size:7.6vw;
}

.human .sec04 .kakomi .small{
	margin-bottom:6vw;
	font-size:3.2vw;
}

.human .sec04 .kakomi a.btn{
	width:90%;
	padding:4vw 0;
	background:#E2273E url(../img/lp_logistics/icon_link.png) no-repeat 95% center;
	background-size:21.5px;
	font-size:4.4vw;
}


/*sec05
------------------------------------*/
.human .sec05{
	padding:7.2vw 0 14vw 0;
}

.human .sec05 h2{
	margin-bottom:6vw;
	font-size:8.2vw;
	line-height:2.0;
}

.human .sec05 .box_map dl{
	float:none;
	width:100%;
	margin:0 0 12vw 0;
}

.human .sec05 .box_map dl:first-child{
	margin:0 0 12vw 0;
}

.human .sec05 .box_map dl:last-child{
	float:none;
	margin:0 0 6vw 0;
}

.human .sec05 .box_map dl dt{
	height:68vw;
}

.human .sec05 .box_map dl dt iframe{
	width:100%;
	height:100%;
}

.human .sec05 .box_map dl dd{
	padding:3vw 0 0 0;
}

.human .sec05 .box_map dl dd p{
	font-size:3.2vw;
	line-height:1.6;
}


/*bana
------------------------------------*/
.sec_bana{
	padding:13vw 3% 5vw 3%;
}

.sec_bana ul li{
	float:none;
	width:100%;
	margin:0 0 7vw 0;
}

.sec_bana ul li:first-child{
	margin:0 0 7vw 0;
}


/*footer
----------------------------------------------------*/
footer{
	padding:8.8vw 0;
}

footer h2{
	width:55%;
	margin-bottom:0!important;
}

footer p{
	margin:6.6vw auto;
	font-size:3.7vw;
	line-height:1.6;
}

footer .copyright{
	font-size:2.8vw;
}

}