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

/*reset
------------------------------------------------------------------------------*/
body{ font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; font-size: 62.5%; line-height:180%; }
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul {
margin: 0;
padding: 0;
}
img {
	border:0;
	max-width:100%;
	vertical-align: bottom;
}
/*------------------------------------------------------------------------------*/


/*background
------------------------------------------------------------------------------*/

body{
	font-family: "游ゴシック", "Yu Gothic", Yu Gothic, "游ゴシック体", "YuGothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 300;
	font-size: 1em;
	font-style: normal;
	width:100%;
	color:#1C0000;
	letter-spacing: 1px;
	
	min-width:1280px;
}
*{
	box-sizing: border-box;
}


/*PC・スマフォで非表示
------------------------------------------------------------------------------*/
.pc_none {
	display: none;
}
.sp_none {
	display: block;
}



/*ここからcss設定
------------------------------------------------------------------------------*/
.din{
	font-family: 'Barlow Condensed', sans-serif;
	font-family: "din-2014", sans-serif;
	font-weight: 400;
}
.italic{
	font-style: italic;
}
.listnone{
	list-style: none;
}
.a_reset{
	text-decoration: none;
	color:#1C0000;
}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.between{/* flexで両端揃えて均等に配置 */
	justify-content: space-between;
}
.items_center{/* flexで垂直方向を中央揃えで配置 */
	align-items: center;
}
.items_end{/* flexで垂直方向を下付きで配置 */
	align-items: flex-end;
}

.yellow_btn a{
	display: inline-block;
	background: #FFD252;
	padding: 10px 55px;
	border-radius: 50px;
	transition: .2s;
}
.yellow_btn a:hover{
	background: #EF8238;
	color: #fff;
}

.listnone{
	list-style: none;
}





.main_inner{
	/* min-width:1900px; */
	margin:0 auto;
	width:100%;
	
	/* トラックのアニメーションがはみ出すのを防ぐ */
	overflow: hidden;
	overflow-y: scroll;
}
.main_inner main{
	/* トラックのアニメーションがはみ出すのを防ぐ */
	overflow: hidden;
}


.first_inner{
	width:100%;
	height:auto;
	position: relative;
}


/*
.first_back{
	background-image: url(../img/first_back02.svg);
	width: 100%;
	height: 1430px;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
*/

.header_logo{
	padding: 40px 55px;
	padding: 2vw 4vw;
}
.header_logo_text{
	font-weight: bold;
	margin-left: 2.5vw;
	/* margin-bottom: 8px; */
}

.header_nav{
	font-weight: bold;
	margin-right:4vw;
}
.header_nav .flex{
	align-content: center;
}
.header_nav_li + .header_nav_li{
	margin-left: 5vw;
}
.header_nav_a{
	padding-bottom: 5px;
	position: relative;
	transition: .2s;
}
.header_nav_a:hover{
	color: #EE8338;
}
.header_nav_entry_ul{
	margin-left: 5vw;
}
.entry_btn_jp{
	display: block;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.75vw;
	line-height: 2em;
	margin-bottom: 0.2vw;
}
.entry_btn_en{
	color: #FFE18C;
	font-weight: bold;
	font-size: 32px;
	font-size: 1.7vw;
}
.entry_btn_a{
	display: block;
	text-align: center;
	padding: 1.5vw 2.5vw;
	transition: .2s;
}
.entry_btn_a:hover{
	opacity: 0.7;
}

.header_nav_entry_li_01 .entry_btn_a{
	background:#EE8338;
}
.header_nav_entry_li_02 .entry_btn_a{
	background:#FFD252;
}
.header_nav_entry_li_02 .entry_btn_en{
	color:#EE8338;
}
.header_nav_a_active{
	border-bottom: 3px solid #EF8238;
}

.header_in.flex{
	justify-content: space-between;
}

.first_back{
	margin-top: 10%;
}
.first_catchcopy{
	position: absolute;
	top: 16%;
	left: 10%;
	width:34.5%;
}
.first_title_h1 img{
	width: 100%;
	height: auto;
}
.first_back_signal{
	position: absolute;
	bottom: 0;
	left: 37%;
	width: 10%;
}
.first_back_signal img{
	width:100%;
	height:auto;
}
.first_back_img{
	margin-inline: auto;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
	z-index:-1;
}
.first_back_img img{
	height: 140%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.first_back_truck02{
	position: absolute;
	bottom: 18%;
	left: 11.5%;
	width: 12.5%;
}
.first_back_truck02 img{
	width:100%;
	height:auto;
}

.first_back03_company{
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 20.2%;
}
.first_back03_company img{
	width:100%;
	height:auto;
}

.first_back03_forklift{
	position: absolute;
	bottom: -1%;
	left: 9%;
	width: 7%;
}
.first_back03_forklift img{
	width:100%;
	height:auto;
}





/* アニメーション始まり */

.demo_item{
	display: block;
	position: relative;
	/* width: 11vw; */
}
.first_back_truck01{
	width: 12.5%;
}
.demo_item img{
	width: 100%;
	height: auto;
}
.demo_item2.anime{
	animation-name: upDown;
	animation-iteration-count: infinite;
	animation-duration: 0.15s;
	animation-direction: alternate;
	animation-timing-function: steps(2);
	transition-duration: .3s;
	transition-property: transform;
}
.demo_stage{
	width: 100%;
	height: 65px;
	top: 0px;
	display: block;
	transform: rotate(330deg);
	-moz-transform: rotate(330deg);
	-webkit-transform: rotate(330deg);
	position: absolute;
	top: 72.5%;
	left: 0;
}
.demo_wrap{
	display: block;
	position: absolute;
	top: 6px;/* 20px */
	right:10%;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-duration: 15s;
	animation-iteration-count: infinite;
}
.demo_wrap[data-order="left"] {
	animation-name: GoLeft;
}
.demo_item2{
	display: block;
	position: relative;
}

@keyframes GoLeft {
	0%{
		left: 105%;
	}
	80%{
		left: 0;
	}
	90%{
		left: -10%;
	}
	100%{
		left: -20%;
	}
}

@keyframes upDown {
	0% {
		top: 0;
	}
	100% {
		top: 3px;
	}
}

/* アニメーション終わり */






/* トップページ事業紹介 */

#top-work{
	padding-top:0;
	margin-top:0;
	position: relative;
}
#top-work:before{
	content:"";
	position: absolute;
	top: -16%;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #F6F7F7;
	transform: skewY(-30deg);
	z-index: -2;
	width: 100%;
	height: 175%;
}
.section_in{
	position: relative;
	z-index: 6;
}
.top_work_in{
	position: relative;
}
.work_left{
	width: 53%;
	margin-top: 7%;
	z-index: 6;
}
.work_right{
	width: 40%;
	padding-right: 8%;
	margin-top: -4%;
}
.work_left .section_img img{
	width: 100%;
	height:auto;
}
.section_title_wrap{
	display: inline-block;
}
.section_title_jp{
	font-size: 1.5em;
	line-height: 1em;
	position: relative;
	margin-left:0.5em;
}
.section_title_jp .back_wh{
	background: #fff;
	padding-right: 0.5em;
}
#top-work .section_title_jp .back_wh{
	background: #F6F7F7;
}
.section_title_jp:after{
	content:"";
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #EF8238;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
	padding-right: 0.5em;
}
.section_title_en{
	font-size: 8.75em;
	font-size: 7.3vw;
	line-height: 1em;
	font-weight: bold;
	font-style: italic;
	color:#EF8238;
	margin-top: 1%;
}
.section_bottom_text{
	line-height: 2.25em;
	font-size: 1em;
}
.section_bottom_wrap{
	margin: 3% 0 0 8%;
}
.section_bottom_text_btn{
	margin-top:7.5%;
}
.section_bottom_text_img{
	margin-top: 17%;
	padding-bottom:58.33%;
	position: relative;
}
.section_bottom_text_img img{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.regional_wrap{
	position: absolute;
	top: 103%;
	left: 15%;
	width: 33%;
	z-index: 6;
	min-width: 560px;
}
.regional_wrap .section_title_en{
	font-size: 4em;
}
.regional_wrap .section_bottom_wrap{
	margin:3% 0 0 0.5%;
}




/* トップページ インタビュー */
#top-interview{
	position: relative;
	z-index: 5;
}
#top-interview .section_in{
	position: relative;
}
#top-interview .section_in:before{
	content:"";
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 67%;
	display: block;
}
#top-interview .section_in:after{
	position: absolute;
	content: '';
	top: 0;
	left:0;
	display: block;
	width: 100%;
	height: 1500px;
	background-image: url(../img/work_interview_back_B.png);
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: -1;
}
#top-interview .interview_left{
	width:38%;
	margin: 12% 3% 0 9%;
	z-index: 3;
}
#top-interview .interview_right{
	width:45%;
	padding-right: 5%;
	margin-top: -18%;
}
#top-interview .interview_list_li{
	width: calc(100% / 3 - 1.4%);
}
#top-interview .interview_list_li + .interview_list_li{
	margin-left: 2%;
}
#top-interview .interview_list_li img{
	width:100%;
	height:auto;
}
#top-interview .interview_list_li_a{
	display: block;
}
#top-interview .interview_list_li:first-child img{
	border-radius: 30px 0 0 30px;
}
#top-interview .interview_list_li:last-child img{
	border-radius: 0 30px 30px 0;
}


/* トップページ 採用情報 */
#top-recruit{
	position: relative;
	padding-bottom: 120px;
	z-index: 4;
}
#top-recruit:before{
	content: "";
	/* position: absolute;
	bottom: 0;
	left: 0;
	background-color: #F6F7F7;
	transform: skewY(-30deg);
	z-index: -2;
	width: 100%;
	height: 70%; */
	
	width:100%;
	height:100%;
	background:#F6F7F7;
	clip-path:polygon(0 60%, 100% 0, 100% 100%, 0 100%);
	position: absolute;
	bottom: 0;
	left: 0;
}
/* #top-recruit:after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -2;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 58vw 100vw;
	border-color: transparent transparent #F6F7F7 transparent;
} */
#top-recruit .section_in{
	position: relative;
}
#top-recruit .section_in:before{
	content:"";
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 50%;
	display: block;
}
#top-recruit .section_in:after{
	position: absolute;
	content: '';
	top: -12%;
	left:0;
	display: block;
	width: 100%;
	height: 1500px;
	background-image: url(../img/interview_recruit_back.png);
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: -1;
}
.recruit_left{
	width: 38%;
	margin-left: 10%;
	margin-top: 3%;
}
.recruit_right{
	width: 33%;
	margin-right: 19%;
	margin-top: -3%;
}
.top_recruit_in{
	margin-top:-9%;
}
#top-recruit .section_title_jp .back_wh{
	background: #F6F7F7;
}




/* フッター部分 */
.footer{
	background-color: #fff;
	font-size: 14px;
	line-height: 32px;
	font-weight: 300;
}
.footer_in{
	padding: 100px 0;
	max-width:1500px;
	width: 84%;
	margin: 0 auto;
}

.footer_logoaddr {
	width: 415px;
}
.footer_logo{
	width:260px;
}
.footer_addr {
	margin-top: 20px;
}
.footer_menu{
	width: calc(100% - 415px);
	position: relative;
}
.footer_menu_li{
	width: calc(100% / 4);
}
.footer_menu_li_title{
	margin-bottom: 15px;
}
.footer_menu_li_inmenu_li a{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}
.footer_menu_li_inmenu_li a:before,
.footer_menu_li_inmenu_li a:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.footer_menu_li_inmenu_li a:before{
	left: 3px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.footer_copy {
	text-align: center;
	padding-bottom: 15px;
	font-size: 0.9em;
}
.footer_banner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 0;
	right: 155px;
}
.footer_banner_con_01{
	width: 210px;
}
.footer_banner_con_02{
	width: 120px;
	margin-left: 70px;
}



/* 各ページ */
.page_main{
	position: relative;
	overflow: hidden;
	padding-bottom: 13%;
}
.page_main:after{
	content: "";
	position: absolute;
	top: 29vw;
	left: 0;
	z-index: -3;
	width: 100%;
	height: 100%;
	background-image:url("../img/page_back_gray.png");
	background-repeat: no-repeat;
	background-size: 100%; /* 100vw */
}


.page_head{
	margin-top: 6%;
}
.page_section_in{
	max-width:1400px;
	width:95%;
	margin:0 auto;
}
.page_head_title .flex{
	justify-content: space-between;
}
.page_left,
.page_right{
	width:calc(100% / 2 - 5%);
}
.page_head .page_left{
	padding: 0 0 0 10%;
}
.page_head .page_right{
	margin-left: 5%;
	margin-right: 5%;
}
.page_right img{
	width:100%;
	height: auto;
}






/* 各ページ　事業紹介 */

.work .page_head_title .page_right{
	margin-top: -2%;
}
#page-work-btn{
	margin-top: 4%;
}
.work_btn_wrap .flex{
	align-items: center;
}
.work_btn_con{
	width: calc(100% / 3 - 2%);
	margin-right: 3%;
}
.work_btn_03.work_btn_con{
	margin-right: 0;
}
.work_btn_a{
	display: block;
	transition: transform .6s ease;
}
.work_btn_a:hover{
	transform: scale(1.05);
}
.work_btn_04,
.work_btn_05{
	margin-top: 3%;
}
#page-regional{
	margin-top: 10%;
}
#page-regional .page_left{
	margin-right: 5%;
}
#page-regional .page_right{
	margin-top: 6%;
}
#page-regional .page_right img{
	width: 85%;
	margin-right: 15%;
}
#page-regional .section_title_en{
	font-size: 4em;
}
#page-regional .section_title_jp .back_wh{
	background: #F6F7F7;
}
#page-regional .section_bottom_wrap{
	margin:3% 0 0 0.5%;
}



/* 各ページ　社員紹介　一覧 */
.interview .page_head_title .page_right{
	padding-right: 10%;
	margin-top: 3%;
}
.interview .page_head_title .page_right img{
	width: 65%;
	margin-left: 15%;
	margin-right: 20%;
}

#page-interview-list .interview_list_li{
	width: calc(100% / 2 - 3%);
}
#page-interview-list .interview_list_li + .interview_list_li{
	margin-left:6%;
	margin-top: 10%;
}
#page-interview-list .interview_list_ul + .interview_list_ul{
	margin-top: 5%;
}
#page-interview-list .interview_list_li_in{
	position: relative;
}
#page-interview-list .interview_list_li_a,
#page-interview-list .interview_list_img{
	transition: .2s;
}
#page-interview-list .interview_list_li_a:hover .interview_list_img{
	opacity: 0.7;
}

#page-interview-list .interview_list_img{
	padding-top: 2.5vw;
	padding-left: 2.2vw;
}
.interview_list_number{
	position: absolute;
	left: 0;
	top: 0;
}
.interview_list_date{
	position: absolute;
	bottom: 10%;
	width: 100%;
	z-index: 5;
}
.interview_list_number{
	font-size: 5.2vw;
	line-height: 1em;
	font-weight: bold;
	font-style: italic;
	color: #EF8238;
	z-index: 5;
}

.interview_list_sec{
	font-size: 0.72vw;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	font-weight: bold;
}
.interview_list_sec span{
	background-color: #FFD252;
	padding: 0.7vw 1.4vw;
	display: inline-block;
}
.interview_list_name{
	margin-top: 0.5%;
	font-size: 1.25vw;
	line-height: 1em;
	font-weight: bold;
}
.interview_list_name span{
	background-color: #FFD252;
	padding: 0.9vw 1.5vw;
	display: inline-block;
}
.interview_list_name span.san_fon{
	/* background-color:transparent; */
	padding:0;
	font-size: 0.8vw;
	line-height: 1em;
	margin-left: 0.2vw;
}
.interview_wrap{
	width:90%;
}


.youtube_title{
	text-align: center;
	margin-top: 150px;
	padding-top: 50px;
}
.youtube_subtitle{
	font-size: 1.25vw;
	line-height: 1em;
	font-weight: bold;
	background-color: #FFD252;
	padding: 0.7vw 1.4vw;
	display: inline-block;
}
.interview_youtube_title{
	padding-left: 2.2vw;
	text-align: center;
	margin-top: 1vw;
}
.youtube_maintitle{
	font-size: 1.25vw;
	font-weight: 500;
}

.youtube{
	padding-top: 56.25%;
	width: 100%;
	position: relative;
}
.youtube iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 30px;
}
#page-interview-list .interview_youtube_list .interview_list_li + .interview_list_li{
	margin-top:0;
}




/* 各ページ　社員紹介　個人ページ */
#page-person .section_title_jp{
	font-size: 1.2em;
}
#page-person .section_title_en{
	font-size: 5em;
}
#page-person-content{
	margin-top: 8.5em;
}
#page-person-content .interview_list_number{
	font-size: 100px;
}
#page-person-content .interview_list_sec{
	font-size: 14px;
}
#page-person-content .interview_list_name{
	font-size:22px;
	margin-top: 1%;
	margin-top: 0.2em;
}
#page-person-content .interview_list_date,
#page-person-content .interview_list_number{
	position: unset;
}
#page-person-content .interview_list_date{
	margin-top: 6%;
	margin-top: 2em;
}
#page-person-content .person_content_img{
	padding-top: 4%;
	padding-top: 3vw;
	padding-top: 50px;
	/* margin: 0 calc(50% - 50vw);
	width: 100vw; */
}
#page-person-content .person_content_img img{
	width: 100%;
	height: auto;
}
.person_content_head{
	position: relative;
	margin: 0 auto;
	padding-bottom: 80px;
}
.person_content_head_text{
	position: absolute;
	max-width: 500px;
	top:0;
	left: 13%;
}
.person_content_head:after{
	content:"";
	height: 80px;
	width: 100%;
	background-color: #FFD252;
	position: absolute;
	bottom: 0;
	left: 0;
}



.person_content_interview_wrap{
	margin-top: 6.2em;
}
.person_content_interview_in_flex{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
}
.person_content_interview_in{
	max-width: 850px;
	width: 60%;
	margin: 0 auto;
}
.person_interview_title.flex{
	align-items: center;
}
.person_interview_title_right{
	margin-left: 2em;
}

.person_interview_title_number{
	font-size: 5.2vw;
	font-size: 100px;
	line-height: 1em;
	font-weight: bold;
	font-style: italic;
	color: #EF8238;
}
.person_interview_title_en{
	font-size: 0.73vw;
	font-size: 16px;
	line-height: 1em;
	font-weight: bold;
	font-style: italic;
	color: #EF8238;
	letter-spacing: 0.1em;
}
.person_interview_title_jp{
	font-size: 1.65vw;
	font-size: 32px;
	line-height: 1em;
	font-weight: normal;
	color: #EF8238;
	margin-top: 5px;
}
.person_interview_text_subtitle{
	margin-top: 2.5vw;
}
.person_interview_text_subtitle_h3{
	font-size: 1.25vw;
	font-size: 24px;
	line-height: 1.5em;
	font-weight: 300;
}
.person_interview_text{
	font-size: 0.83vw;
	font-size: 16px;
	line-height: 2.3em;
	margin-top: 2em;
}

.person_content_interview_con{
	position: relative;
}
.person_content_interview_con + .person_content_interview_con{
	padding-top: 2.5vw;
	margin-top: 2.5vw;
}
.person_interview_text_wrap{
	margin-left: 50px;
}
.person_content_interview_in_flex{
	margin-bottom: 100px;
}
.person_content_interview_in_flex .person_content_interview_con{
	width: calc(100% - 60%);
}
.person_content_interview_in_flex .person_content_interview_con_img{
	width:55%;
	margin-top:5%;
	margin-left:5%;
}
.person_content_interview_in_flex.interview_number02 .person_content_interview_con{
	order: 2;
}
.person_content_interview_in_flex.interview_number02 .person_content_interview_con_img{
	order: 1;
	margin-left:0;
	margin-right:5%;
}


.footer_another{
	background-color: #FFD252;
	padding: 50px 50px 70px;
	margin-bottom: 100px;
}
.footer_another_in{
	max-width: 690px;
	width: 85%;
	margin: 0 auto;
}
.footer_another_head{
	text-align: center;
}
.footer_another_title{
	font-weight: bold;
	font-style: italic;
	font-size: 2.2vw;
	font-size: 42px;
	line-height: 1em;
}

.footer_another_li{
	width: 200px;
}
.footer_another_li + .footer_another_li{
	margin-left: 100px;
}
.footer_another_li_a{
	display: block;
}
.footer_another_li_text{
	margin-top: 0.5vw;
}
.footer_another_position{
	/* font-size: 0.7vw;
	line-height: 1vw; */
	font-size: 14px;
	line-height: 1.4em;
}
.footer_another_name{
	/* font-size: 1vw;
	line-height: 1vw; */
	font-size: 18px;
	line-height: 1.4em;
	margin-top: 0.5vw;
}
.footer_another_name span{
	font-size: 0.8em;
}
.footer_another_arrow_wrap{
	position: relative;
	margin-top: 30px;
	padding: 0 95px;
}
.footer_another_li_a_arrow_right:after,
.footer_another_li_a_arrow_left:after{
	content: "";
	width: 15px;
	height: 15px;
	border-top: solid 3px #EF8238;
	border-right: solid 3px #EF8238;
	position: absolute;
}
.footer_another_li_a_arrow_right:after{
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: rotate(-135deg);
}
.footer_another_li_a_arrow_left:after{
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: rotate(45deg);
}




/* 各ページ　採用情報 */
#page-recruit .page_right{
	width: 27%;
	margin-right: 18%;
}
#page-recruit-table{
	margin-top:-1.5%;
}
.recruit_table_wrap{
	max-width: 800px;
	margin: 0 auto;
}
.recruit_table_table{
	width:100%;
	border-top: 1px solid #707070;
}
.recruit_table_th{
	width: 160px;
	text-align: center;
	font-weight: normal;
	position: relative;
}
.recruit_table_th:after{
	content:"";
	height: 80%;
	width: 1px;
	background-color: #707070;
	position: absolute;
	top: 10%;
	right: -1%;
}
.recruit_table_th,
.recruit_table_td{
	padding:30px;
	border-bottom: 1px solid #707070;
}

#page-recruit-learn{
	margin-top: 180px;
}
#page-recruit-learn .page_section_in{
	max-width: 730px;
}
.recruit_learn_head{
	text-align: center;
}
.recruit_learn_head_jp{
	font-size: 1.25vw;
	line-height: 1em;
	font-weight: bold;
}
.recruit_learn_head_en{
	font-size: 5.2vw;
	line-height: 1em;
	font-weight: bold;
	font-style: italic;
	color: #EF8238;
	margin-top: 1%;
}
.recruit_learn_list{
	margin-top: 4%;
}
.recruit_learn_list_li{
	width: calc(100% / 3 - 1.5%);
}
.recruit_learn_list_li + .recruit_learn_list_li{
	margin-left: 2%;
}
.recruit_learn_list_li:first-child img{
	border-radius: 30px 0 0 30px;
}
.recruit_learn_list_li:last-child img{
	border-radius: 0 30px 30px 0;
}





@media screen and (max-width:1399px) {
	
	
	.person_interview_title_number{
		font-size: 80px;
	}
	.person_interview_title_right{
		margin-left: 1.5em;
	}
	.person_content_interview_in_flex .person_content_interview_con{
		width:calc(100% - 50%);
	}
	.person_content_interview_in_flex .person_content_interview_con_img{
		width:45%;
	}
	
	
	
}



@media screen and (max-width:1279px) {
	.work_right{
		padding-right:0;
	}
	.regional_wrap{
		left: 6%;
	}
	#top-interview .interview_left{
		width: 47%;
		margin: 12% 3% 0 0;
		padding-left: 4%;
	}
	#top-interview .interview_right{
		width: 50%;
	}
	.recruit_right{
		width: 46%;
		margin-right: 0;
		margin-top: -3%;
		margin-left: 3%;
	}
	
	
}




@media screen and (max-width:1024px) {
	.pc_none {
		display: block;
	}
	.sp_none {
		display: none;
	}
	
	
	body{
		min-width:unset;
	}
	body.active2{
		overflow-y: hidden;
	}
	
	/* ヘッダー */
	.header_in.flex{
		flex-direction: column;
		position: relative;
	}
	.header_logo_text{
		margin-left: 10px;
		margin-bottom: 0;
		line-height: 1.5em;
		font-size:2.8vw;
	}
	.header_logo{
		padding: 2.5vw 6vw;
		width: 100%;
		position: fixed;
		top:0;
		left:0;
		background-color: #fff;
		z-index: 998;
	}
	.header_logo a{
		width: 43vw;
	}
	.header_logo a img{
		width:100%;
	}
	
	.sp_menu_nav{
		visibility: hidden;
		opacity:0;
	}
	.active2 .sp_menu_nav{
		visibility: visible;
		opacity: 1;
		z-index: 998;
		transition: all .4s;
		overflow-y: scroll;
	}
	.sp_menu_nav{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #EF8238;
		color:#fff;
	}
	
	.sp_menu_nav_ul {
		width: 60%;
		margin: 0 auto;
		margin-top: 35%;
		text-align: center;
	}
	.sp_menu_nav_li a{
		font-size: 8vw;
		line-height: 1em;
		color: #fff;
		font-weight: bold;
		letter-spacing: 1vw;
	}
	.sp_menu_nav_li + .sp_menu_nav_li{
		margin-top: 10vw;
	}
	.sp_menu_footer{
		width: 60%;
		margin: 0 auto;
		margin-top: 20%;
	}
	.sp_menu_footer p{
		font-size: 3.2vw;
		line-height: 1.8em;
	}
	.sp_menu_footer a{
		color: #fff;
	}
	.sp_menu_footer_copy{
		width: 60%;
		margin: 0 auto;
		margin-top: 5vw;
		padding-bottom: 15%;
	}
	.sp_menu_footer_copy p{
		font-size: 3.2vw;
		line-height: 1.8em;
		letter-spacing: 0.4vw;
	}
	.sp_menu_nav .header_logo{
		background-color: transparent;
	}
	
	
	/* ハンバーガー */
	.spmenu_ber{
		position: fixed;
		top: 5vw;
		right: 6vw;
		z-index: 999;
	}
	.openbtn2{
		position: relative;
		/* width: 30px;
		height:18px; */
		width: 4.2vw;
		height: 2.4vw;
		min-width:28px;
		min-height: 16px;
		cursor: pointer;
		z-index: 999;
	}
	.openbtn2 span{
		display: inline-block;
		transition: all .4s;/*アニメーションの設定*/
		position: absolute;
		left: 0;
		/* height: 6px; */
		height:0.8vw;
		min-height: 6px;
		background-color:#FFE18C;
	}
	.openbtn2 span:nth-of-type(1) {
		top:0; 
		width: 100%;
		background-color: #F08237;
	}
	.openbtn2 span:nth-of-type(2) {
		bottom:0;
		width:100%;
	}
	.openbtn2.active span:nth-of-type(1) {
		top: 0;
		left: 0;
		transform: translateY(6px) rotate(-45deg);
		background-color: #fff;
	}
	.openbtn2.active span:nth-of-type(2) {
		top: 12px;
		left: 0;
		transform: translateY(-6px) rotate(45deg);
		background-color: #fff;
	}
	.openbtn2.active span{
		/* background-color:#fff; */
	}
	
	
	.first_back{
		/* margin-top: 60%; */
		margin-top:0;
		position: relative;
	}
	.first_back:after{
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent transparent #f6f7f7 transparent;
		border-width: 0px 0px 65vw 109vw;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: -2;
	}
	.first_back_truck02{
		bottom: 28%;
		width: 13%;
	}
	.first_back_truck01{
		width: 13%;
	}
	.demo_stage{
		height: 10%;
		top: 66.8%;
	}
	.first_catchcopy{
		width: 65%;
		top: 16%;
		left: 16%;
	}
	.first_back03_company{
		width: 21%;
		bottom:15.5%;
	}
	.first_back03_forklift{
		left: 11.5%;
		bottom: 17%;
		width: 5%;
	}
	.first_back_signal{
		bottom: 18%;
	}
	.first_back_img{
		padding-top: 140%;
	}
	
	
	
	.section_title_en{
		font-size: 5.5em;
		font-size: 15vw;
	}
	.section_title_jp{
		font-size: 3.2vw;
	}
	.section_bottom_wrap{
		margin:0;
		margin-left: 0.8em;
		margin-top: 3%;
	}
	.section_bottom_text{
		font-size: 0.9em;
	}
	.section_bottom_text_btn{
		margin-top: 6%;
		font-size: 0.9em;
		text-align: center;
	}
	.yellow_btn a{
		padding: 8px 40px;
	}
	
	
	.top_work_in{
		width: 85%;
		margin: 0 auto;
	}
	
	
	
	.top_work_in > .flex{
		flex-direction: column;
	}
	#top-work:before{
		display: none;
	}
	#top-work{
		background: #F6F7F7;
	}
	.work_left,
	.work_right{
		width:100%;
	}
	.work_left{
		/* order: 2;
		margin-top: 12%; */
		margin: 0;
		width:58vw;
		position: absolute;
		top: -38vw;
		right: -9%;
	}
	.work_right{
		/* order: 1;
		margin-top: 35%; */
		margin-top: 7%;
	}
	.work_left .section_img_sp img{
		width:100%;
		height:auto;
	}
	.regional_wrap{
		position: unset;
		margin-top: 15%;
		margin-top: 100px;
		width: 100%;
		min-width: unset;
	}
	.regional_wrap .section_bottom_wrap{
		margin:0;
		margin-left: 0.3em;
		margin-top: 3%;
	}
	.regional_wrap .section_title_jp{
		margin-left: 0.3em;
	}
	.regional_wrap .section_title_en{
		font-size:3.2em;
	}
	
	#top-interview .section_in:before{
		background: #F6F7F7;
		z-index: -1;
		position: relative;
		top:-10px;
	}
	#top-interview > .section_in > .flex{
		flex-direction: column;
	}
	#top-interview .interview_right{
		width:100%;
	}
	.interview_left,
	.interview_right{
		width:100%;
	}
	#top-interview .interview_left{
		order: 2;
		width: 85%;
		margin: 0 auto;
		padding-left: 0;
		margin-top: 10%;
	}
	#top-interview .interview_right{
		order: 1;
		padding-right:0;
		margin-top:15%;
	}
	.interview_list_ul.flex{
		justify-content: space-between;
	}
	#top-interview .interview_list_li{
		width: calc(100% / 3 - 0.6%);
	}
	
	#top-interview .interview_list_li:first-child img,
	#top-interview .interview_list_li:last-child img{
		border-radius:0;
	}
	#top-interview .interview_list_li + .interview_list_li{
		margin-left:0;
	}
	
	
	#top-recruit{
		margin-top:10%;
	}
	#top-recruit:before{
		height: 100%;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
	#top-recruit .section_in:after{
		top:0;
		background-image: url(../img/interview_recruit_back_B.png);
	}
	#top-recruit .section_in:before{
		padding-top: 70%;
	}
	#top-recruit .top_recruit_in .flex{
		flex-direction: column;
	}
	.top_recruit_in{
		margin-top: -25%;
	}
	.recruit_left,
	.recruit_right{
		width:100%;
		margin:0 auto;
	}
	.recruit_left{
		width: 62%;
	}
	.recruit_right{
		width: 85%;
		margin: 0 auto;
		margin-top: 10%;
	}
	
	
	
	
	
	
	/* フッター */
	.sp_footer_btn{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 997;
	}
	.sp_entry_btn{
		width: calc(100% / 2);
	}
	.sp_entry_btn_01{
		background-color: #EE8338;
	}
	.sp_entry_btn_02{
		background-color: #FFD252;
	}
	.entry_btn_jp,
	.entry_btn_en{
		vertical-align: middle;
	}
	.entry_btn_jp{
		display: block;
		margin: 0;
		font-size: 3.5vw;
		padding-top: 0.2vw;
	}
	.entry_btn_en{
		font-size: 8vw;
		line-height: 1em;
	}
	.sp_entry_btn_02 .entry_btn_en{
		color:#EE8338;
	}
	.sp_entry_btn_a{
		display: block;
		width: 100%;
		text-align: center;
		padding: 10px;
		padding: 2.5vw 3vw 4.5vw;
	}
	
	.footer{
		margin-top:6vw;
		margin-bottom: 10vw;
		padding-bottom: 6vw;
	}
	.footer_in{
		padding-top: 50px;
		padding-bottom: 0;
	}
	.footer_logoaddr,
	.footer_menu{
		width:100%;
	}
	.footer_in.flex{
		flex-direction:column;
	}
	.footer_menu{
		margin-top:50px;
	}
	.footer_menu_li{
		width:calc(100% / 2);
	}
	.footer_menu_li:nth-child(n+3){
		margin-top: 40px;
	}
	.footer_copy.inner{
		width:80%;
		margin: 0 auto;
	}
	.footer_copy{
		text-align: left;
		font-size: 12px;
	}
	.footer_copy p{
		padding: 10px 0 30px;
	}
	.footer_logo{
		width:100%;
	}
	.footer_banner{
		position: unset;
		margin-top: 10px;
		margin-left: -5px;
	}
	.footer_banner_con_01{
		width: 58%;
		max-width: 190px;
	}
	.footer_banner_con_02{
		width: 32%;
		max-width: 110px;
		margin-left: 7%;
	}
	
	
	
	.page_head{
		margin-top: 15vw;
	}
	.page_head_title{
		padding-top: 7vw;
	}
	.page_main:after{
		top: 74vw;
		background-image:url("../img/page_back_gray_sp.png");
	}
	.page_left,
	.page_right{
		width:100%;
	}
	.page_left{
		width: 85%;
		margin: 0 auto;
		margin-top: 5vw;
	}
	
	
	/* 事業紹介 */
	#page-work .flex{
		flex-direction: column;
	}
	
	.page_head .page_left{
		padding:0;
		order: 2;
	}
	.page_head .page_right{
		order: 1;
	}
	.work .page_head_title .page_right{
		margin:0;
		width: 80%;
		margin-left: auto;
		margin-right: 0;
	}
	#page-work-btn{
		margin-top: 10vw;
	}
	.work_btn_wrap .flex{
		flex-direction: column;
	}
	.work_btn_wrap{
		width: 80%;
		margin: 0 auto;
	}
	.work_btn_con{
		width:100%;
		margin-right:0;
	}
	.work_btn_con + .work_btn_con{
		margin-top: 5vw;
	}
	.work_btn_a:hover{
		transform: scale(1);
		opacity: 0.7;
	}
	#page-regional .section_title_en{
		font-size: 9vw;
	}
	#page-regional{
		margin-top: 15vw;
	}
	#page-regional .page_left{
		margin-right:auto;
	}
	#page-regional .page_right{
		width: 85%;
		margin: 0 auto;
		margin-top: 10vw;
	}
	#page-regional .section_bottom_wrap{
		margin:0 auto;
	}
	#page-regional .page_right img{
		margin:0 auto;
		width: 85%;
		margin-left: 15%;
	}
	
	.interview_list_wrap{
		margin-top: 10vw;
	}
	#page-interview-list .interview_list_li{
		margin-left: 0;
		margin-top: 0;
		width: 100%;
	}
	#page-interview-list .interview_list_li + .interview_list_li,
	#page-interview-list .interview_list_ul + .interview_list_ul{
		margin: 0;
		margin-top: 7vw;
	}
	.interview_wrap{
		width:85%;
	}
	#page-interview-list .interview_list_img{
		padding-top: 7vw;
		padding-left: 0;
		padding-bottom: 8vw;
	}
	.interview_list_number{
		font-size: 15vw;
		left: -7%;
	}
	.interview_list_date{
		bottom: 0;
		display: flex;
		flex-direction: column;
	}
	.interview_list_name{
		font-size: 4vw;
		margin-top:0;
		margin-left: -4%;
		order: 1;
	}
	.interview_list_name span.san_fon{
		font-size: 1.8vw;
	}
	.interview_list_name span{
		padding:1.5vw 3.5vw;
	}
	.interview_list_sec{
		font-size: 2.8vw;
		margin-top: 1vw;
		order: 2;
	}
	.interview_list_sec span{
		background-color: transparent;
		padding: 0;
	}
	.interview .page_main:after{
		top: 48vw;
		background-size: 145%;
	}
	#page-interview .page_left{
		margin-top: 25vw;
	}
	.interview .page_head_title .page_right img{
		margin-left: 9%;
	}
	
	.youtube_subtitle{
		font-size: 4vw;
		padding: 1.5vw 3.5vw;
	}
	.interview_youtube_title{
		padding:0;
		margin-top: 10px;
	}
	#page-interview-list .interview_youtube_list .interview_list_img{
		padding:0;
	}
	.interview_youtube_list{
		margin-top:15px;
		padding-top:15px;
	}
	.youtube_maintitle{
		font-size: 4vw;
	}
	.youtube_title{
		margin-top:50px;
	}
	.youtube iframe{
		border-radius: 15px;
	}
	#page-interview-list .interview_youtube_list .interview_list_li + .interview_list_li{
		margin-top:50px;
	}
	
	
	#page-recruit-table{
		margin-top: 10vw;
	}
	.recruit_table_wrap{
		width:85%;
	}
	#page-recruit .page_left{
		margin-top: 2vw;
	}
	#page-recruit .page_right{
		width: 70%;
		margin-left: 28%;
		margin-right: 2%;
	}
	
	.recruit_table_th,
	.recruit_table_td{
		padding: 2vw 2.2vw;
		font-size: 3.5vw;
		line-height: 6vw;
	}
	.recruit_table_th{
		width: 22vw;
	}
	
	#page-recruit-learn{
		margin-top: 20vw;
		padding-bottom: 20vw;
	}
	.recruit_learn_list_ul.flex{
		justify-content: space-between;
	}
	.recruit_learn_list_li{
		width: calc(100% / 3 - 0.6%);
	}
	.recruit_learn_list_li:first-child img,
	.recruit_learn_list_li:last-child img{
		border-radius:0;
	}
	.recruit_learn_list_li + .recruit_learn_list_li{
		margin-left:0;
	}
	.recruit_learn_head{
		width: 85%;
		margin: 0 auto;
	}
	.recruit_learn_head_jp{
		font-size: 3.8vw;
	}
	.recruit_learn_head_en{
		font-size: 13vw;
		margin: 0;
	}
	
	
	#page-person .page_section_in{
		width: 85%;
	}
	#page-person .page_section_in .section_title_wrap{
		margin-top:15vw;
	}
	#page-person .section_title_jp{
		font-size: 3.2vw;
	}
	#page-person .section_title_en{
		font-size: 15vw;
	}
	#page-person-content{
		margin-top:15vw;
	}
	#page-person-content .person_content_img{
		padding-top: 8vw;
	}
	.person_content_head_text{
		width: 85%;
		position: unset;
	}
	
	#page-person-content .interview_list_number{
		position: absolute;
		top: 0;
		left: 7.5%;
		font-size:15vw;
	}
	#page-person-content .interview_list_date{
		position: absolute;
		margin-top:0;
		left: 7.5%;
		bottom: 6vw;
		z-index: 5;
		width: 85%;
	}
	#page-person-content .interview_list_name{
		margin-top:0;
		margin-left:0;
	}
	#page-person-content .interview_list_sec{
		margin-top: 0;
		padding: 1.5vw 3.5vw;
		font-size:2.8vw;
	}
	
	.person_content_head{
		padding-bottom: 15vw;
	}
	.person_content_head:after{
		height: 15vw;
	}
	
	.person_content_interview_wrap{
		margin-top: 15vw;
	}
	.person_content_interview_in_flex > .flex{
		flex-direction: column;
	}
	.person_content_interview_in_flex{
		width:85%;
		margin-bottom:0;
	}
	.person_content_interview_in{
		width:85%;
		margin-top: 15vw;
	}
	.interview_number02{
		margin-top: 15vw;
	}
	.person_content_interview_in_flex .person_content_interview_con{
		width:100%;
	}
	.person_content_interview_in_flex .person_content_interview_con_img{
		width:100%;
		margin:0;
	}
	.person_interview_title_right{
		margin-left: 3vw;
	}
	.person_interview_text_wrap{
		margin-left: 0;
	}
	.person_interview_title_number{
		font-size: 12vw;
	}
	.person_interview_title{
		margin-left: -5%;
	}
	.person_interview_title_en{
		font-size: 2.5vw;
		letter-spacing: 0.2vw;
	}
	.person_interview_title_jp{
		font-size: 4.2vw;
		margin-top: 1.4vw;
	}
	.person_interview_text_subtitle{
		margin-top: 6vw;
	}
	.person_interview_text_subtitle_h3{
		font-size: 4.2vw;
		line-height: 6.4vw;
	}
	.person_interview_text{
		font-size: 3.3vw;
		line-height: 7.6vw;
		margin-top: 5vw;
	}
	.person_content_interview_in_flex.interview_number01 .person_content_interview_con_img{
		order: 1;
	}
	.person_content_interview_in_flex.interview_number01 .person_content_interview_con{
		order: 2;
	}
	.person_content_interview_in_flex .person_content_interview_con{
		margin-top: 10vw;
	}
	.person .page_main:after{
		top: 213vw;
		background-size: 140%;
	}
	.person.interview-06 .page_main:after{
		background-size: 100%;
	}
	.person_content_interview_con + .person_content_interview_con{
		margin-top: 15vw;
		padding: 0;
	}
	
	
	.footer_another{
		padding: 7vw 0;
		margin-top: 20vw;
		margin-bottom: 0;
	}
	.footer_another_head{
		text-align: left;
	}
	.footer_another_title{
		font-size: 5.2vw;
	}
	.footer_another_li{
		width: calc(100% / 2 - 3.5vw);
	}
	.footer_another_li + .footer_another_li{
		margin-left: 7vw;
	}
	.footer_another_arrow_wrap{
		padding: 0 5vw;
		margin-top: 5vw;
	}
	.footer_another_li_a_arrow_right:after,
	.footer_another_li_a_arrow_left:after{
		width: 2.2vw;
		height: 2.2vw;
	}
	.footer_another_li_a_arrow_right:after{
		left:-2%;
	}
	.footer_another_li_a_arrow_left:after{
		right:-2%;
	}
	.footer_another_name{
		font-size: 3.2vw;
		line-height: 3vw;
		margin-top: 3vw;
		text-align: center;
	}
	
	
	
	
	
	
}



@media screen and (max-width:599px) {
	
	.header_logo_text{
		line-height: 1.8em;
	}
	
	#top-work:before{
		top: -22%;
		height: 139%;
	}
	
	.section_bottom_wrap{
		margin-left: 0.5em;
	}
	.regional_wrap .section_title_en{
		font-size: 9vw;
	}
	
	
	
	
}

@media screen and (max-width:375px) {
	
	#top-work:before{
		top: -14%;
		height: 126%;
	}
}