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

html { width: 100%;height: 100%;margin: 0;	padding: 0;} 
body{width:100%;height: 100%;margin:0;padding:0; -webkit-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
body.open_navigation{	position: fixed;height: 100vh;}

.mincho{font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.clearfix:after{content: "";clear: both;display: block;}

:hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}

@media (min-width:1051px) {
	header{}
	header .wrapper{position: relative;z-index: 9999;}	
	header .wrapper h1{  position: fixed;top:15px;left:3%;   width:160px;  transition: .5s;opacity: 1;z-index: inherit;padding: 0px 0px;margin:0;}
	header .wrapper h1 img{width: 100%;}
	header .wrapper h1 img:hover{opacity: 0.5;}
	
	header .wrapper nav{width: 100%;height: 80px;position:fixed;	top:0px;left: 0;text-align: right;transition: 0.5s;}	
	.button{display:none}		
	header .wrapper nav #nav_menu .inner{padding-right: 240px}
	header .wrapper nav #nav_menu .inner a{display:  inline-block;margin-right: 20px;margin-top: 32px;padding: 0px 0px 0px 0px; text-decoration:none;color:white;font-size: 15px;letter-spacing:1px;font-weight: 500}
	header .wrapper nav #nav_menu .inner a:hover{color:#ff4800}	
	header .wrapper nav #nav_menu .inner a.sp_button{display:none;}
	
	header .wrapper #recruit_header_pc{ position: fixed;top:20px;right:90px;   width:140px; }
	header .wrapper #recruit_header_pc a{display:block;margin: 0 auto;padding:14px 0;text-align: center;color: white;background: #ff4800;text-decoration: none;font-size: 15px;letter-spacing:1px;font-weight: 500;line-height: 1;border-radius: 3px}
	header .wrapper #recruit_header_pc a:hover{background:white;color: black}
	
	header .wrapper #sns_header{  position: fixed;top:23px;right:40px;  }
	header .wrapper #sns_header a{color: white;font-size: 30px;letter-spacing: 1px;text-decoration: none;font-weight: 600;}
	header .wrapper #sns_header a:hover{color:#ff4800}	
	
	/*スクロール時のヘッダー*/
	header.scroll-nav .wrapper nav {background:#0f0f0f;  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);}		
	
	/*フッター*/
	footer{margin: 0 auto;padding:0px 0 80px 0;background: #0f0f0f url("../img/logo_black03.png") no-repeat;background-position: 110% 50%;background-size:auto 70%}	
	
	footer #contact_f{padding: 80px 0}
	footer #contact_f .inner{width:1000px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
	footer #contact_f .inner .title .eng{margin:0 auto 10px auto;padding: 0;font-size: 40px;letter-spacing: 2px;color: #999999;font-weight: 700}	
	footer #contact_f .inner .title .jpn{margin:0;padding: 0;font-size: 14px;letter-spacing: 2px;color: #cccccc}	
	footer #contact_f .inner .banner{width: 350px;}
	footer #contact_f .inner .banner a{position:relative;display:block;background:#ff4800;padding:34px 0px;color: white;font-size: 17px;letter-spacing: 1px;text-decoration: none;font-weight: 600;overflow: hidden; transition: color 0.3s ease;border-radius: 10px}		
	footer #contact_f .inner .banner a::before{ content: "";  position: absolute;  top: 0;left: 0%;  width:0%;  height: 100%;background:white;transition: width 0.3s ease;z-index:1}
	footer #contact_f .inner .banner a::after{content:"\f105";position: absolute;top: 50%;transform: translateY(-50%);left: 90%;z-index: 0;font-family: 'Font Awesome 5 Free';font-weight: 900;color: white;font-size: 16px; transition: left 0.2s ease-out, color 0.3s ease;z-index: 2}
	footer #contact_f .inner .banner a span{display: block; content: "";  position: absolute;  top: 50%;transform: translateY(-50%);left: 10%;  width:90%; z-index:3;}
	footer #contact_f .inner .banner a:hover::before {  width: 100%;}
	footer #contact_f .inner .banner a:hover::after{color:#ff4800}
	footer #contact_f .inner .banner a:hover span{color:#ff4800}
	
	footer #info_f{padding: 80px 0 0 0;margin: 0 auto 150px auto;border-top: 1px solid #333333}
	footer #info_f .inner{width:1000px;margin:0 auto;}
	footer #info_f .inner .logo{width: 190px;margin:0 auto 20px 0;padding: 0;}
	footer #info_f .inner .logo img{width:100%;}
	footer #info_f .inner address{display:block;font-style: normal;color: white;font-size: 13px;letter-spacing: 1px;line-height: 22px;}
	
	footer #menu_f{ margin:0px auto 20px auto;padding:0px 0 0px 0;}
	footer #menu_f .inner{width: 1000px;margin:0 auto;}
	footer #menu_f .inner a{margin-right: 14px;color: white;text-decoration: none;letter-spacing: 2px;font-size: 14px;}	
	footer #menu_f .inner a:hover{color:#808080;}
	
	footer small{width:1000px;margin:0 auto;padding:0;display:block;color:#666666;font-size: 12px;letter-spacing: 2px;}	
	
	#recruit_sp{display:none;}
}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	header{}
	header .wrapper{position: relative;z-index: 9999;}	
	header .wrapper h1{  position: fixed;top:15px;left:3%;   width:160px;  transition: .5s;opacity: 1;z-index: inherit;padding: 0px 0px;margin:0;}
	header .wrapper h1 img{width: 100%;}
	header .wrapper h1 img:hover{opacity: 0.5;}
	header .wrapper nav{width: 100%;height: 80px;position:fixed;	top:0px;left: 0;transition: 0.5s;}	
	/*スクロール時のヘッダー*/
	header.scroll-nav .wrapper nav {background:#0f0f0f;  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);}		
	/*navメニュー*/
	nav{}	
	.button{display:block;	position: absolute;	right:0%;top:0px;width: 80px;height:80px;padding:0px 0 0 0px;margin: 0 0;text-align: center;letter-spacing: 1px;/*  background: #741b16;*/cursor:pointer;} 	
	.button span {display:block;position: absolute;	height:2px;border-radius: 2px;	background:#ffffff;right:25%;	-webkit-transition: .35s ease-in-out;	-moz-transition: .35s ease-in-out;	transition: .35s ease-in-out;}
    .button span:nth-child(1) {	top:40%;width:50%;}
    .button span:nth-child(2) {	top:50%;width:50%;}
    .button span:nth-child(3) {	top:60%;width:50%;}    
	.button.open_navigation{z-index:9999;}
	.button.open_navigation span{display:block;	background:#ffffff;}
    .button.open_navigation span:nth-child(1) {width:30%;top: 50%;left: 35%;	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	transform: rotate(45deg);}
    .button.open_navigation span:nth-child(2) {width: 0;	left: 50%;	 	}
    .button.open_navigation span:nth-child(3) {	width:30%;top:50%;left: 35%;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	transform: rotate(-45deg);}
    #nav_menu.open_navigation{	display: block;	animation-duration: 0.6s;	animation-name:button_open;z-index:999;/*background-color:white;*/}         
    @keyframes button_open{ from { opacity:0.1;}        to { opacity:1;}    }
	
	#nav_menu{display: none;width: 100%;height:100vh;position:fixed;	top:0px;left: 0;background:#0f0f0f;z-index: 99999}
	#nav_menu .inner{position: fixed;top:80px;left:0%;width:100%;height:75vh;margin:0 auto;padding:30px 0 0 0;list-style: none;background:#1a1a1a;	overflow-y: scroll;	-webkit-overflow-scrolling: touch;	overflow-scrolling: touch;}	
	#nav_menu .inner > a{position: relative;display: block;width: 85%;margin: 10px auto 0px auto;padding:30px 5%;text-decoration: none;color:white; font-size:18px;letter-spacing: 1px;font-weight: 500;border-radius:5px;background:black}		
	#nav_menu .inner a.sp_button{background:#ff4800;color:white;}
	#nav_menu .inner > a::before{content:"\f105";position: absolute;top: 50%;transform: translateY(-50%);right: 5%;z-index: 0;font-family: 'Font Awesome 5 Free';font-weight: 900;color:#b3b3b3;font-size: 16px;}
	#nav_menu .inner > a:hover{color:black;background:white} 
	
	header .wrapper #recruit_header_pc{display: none}
	
	header .wrapper #sns_header{  position: fixed;top:24px;right:90px;  }
	header .wrapper #sns_header a{color: white;font-size: 30px;letter-spacing: 1px;text-decoration: none;font-weight: 600;}
	header .wrapper #sns_header a:hover{color:#ff4800}	
	
	
	/*フッター*/
	footer{margin: 0 auto;padding:0px 0 120px 0;background: #0f0f0f url("../img/logo_black03.png") no-repeat;background-position: 120% 80%;background-size:auto 50%}	
	
	footer #contact_f{padding: 80px 0}
	footer #contact_f .inner{width:90%;margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
	footer #contact_f .inner .title{width:45%;}
	footer #contact_f .inner .title .eng{margin:0 auto 10px auto;padding: 0;font-size: 40px;letter-spacing: 2px;color: #999999;font-weight: 700}	
	footer #contact_f .inner .title .jpn{margin:0;padding: 0;font-size: 14px;letter-spacing: 2px;color: #cccccc}	
	footer #contact_f .inner .banner{width:50%;}
	footer #contact_f .inner .banner a{position:relative;display:block;background:#ff4800;padding:34px 0px;color: white;font-size: 17px;letter-spacing: 1px;text-decoration: none;font-weight: 600;overflow: hidden; transition: color 0.3s ease;border-radius: 10px}		
	footer #contact_f .inner .banner a::before{ content: "";  position: absolute;  top: 0;left: 0%;  width:0%;  height: 100%;background:white;transition: width 0.3s ease;z-index:1}
	footer #contact_f .inner .banner a::after{content:"\f105";position: absolute;top: 50%;transform: translateY(-50%);left: 90%;z-index: 0;font-family: 'Font Awesome 5 Free';font-weight: 900;color: white;font-size: 16px; transition: left 0.2s ease-out, color 0.3s ease;z-index: 2}
	footer #contact_f .inner .banner a span{display: block; content: "";  position: absolute;  top: 50%;transform: translateY(-50%);left: 10%;  width:90%; z-index:3;}
	footer #contact_f .inner .banner a:hover::before {  width: 100%;}
	footer #contact_f .inner .banner a:hover::after{color:#ff4800}
	footer #contact_f .inner .banner a:hover span{color:#ff4800}
	
	footer #info_f{padding: 80px 0 0 0;margin: 0 auto 30px auto;border-top: 1px solid #333333}
	footer #info_f .inner{width:90%;margin:0 auto;}
	footer #info_f .inner .logo{width: 190px;margin:0 auto 20px 0;padding: 0;}
	footer #info_f .inner .logo img{width:100%;}
	footer #info_f .inner address{display:block;font-style: normal;color: white;font-size: 13px;letter-spacing: 2px;line-height: 22px;}
	
	footer #menu_f{ margin:0px auto 50px auto;padding:0px 0 0px 0;}
	footer #menu_f .inner{width:90%;margin:0 auto;}
	footer #menu_f .inner a{display:inline-block;width: 48%;margin: 0;padding: 16px 0;color: white;text-decoration: none;letter-spacing: 2px;font-size: 15px;font-weight: 500}	
	footer #menu_f .inner a:hover{color:#808080;}
	
	footer small{width:90%;margin:0 auto;padding:0;display:block;color:#666666;font-size: 12px;letter-spacing: 2px;}
	
	#recruit_sp{position:fixed;bottom: 0;left: 0;width: 100%;padding: 20px 0;background: rgba(000,000,000,0.8);z-index: 99}
	#recruit_sp a{display:block;width: 90%;margin: 0 auto;padding:20px 0;text-align: center;color: white;background: #ff4800;font-size: 18px;letter-spacing: 1px;text-decoration: none;font-weight: 500;border-radius: 10px}
	#recruit_sp a span{position:relative;padding-right: 20px}
	#recruit_sp a span::before{content:"\f105";position:absolute;top:50%;transform: translateY(-50%);right: 0%;font-family: 'Font Awesome 5 Free';font-weight: 900;color: white;font-size: 16px;}
	#recruit_sp a:hover{background:black;}
}

@media (max-width: 700px) {
	header{}
	header .wrapper{position: relative;z-index: 9999;}	
	header .wrapper h1{  position: fixed;top:20px;left:3%;   width:120px;  transition: .5s;opacity: 1;z-index: inherit;padding: 0px 0px;margin:0;}
	header .wrapper h1 img{width: 100%;}
	header .wrapper h1 img:hover{opacity: 0.5;}
	header .wrapper nav{width: 100%;height: 80px;position:fixed;	top:0px;left: 0;transition: 0.5s;}	
	/*スクロール時のヘッダー*/
	header.scroll-nav .wrapper nav {background:#0f0f0f;  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);}		
	/*navメニュー*/
	nav{}	
	.button{display:block;	position: absolute;	right:0%;top:0px;width: 80px;height:80px;padding:0px 0 0 0px;margin: 0 0;text-align: center;letter-spacing: 1px;/*  background: #741b16;*/cursor:pointer;} 	
	.button span {display:block;position: absolute;	height:2px;border-radius: 2px;	background:#ffffff;right:25%;	-webkit-transition: .35s ease-in-out;	-moz-transition: .35s ease-in-out;	transition: .35s ease-in-out;}
    .button span:nth-child(1) {	top:40%;width:50%;}
    .button span:nth-child(2) {	top:50%;width:50%;}
    .button span:nth-child(3) {	top:60%;width:50%;}    
	.button.open_navigation{z-index:9999;}
	.button.open_navigation span{display:block;	background:#ffffff;}
    .button.open_navigation span:nth-child(1) {width:30%;top: 50%;left: 35%;	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	transform: rotate(45deg);}
    .button.open_navigation span:nth-child(2) {width: 0;	left: 50%;	 	}
    .button.open_navigation span:nth-child(3) {	width:30%;top:50%;left: 35%;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	transform: rotate(-45deg);}
    #nav_menu.open_navigation{	display: block;	animation-duration: 0.6s;	animation-name:button_open;z-index:999;/*background-color:white;*/}         
    @keyframes button_open{ from { opacity:0.1;}        to { opacity:1;}    }
	
	#nav_menu{display: none;width: 100%;height:100vh;position:fixed;	top:0px;left: 0;background:#0f0f0f;z-index: 99999}
	#nav_menu .inner{position: fixed;top:80px;left:0%;width:100%;height:75vh;margin:0 auto;padding:20px 0 0 0;list-style: none;background:#1a1a1a;	overflow-y: scroll;	-webkit-overflow-scrolling: touch;	overflow-scrolling: touch;}	
	#nav_menu .inner > a{position: relative;display: block;width: 85%;margin: 5px auto 0px auto;padding:22px 5%;text-decoration: none;color:white; font-size:14px;letter-spacing: 1px;font-weight: 500;border-radius:5px;background:black}		
	#nav_menu .inner a.sp_button{background:#ff4800;color:white;}
	#nav_menu .inner > a::before{content:"\f105";position: absolute;top: 50%;transform: translateY(-50%);right: 5%;z-index: 0;font-family: 'Font Awesome 5 Free';font-weight: 900;color:#b3b3b3;font-size: 16px;}
	#nav_menu .inner > a:hover{color:black;background:white} 
	
	header .wrapper #recruit_header_pc{display: none}
	
	header .wrapper #sns_header{  position: fixed;top:24px;right:90px;  }
	header .wrapper #sns_header a{color: white;font-size: 30px;letter-spacing: 1px;text-decoration: none;font-weight: 600;}
	header .wrapper #sns_header a:hover{color:#ff4800}	
	
	
	
	/*フッター*/
	footer{margin: 0 auto;padding:0px 0 120px 0;background: #0f0f0f url("../img/logo_black03.png") no-repeat;background-position: 120% 80%;background-size:auto 30%}	
	
	footer #contact_f{padding: 50px 0}
	footer #contact_f .inner{width:80%;margin:0 auto;}	
	footer #contact_f .inner .title{margin:0 auto 20px auto;}
	footer #contact_f .inner .title .eng{margin:0 auto 10px auto;padding: 0;font-size: 30px;letter-spacing: 1px;color: #999999;font-weight: 700}	
	footer #contact_f .inner .title .jpn{margin:0;padding: 0;font-size: 14px;letter-spacing: 1px;color: #cccccc}	
	footer #contact_f .inner .banner a{position:relative;display:block;background:#ff4800;padding:30px 0px;color: white;font-size: 15px;letter-spacing: 0px;text-decoration: none;font-weight: 600;overflow: hidden; transition: color 0.3s ease;border-radius: 5px}		
	footer #contact_f .inner .banner a::before{ content: "";  position: absolute;  top: 0;left: 0%;  width:0%;  height: 100%;background:white;transition: width 0.3s ease;z-index:1}
	footer #contact_f .inner .banner a::after{content:"\f105";position: absolute;top: 50%;transform: translateY(-50%);left: 90%;z-index: 0;font-family: 'Font Awesome 5 Free';font-weight: 900;color: white;font-size: 16px; transition: left 0.2s ease-out, color 0.3s ease;z-index: 2}
	footer #contact_f .inner .banner a span{display: block; content: "";  position: absolute;  top: 50%;transform: translateY(-50%);left: 10%;  width:90%; z-index:3;}
	footer #contact_f .inner .banner a:hover::before {  width: 100%;}
	footer #contact_f .inner .banner a:hover::after{color:#ff4800}
	footer #contact_f .inner .banner a:hover span{color:#ff4800}
	
	footer #info_f{padding: 50px 0 0 0;margin: 0 auto 30px auto;border-top: 1px solid #333333}
	footer #info_f .inner{width:80%;margin:0 auto;}
	footer #info_f .inner .logo{width: 28%;margin:0 auto 30px 0;padding: 0;}
	footer #info_f .inner .logo img{width:100%;}
	footer #info_f .inner address{display:block;font-style: normal;color: white;font-size: 13px;letter-spacing: 1px;line-height: 22px;}
	
	footer #menu_f{ margin:0px auto 30px auto;padding:0px 0 0px 0;}
	footer #menu_f .inner{width:100%;margin:0 auto;}
	footer #menu_f .inner a{display:block;margin: 0;padding: 14px 10%;color: white;text-decoration: none;letter-spacing: 1px;font-size: 15px;font-weight: 500}	
	footer #menu_f .inner a:hover{color:#808080;}
	
	footer small{width:80%;margin:0 auto;padding:0;display:block;color:#666666;font-size: 12px;letter-spacing:0px;}
	
	#recruit_sp{position:fixed;bottom: 0;left: 0;width: 100%;padding: 20px 0;background: rgba(000,000,000,0.8);z-index: 99}
	#recruit_sp a{display:block;width: 90%;margin: 0 auto;padding:18px 0;text-align: center;color: white;background: #ff4800;font-size: 17px;letter-spacing: 0px;text-decoration: none;font-weight: 500;border-radius:5px}
	#recruit_sp a span{position:relative;padding-right: 20px}
	#recruit_sp a span::before{content:"\f105";position:absolute;top:50%;transform: translateY(-50%);right: 0%;font-family: 'Font Awesome 5 Free';font-weight: 900;color: white;font-size: 16px;}
	#recruit_sp a:hover{background:black;}
}