@charset "utf-8";

@media screen and (max-width:1000px){
	.font_t3 {width: 70vw;}
}
@media screen and (min-width:901px){
	.header{width:calc(100% - 80px);}	
	.main{position: relative; display: flex; flex-wrap: wrap; width:calc(100% - 80px);}	
	.main-l{width:100%;}
	#fixed-area{/*position: -webkit-sticky; position: sticky;*/ position: fixed; top:0; right:0;	width: 80px; height: 100vh; background:#000; z-index:3;}
	.main-rbox{display:flex; flex-direction: column; justify-content: space-between; height:100vh;}	
	.main-r-ul li a{background: url("../img/icon_car.svg") center top no-repeat !important; padding: 35px 0 0 0; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
	.main-r-ul{padding-top:30px;}
	.main-r-ul li{line-height: 80px; margin-bottom: 18px;}
	.main-r-ul2{height:80px;}


	.main3_phobox{position: absolute; top: 50%; right: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index:5; width:30%; height:55%; overflow: hidden;}	
	
	.main2_phobox{position: absolute; top: 50%; right: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index:5; width:24%;}
	.main2 .container{position: relative; height: 100%;}
	.main1_tit2{position: absolute; top: 50%; left: 5%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index:3; color:#fff; width:68%;}	
	
	.sub1-3_phobox{position: absolute; top: 50%; right: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index:5; width:30%; height:100%; overflow: hidden;}		

	.sub1-4_phobox{position: absolute; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index:5; width:30%; height:100%; overflow: hidden;}		
	.sub1_box3ko2{margin-left:auto;}
	
.main-r-ul2_pc{color:#858585; display:flex; align-items: center; justify-content: space-between; font-size:1.125rem; grid-column-gap: 0.4rem;}
.main-r-ul2_pc li a{color:#858585 !important;}
.main-r-ul2_pc li a.active{color:#fff !important;}
	
#g-nav-list{display:flex; align-items: center; flex-direction: row !important; grid-column-gap: 1.5rem;}

.main-r-ul2{display:none;}	
	
}

@media screen and (max-width:900px){
	.header{width:100%;}
	.main-l{width:100%;}
	#fixed-area{position:fixed; bottom:0; left:0;	width: 100%; height: 60px; background:#000; z-index:999; padding:1rem; border-top:1px solid #f2f2f2;}
	.main-rbox{display:flex; align-items: center; justify-content: space-between; width:100%;}	
	.main-r-ul li a{background: url("../img/icon_car.svg") center left no-repeat !important; padding-left:34px;}
	.main-r-ul2{padding:0; width:auto; grid-column-gap: 0.6rem;}
	
	.m3box{height:350px;}
	
	.font_m2_t,.m3_h2{font-size:2rem;}
	.font_m2_p1{font-size:16px;}
	.m3_p1{font-size:20px; margin-bottom:1rem;}
	.m3_div{width:100%;}
	.m3_p2{width:100%;}
	
	.main2_phobox{position: absolute; top: 2%; right: 0%; z-index:5; width:38%;}
	.main1_tit2{width:90%;}
	.font_m2{width:68%;}
	.main1_tit2_ko {grid-row-gap: 2rem;}

	.main1_tit2_ko2 {width: 85%;}
	
	.sub1_box3,.sub1_box4{padding:1rem 0;}
	.sub1_box3ko,.sub1-3_p2,.sub1_box3ko2{width:100%;}
	.sub1_box4 {margin-top: 2rem;}
	.fot{width: 100%;}
	.main1 .main_section1,.main1 .slidebox{height: calc(100vh - 200px);}
	.main-r-ul2_pc{display:none;}
}


@media screen and (max-width:900px){
	.main1_tit2{position: relative; z-index:6; color:#fff; padding-top:5rem; padding-bottom: 5rem;}
	.main2 {width: 100%; height: 100%;}
	
}
	
@media screen and (min-width:858px){
	.header {z-index: 1000;}

	.openbtn{display:none;}
#g-nav-list{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* -webkit-box-align: end; */
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;
	margin:1.5rem;
}
	
	
}

@media screen and (max-width:857px){
/******************************** hamburger *************************************/
	.r_top h1{width:70%;}

	#g-nav{
		position:fixed;
		z-index:-1;
		opacity:0;
		transition:all 0.3s;
		top:0;
		right:-120%;
		visibility: hidden;
	}

	#g-nav.panelactive{
		opacity:1;
		z-index:999;
		background:#fff;
		width:100%;
		height:100vh;
		visibility: visible;
		right:0;
	}

	.openbtn{
		position:relative;
		z-index:9999;
		cursor: pointer;
		width:30px;
		height:30px;
		margin-right:1rem;
	}

	.openbtn span{
		display:inline-block;
		transition:all .4s;
		position:absolute;
		left:14px;
		height:3px;
		border-radius: 2px;
		background-color:#fff;
		width:100%;		
	}
	
.openbtn span:nth-of-type(1) {
  top: 10px;
}
.openbtn span:nth-of-type(2) {
  bottom: 10px;
}
/* クリック時に横アイコンが斜めになる */
.openbtn.active span:nth-of-type(1) {
  transform: translateY(4px) rotate(-45deg);
	background-color:#fff;
}
.openbtn.active span:nth-of-type(2) {
  transform: translateY(-4px) rotate(45deg);
	background-color:#fff;
}
	



	#g-nav.panelactive #g-nav-list{
		position:fixed;
		z-index:999;
		width:100vw;
		height:100vh;
		overflow: auto;
		-webkit-overflow-scrolling:touch;
		background:#000;
	}

	#g-nav .r_nav2{
		display:none;
		position:absolute;
		z-index:999;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}


	#g-nav.panelactive ul{display:flex; flex-direction: column; justify-content: center; align-items: center;  height: 100%;}
	#g-nav li{list-style:none; text-align:center; width:100%;}

	#g-nav.panelactive li a{text-decoration: none; color:#fff; padding:1.2rem 1rem; width:100%; display:flex; align-items: center;	justify-content:center; position: relative; font-size:16px;}
	#g-nav.panelactive .con{position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index:-1; background: rgba(0,0,0,.5); display: block;}
	

}



@media screen and (min-width:701px){
	.main4_box2 div.m4_b2_1:nth-child(even){margin-top:5rem;}
}

@media screen and (max-width:700px){
	.main4_box2{flex-wrap: wrap; justify-content: center;}
	.m4_b2_1{width:100%;}
	.main4_m6box{flex-wrap: wrap; grid-row-gap: 4rem; padding:0;}
	.sub1-5_ko1{flex-wrap: wrap; grid-row-gap: 0.6rem;}
	.sub1_box5 {padding:1rem 0 5rem 0;}
	.sub1-5_h3,.sub1-5_p1{width:100%;}
	.sticky_table th,.sticky_table td{text-align: center; padding:1rem.2rem;}
	.sticky_table thead .bg_th span{padding:0.2rem; width: 100%; display: inline-block;}
	.recruitbox{flex-wrap: wrap;}
	.recruit_r,.recruit_l{width:100%;}
	.recruit_l .m3_link{margin-top;2rem;}
}

@media screen and (min-width:651px){
	.main4_m4_phobox{position: absolute; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width:45%; height: 55%;}
	.main1spimg{display:none;}
}

@media screen and (max-width:650px){
	.main4_m4_phobox{z-index:5; position: relative; height:300px; width:80%; margin-bottom:3rem;}
	.main4_m_box{width:96%;}
	.main4_m5box{flex-direction: column; grid-row-gap: 2rem;}
	.main4_m5box .main4_m5_l{order:2;}
	.main4_m5box .main4_m5_r{order:1;}
	.main4_m5_l,.main4_m5_r{width:96%;}
	.font_t {font-size: 1rem;}
	.font_t2-1{font-size:2rem;}
    .font_t3 {width: 85vw;}
	.main1img{display:none;}
	.font_t2-2 {font-size: 0.875rem;}
	.main1_tit2_ko2 {width: 100%;}
	.m3_link a,.m6_link a{width:90%; margin:0 auto;}
	.sub1_box2{padding-bottom:2rem;}
	.sub1_d_h2{font-size:30px;}
	.sub1-3_h2{font-size:26px;}
	.sub1-2_h2 {text-align: left; font-size: 24px;}
	.sub1-2_p{display:none;}
	.p_d1_d1, .p_d1_d2 {font-size: 18px;}
	.sticky_table {font-size: 14px;}
	.company_box1{flex-wrap: wrap; grid-row-gap: 0.5rem;}
	.company_l{font-weight:600;}
	.sub1-recruit{padding-top:0;}
	.main1_tit2_ko .font_m2_t{width:80%;}
}