/*============================================
　BODY
============================================*/

body {
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;animation: fadeIn 4s ease 0s 1 normal;-webkit-animation: fadeIn 4s ease 0s 1 normal;}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

/*============================================
　PAGE TOP ANCHOR
============================================*/

#top {
padding-top:0px;
margin-top:0px;
}

#composition {
padding-top:0px;
margin-top:0px;
}

#provision {
padding-top:0px;
margin-top:0px;
}

#sitepolicy {
padding-top:0px;
margin-top:0px;
}

#privacypolicy {
padding-top:0px;
margin-top:0px;
}

/*============================================
 SCROLL  DOWN
============================================*/

/*=== SCROLL DOWN PC===*/

span.page_down {
position: absolute;
bottom: 1%;
right: 3%;
z-index: 101;
text-align: right;
}

.down {
position: relative;
width: 20px;
height: 159px;
margin: 0 auto;
display: block;
border-radius: 0px;
overflow: hidden;
cursor: pointer;
}

.down img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
display: block;
-webkit-transition: .6s ease-in-out;
transition: .6s ease-in-out;
}

.down:hover img:nth-of-type(2) {
top: 100%;
opacity: 0;
}

/*=== SCROLL DOWN SP===*/

span.page_down_sp {
position: absolute;
bottom: 1%;
right: 5%;
z-index: 101;
text-align: right;
}

.down_sp {
position: relative;
width: 20px;
height: 200px;
margin: 0 auto;
display: block;
border-radius: 0px;
overflow: hidden;
cursor: pointer;
}

.down_sp img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
display: block;
-webkit-transition: .6s ease-in-out;
transition: .6s ease-in-out;
}

.down_sp:hover img:nth-of-type(2) {
top: 100%;
opacity: 0;
}

/*============================================
 SCROLL  TOP
============================================*/

/*=== SCROLL TOP PC ===*/

span.page_top {
position: fixed;
bottom: 1%;
right: 3%;
z-index: 1;
text-align: right;
}
.top {
position: relative;
width: 20px;
height: 159px;
margin: 0 auto;
display: block;
border-radius: 0px;
cursor: pointer;
}
.top img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
display: block;
-webkit-transition: .6s ease-in-out;
transition: .6s ease-in-out;
}
.top:hover img:nth-of-type(2) {
top: -100%;
opacity: 0;
}

/*=== SCROLL TOP SP ===*/

span.page_top_sp {
position: fixed;
bottom: 1%;
right: 3%;
z-index: 1;
text-align: left;
}
.top_sp {
position: relative;
width: 15px;
height: 150px;
margin: 0 auto;
display: block;
border-radius: 0px;
cursor: pointer;
}
.top_sp img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
display: block;
-webkit-transition: .6s ease-in-out;
transition: .6s ease-in-out;
}
.top_sp:hover img:nth-of-type(2) {
top: -100%;
opacity: 0;
}

/*============================================
　LOGO LINK
============================================*/

/*=== LOGO LINK PC ===*/

.logo_link_pc {
position: fixed;
z-index: 10;
top: 12px;
left: 1%;
width: 250px;
height: 79px;
margin: 0 auto;
display: block;
}

/*=== LOGO LINK SP ===*/

.logo_link_pc {
position: fixed;
z-index:10;
top:8.3px;
left:2%;
width: 170px;
height: 54px;
margin: 0 auto;
display: block;
}

/*============================================
　GOOGLE MAP
============================================*/

.flex_map-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-around;
flex-direction: row;
width: 100%;
}
.flex_map-item {
z-index: 0;
border-radius: 0px;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 100px;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.map_wrapper {
max-width: 100%;
min-width: 1px;
margin: 0% 0% 0% 0%;
padding: 0px;
} 
.googlemap {
position: relative;
padding-bottom: 30%;
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0%;
right: 0%;
width: 100%;
height: 100%;
}

/*=== 1280 ===*/
@media(max-width: 1280px){
.flex_map-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-around;
flex-direction: row;
width: 100%;
}
.flex_map-item {
z-index: 7;
border-radius: 0px;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 20px;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.map_wrapper {
max-width: 100%;
min-width: 1px;
margin: 0% 0% 0% 0%;
padding: 0px;
} 
.googlemap {
position: relative;
padding-bottom: 35%;
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0%;
right: 0%;
width: 100%;
height: 100%;
}}

/*=== 1024 ===*/
@media(max-width: 1024px){
.flex_map-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-around;
flex-direction: row;
width: 100%;
}
.flex_map-item {
z-index: 7;
border-radius: 0px;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 20px;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.map_wrapper {
max-width: 100%;
min-width: 1px;
margin: 0% 0% 0% 0%;
padding: 0px;
} 
.googlemap {
position: relative;
padding-bottom: 40%;
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0%;
right: 0%;
width: 100%;
height: 100%;
}}

/*=== 768 ===*/
@media(max-width: 768px){
.flex_map-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-around;
flex-direction: row;
width: 100%;
}
.flex_map-item {
z-index: 7;
border-radius: 0px;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 20px;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.map_wrapper {
max-width: 100%;
min-width: 1px;
margin: 0% 0% 0% 0%;
padding: 0px;
} 
.googlemap {
position: relative;
padding-bottom: 40%;
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0%;
right: 0%;
width: 100%;
height: 100%;
}}

/*=== 640 ===*/
@media(max-width: 640px){
.flex_map-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-around;
flex-direction: row;
width: 100%;
}
.flex_map-item {
z-index: 7;
border-radius: 0px;
width: 100%;
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0px;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.map_wrapper {
max-width: 100%;
min-width: 1px;
margin: 0% 0% 0% 0%;
padding: 0px;
} 
.googlemap {
position: relative;
padding-bottom: 60%;
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0%;
right: 0%;
width: 100%;
height: 100%;
}}

/*============================================
　PC　メニュー設定
============================================*/

/* --- ヘッダー設定 --- */

.single-development .rect--overview-challenge .rect-under--wide-left {border-color:transparent transparent transparent #f5f8fa}
.single-development .l-screen-transition{position:fixed;z-index:3;top:0;left:0;width:100vw;height:100vh;background-color:#fff}
.l-screen-transition .img-logo{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-block;width:250px;height:79px;margin:auto;transform:translate3d(-80px,60px,0)}
.l-screen-transition .img-logo img{width:100%}
.development .l-kv .our-service .l-kv{height:auto}
@media screen and (min-width:1025px) {.l-header .l-header__gnav .header__gnav .js-unset-skillblog,.l-header.is-mini .l-header__gnav .header__gnav .js-unset-skillblog{cursor:pointer}

/* --- ロゴ位置 --- */
    
.l-header .l-header__logo{position:absolute;z-index:3;top:12px;left:-2%;transition:transform .8s ease;transform:scale(1)}
.l-header .l-header__logo .header__logo .svg-logo{fill:#fff}
.l-header .l-header__gnav{position:absolute;z-index:3;top:0;right:0}
        
/* --- ファーストメニュー　バックカラー／イメージ　INDEX設定 --- */
    
.l-header{position:fixed;z-index:3;width:100%;height:95px;transition:.8s ease;background-color:rgba(255,255,255,0.9);box-shadow:0px 10px 20px rgba(51,51,51,0.3)}
    
    
.l-header .is-mini{height:90px;background-image:url("../photos/back.png");background-size: cover;box-shadow:0px 10px 16px rgba(51,51,51,0.3)}
    
/* --- ファーストメニュー　バックカラー／イメージ　※default
.l-header{position:fixed;z-index:1;width:100%;height:95px;transition:.8s ease;background-image:url("../photos/back.png");background-size: cover;background-position: center;box-shadow:0px 10px 20px rgba(51,51,51,.3)}
.l-header .is-mini{height:90px;background-image:url("../photos/back.png");background-size: cover;box-shadow:0px 10px 16px rgba(51,51,51,.3)}
--- */  
    
/* --- ファーストメニュー　スクロール後　TEXTカラー／位置／サイズ　ロールオーバーカラー／サイズ／位置 --- */
  
.l-header.is-mini .l-header__gnav .header__gnav .item__single{padding:31px 20px 21.0px 20px;transition:.8s ease}
.l-header.is-mini .l-header__gnav .header__gnav .item__single .title{color:#000}
.l-header .header__gnav__mark,.l-header .link--sp{display:none}
.l-header .header-inner{position:relative;width:calc(100% - 6%);max-width:100%;margin:0 auto}
    
 /* --- ファーストメニュー　TEXTシャドウ　ロールオーバーバックカラー --- */
    
.l-header .l-header__gnav .header__gnav.is-mouse-enter .item__single.is-enter{background:#eee}
.l-header .l-header__gnav .header__gnav.is-mouse-enter .item__single.is-enter .title{color:#000}
.l-header .l-header__gnav .header__gnav .item__single{position:relative;padding:29px 20px 24px 20px}
.l-header .l-header__gnav .header__gnav .item__single:first-child{margin-left:0}
.l-header .l-header__gnav .header__gnav .item__single .title{transition:.8 ease;text-align:center;letter-spacing:.05em;color:#fff;text-shadow: 2px 2px 3px #ccc}
     
/* --- ファーストメニュー　位置／フォントサイズ --- */
    
.l-header .l-header__gnav .header__gnav .item__single .title .en{font-family:'Avenir Next','Open Sans',sans-serif;font-size:20px;font-weight:600;display:block}
.l-header .l-header__gnav .header__gnav .item__single .title .ja{font-size:13px;display:block;margin-top:10px}
.l-header .l-header__gnav .header__gnav .item__single .link{position:absolute;top:0;right:0;bottom:0;left:0}
    
/* --- プルダウン／セカンドメニュー　スクロール後　位置 --- */
    
.l-header.is-mini .menu__second-level{padding-top:24.0px}
.l-header.is-mini .l-header__logo{transform:scale(.95) translateY(-4.5px) translateX(1.3px)}     
    
/*--- プルダウン／セカンドメニュー　ロールオーバー　TEXTカラー／シャドウ　ページマスクカラー --- */
    
.l-header .l-header__gnav .header__modal-bg{position:fixed;z-index:-1;bottom:0;left:0;width:0;height:calc(100vh - 0px);transform-origin:right;opacity:0;background:rgba(0,0,0,.0)}
     
.l-header .l-header__gnav .header__modal-bg.is-modal{width:100vw;transition:.1s ease-out;opacity:1}
.l-header .l-header__gnav .header__modal-bg.is-modal-leave{width:100vw;transition:.4s ease;opacity:0}
.l-header .l-header__gnav .header__gnav{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}
.l-header .l-header__gnav .header__gnav.is-mouse-enter .item__single{transition:.8s ease}
    
.l-header .l-header__gnav .header__gnav.is-mouse-enter .item__single .title{color:#ccc;text-shadow: 0px 0px 0px #fff}
    
/* --- プルダウン／セカンドメニュー　サイズ／表示位置 ---*/
    
.l-header .menu__second-level{position:fixed;right:0;left:0;display:-ms-flexbox;display:flex;visibility:hidden;width:calc(100% - 0px);max-width:100%;margin:auto;padding-top:24px;transition:.8s ease;transform:translateX(-0px);opacity:0}
    
/* --- プルダウン／セカンドメニュー　サービス／高さ　全ての幅 --- */
    
.l-header .menu__second-level.is-active{z-index:10;transition:opacity .2s linear;opacity:1}
.l-header .menu__second-level .item-second{position:relative;box-sizing:content-box;width:100%;height:260px}
    
  /* --- プルダウン／セカンドメニュー　フォントカラー／サイズ／位置 --- */
    
.l-header .menu__second-level .item-second.item-second--experienced,.l-header .item-second__body{ position: absolute;z-index: 2; top: 0; right: 0; bottom: 0; left: 30%; width:100%; height: 260px;}
.l-header .menu__second-level .item-second .item-second__body .item-second-title{padding-top:74px;text-align: right;padding-right:10vw}
.l-header .menu__second-level .item-second .item-second__body .item-second-title .s-recruit-title{font-family:'Avenir Next','Open Sans',sans-serif;font-size:35px;font-weight:500;line-height:1.4;margin-top:65px;margin-bottom:-7px;letter-spacing:.075;color:#fff}
.l-header .menu__second-level .item-second .item-second__body .item-second-title .s-recruit-title .light{font-weight:100;display:block}
.l-header .menu__second-level .item-second .item-second__body .item-second-title .s-recruit-title .medium{font-weight:500;display:block}
    
    
.l-header .menu__second-level .item-second .item-second__body .item-second-title .en{font-family:'Avenir Next','Open Sans',sans-serif;font-size:28px;font-weight:500;margin-top:20px;line-height: 120%;letter-spacing:.075em;color:#fff;text-shadow: 2px 2px 3px #000}
.l-header .menu__second-level .item-second .item-second__body .item-second-title .ja{font-size:18px;margin-top:24px;letter-spacing:.05;color:#fff;text-shadow: 2px 2px 3px #000}
    
.l-header .menu__second-level .item-second .item-second__body .item-second-title .en_sm{font-family:'Avenir Next','Open Sans',sans-serif;font-size:28px;font-weight:500;margin-top:24px;margin-right:20%;letter-spacing:.075em;color:#fff;text-shadow: 2px 2px 3px #000}
.l-header .menu__second-level .item-second .item-second__body .item-second-title .ja_sm{font-size:18px;margin-top:24px;margin-right:20%;letter-spacing:.05;color:#fff;text-shadow: 2px 2px 3px #000}
    
    
.l-header .menu__second-level .item-second .item-second__body .item-second-link{font-size:12px;line-height:32px;position:relative;overflow:hidden;width:136px;margin-top:40px;padding-left:16px;transition:.3s ease-out;color:#ffffff;background:#fff}
.l-header .menu__second-level .item-second .item-second__body .item-second-link:after,

    
.l-header .menu__second-level .item-second .item-second__body .item-second-link:before{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:160%;height:30px;margin-left:0;content:'';transform:rotate(40deg) translateY(150px);background:#00ccff}

    
.l-header .menu__second-level .item-second .item-second__body .item-second-link.is-enter{color:#50c8ff}
.l-header .menu__second-level .item-second .item-second__body .item-second-link.is-enter:before{transition:all .5s ease;transform:rotate(40deg) translateY(-50px)}
.l-header .menu__second-level .item-second .item-second__body .item-second-link.is-enter:after{transition:all .5s .15s ease;transform:rotate(40deg) translateY(-30px)}
.l-header .menu__second-level .item-second .item-second__body .item-second-link.is-leave:after{transition:all .3s cubic-bezier(.25,.25,.75,.75);transform:rotate(40deg) translateY(-50px)}
    
/* --- プルダウン／セカンドメニュー　バックカラー／位置／サイズ --- */
    
.l-header .menu__second-level .item-second .item-second__thumb{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;left:none;overflow:hidden}
.l-header .menu__second-level .item-second .item-second__thumb .thumb-bg{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;}
    
/* --- プルダウン／セカンドメニュー　バックイメージ／位置／サイズ --- */
.l-header .menu__second-level .item-second .item-second__thumb .thumb-img{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background-image:url("../secondmenu_bg_images/01.svg");background-size: cover;background-position: center;}
    
.l-header .menu__second-level .item-second .item-second__thumb .thumb-img02{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background-image:url("../secondmenu_bg_images/02.svg");background-size: cover;background-position: center;}
    
.l-header .menu__second-level .item-second .item-second__thumb .thumb-img03{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background-image:url("../secondmenu_bg_images/03.png");background-size: cover;background-position: center;}
    
.l-header .menu__second-level .item-second .item-second__thumb .thumb-img04{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background-image:url("../secondmenu_bg_images/04.svg");background-size: cover;background-position: center;}
    
.l-header .menu__second-level .item-second .item-second__thumb .thumb-img05{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background-image:url("../secondmenu_bg_images/05.svg");background-size: cover;background-position: center;}
    
.l-header .menu__second-level .item-second .item-second__thumb .thumb-img06{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background-image:url("../secondmenu_bg_images/06.svg");background-size: cover;background-position: center;}
    
 .l-header .menu__second-level .item-second .item-second__thumb .thumb-img07{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background-image:url("../secondmenu_bg_images/07.svg");background-size: cover;background-position: center;}  
    
 .l-header .menu__second-level .item-second .item-second__thumb .thumb-img08{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background-image:url("../secondmenu_bg_images/08.png");background-size: cover;background-position: center;}  
    
.l-header .menu__second-level .item-second .item-second__link{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;transition:.4s cubic-bezier(.25,.46,.45,.94)}
.l-header .menu__second-level .item-second .item-second__nav-btn{position:absolute;z-index:4;top:0;left:0;width:64px;height:64px;background:#fff}
.l-header .menu__second-level .item-second .item-second__nav-btn .line{position:absolute;right:1px;left:1px;width:24px;height:1.5px;margin:auto;background:#00a0e9}
.l-header .menu__second-level .item-second .item-second__nav-btn .line.line-top{top:26px;transition:.4s linear}
.l-header .menu__second-level .item-second .item-second__nav-btn .line.line-middle{top:32px;transition:.4s linear}
.l-header .menu__second-level .item-second .item-second__nav-btn .line.line-bottom{top:38px;transition:.4s linear}
.l-header .menu__second-level .item-second .item-second__nav-btn .line.line-right-down{top:32px;transform:rotate(45deg) scaleX(0);background:#fff}
.l-header .menu__second-level .item-second .item-second__nav-btn .line.line-right-up{top:32px;transform:rotate(-45deg) scaleX(0);background:#fff}
.l-header .menu__second-level .item-second .item-second__nav-btn.is-open{transition:.6s ease;background:rgba(4,28,38,.9)}
.l-header .menu__second-level .item-second .item-second__nav-btn.is-open .line.line-top{top:26px;transform:scaleX(0);transform-origin:left}
.l-header .menu__second-level .item-second .item-second__nav-btn.is-open .line.line-middle{transform:scaleX(0)}
.l-header .menu__second-level .item-second .item-second__nav-btn.is-open .line.line-bottom{top:38px;transform:scaleX(0);transform-origin:right}
.l-header .menu__second-level .item-second .item-second__nav-btn.is-open .line.line-right-down{transition:.4s .4s linear;transform:rotate(45deg) scaleX(1)}
.l-header .menu__second-level .item-second .item-second__nav-btn.is-open .line.line-right-up{transition:.4s .4s linear;transform:rotate(-45deg) scaleX(1)}
.l-header .menu__second-level .item-second .item-second__nav{position: absolute; z-index: 3; top: 0; bottom: 0; left: -268px; width: 220px; padding: 96px 0 64px 48px; transition: .6s ease; background: rgba(4,28,38,.9); background-color: rgba(4,28,38,.9);}
 .l-header .menu__second-level .item-second .item-second__nav .item-second__nav-item{display:block;margin-top:24px}
.l-header .menu__second-level .item-second .item-second__nav .item-second__nav-item:first-child{margin-top:-8px}
.l-header .menu__second-level .item-second .item-second__nav .item-second__nav-item>a{font-size:12px;display:block;padding:8px;transition:.4s cubic-bezier(.25,.46,.45,.94);letter-spacing:.05em;color:#fff}
.l-header .menu__second-level .item-second .item-second__nav .item-second__nav-item>a:hover{color:#0099ff}}
    
/* ----------------------------------------------
　SP　メニュー設定
---------------------------------------------- */

/* --- SP　ヘッダーサイズ／BGカラー／BOXシャドウ　--- */
@media screen and (max-width:1025px){.l-header.is-mini,.l-header{background-color:rgba(255,255,255,0.9);background-size: cover;background-position: center;box-shadow:0px 10px 10px rgba(51,51,51,0.5)}
    
/* --- SP　メニューヘッダー　Z-INDEX:2　--- */
.l-header{position:fixed;z-index:2;overflow-y:visible;width:100%;height:100vh;height:70px}
    
.l-header.is-mini{box-shadow:0px 10px 10px rgba(51,51,51,.5)}
.l-header .link--pc{display:none}
.l-header .l-header__logo{position:absolute;z-index:10;top:8.3px;left:2%;margin-left:env(safe-area-inset-left)}
.l-header .l-header__logo .header__logo .svg-logo{fill:#fff}
    
/* ---　SP メニュー Z-INDEX:4 --- */
.l-header .l-header__gnav{position:absolute;z-index:7777777;top:0;left:0;width:100vw;transition:ease .6s}
    
.l-header .l-header__gnav.is-open .header__gnav__mark .line.line-top{transform:scaleX(0);transform-origin:left}
.l-header .l-header__gnav.is-open .header__gnav__mark .line.line-middle{transform:scaleX(0)}
.l-header .l-header__gnav.is-open .header__gnav__mark .line.line-bottom{transform:scaleX(0);transform-origin:right}
.l-header .l-header__gnav.is-open .header__gnav__mark .line.line-right-down{transition:.2s .2s linear;transform:rotate(45deg) scaleX(1)}
.l-header .l-header__gnav.is-open .header__gnav__mark .line.line-right-up{transition:.2s .2s linear;transform:rotate(-45deg) scaleX(1)}
.l-header .l-header__gnav .header__gnav__mark{position:absolute;top:24px;right:30px;width:30px;height:24px;margin-right:env(safe-area-inset-right)}
    
.l-header .l-header__gnav .header__gnav__mark .line{position:absolute;width:100%;height:3px;background:#666}
.l-header .l-header__gnav .header__gnav__mark .line.line-top{top:0;transition:.2s linear}
.l-header .l-header__gnav .header__gnav__mark .line.line-middle{top:0;bottom:0;margin-top:auto;margin-bottom:auto;transition:.2s linear}
.l-header .l-header__gnav .header__gnav__mark .line.line-bottom{bottom:0;transition:.2s linear}
.l-header .l-header__gnav .header__gnav__mark .line.line-right-down{top:0;bottom:0;width:30px;margin-top:auto;margin-bottom:auto;transform:rotate(45deg) scaleX(0)}
.l-header .l-header__gnav .header__gnav__mark .line.line-right-up{top:0;bottom:0;width:30px;margin-top:auto;margin-bottom:auto;transform:rotate(-45deg) scaleX(0)}


/* --- SP　プルダウンメニュー　バックサイズ／イメージ／カラー
.l-header .l-header__gnav .header__gnav{background-image: url("../index_images/menu_side_logo.png"), linear-gradient(to right, rgba(0, 0, 51, 1.0), rgba(0, 0, 51, 1.0), rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.8));background-position:left center;background-repeat: no-repeat;background-size:contain;background-attachment: fixed;position:fixed;display:none;overflow:scroll;width:100vw;height:calc(100vh);margin-top:70px;padding:32px 0px 64px 0px;opacity:0;} --- */
    
    
    
/* --- SP　プルダウンメニュー　バックサイズ／イメージ／カラー 
.l-header .l-header__gnav .header__gnav{background-image: url("../index_images/menu_side_logo.png"), linear-gradient(to right, rgba(0, 0, 51, 1.0), rgba(0, 0, 51, 1.0), rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.8));background-position:left center;background-repeat: no-repeat;background-size:contain;background-attachment: scroll;position:fixed;display:none;overflow:scroll;width:100vw;height:calc(100vh);margin-top:70px;padding:50px 0px 50px 0px;opacity:0;} --- */
    
    
    
/* --- SP　プルダウンメニュー　バックサイズ／イメージ／カラー
.l-header .l-header__gnav .header__gnav{z-index: -1; background-image: url("../index_images/menu_side_logo.png"), linear-gradient(to right, rgba(0, 0, 51, 1.0), rgba(0, 0, 51, 1.0), rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.8));background-size:cover;background-position:top 0 left 0;background-repeat: no-repeat; position:fixed;display:none;overflow:scroll;width:100vw;height:calc(100vh);margin-top:70px;padding:50px 0px 50px 0px;opacity:0;} --- */
    
    
    
/* --- SP　プルダウンメニュー　バックサイズ／イメージ／カラー --- */
.l-header .l-header__gnav .header__gnav{z-index: -1; background-image: url("../menu_sp_images/menu_side_logo.png"), linear-gradient(to right, rgba(0, 0, 51, 1.0), rgba(0, 0, 51, 1.0), rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.8));background-size:cover;background-position:bottom 0 left 0;background-repeat: no-repeat;position:fixed;display:none;overflow:scroll;width:100vw;height:calc(100vh);margin-top:70px;padding:50px 0px 50px 0px;opacity:0;}    

    
    
.l-header .l-header__gnav .header__gnav .item__single{position:relative;margin-top:32px}
.l-header .l-header__gnav .header__gnav .item__single:first-child{margin-top:0}

/* --- ABOUT US／SERVICE／CAR ORDERING／CONTACT US・・・ --- */
.l-header .l-header__gnav .header__gnav .item__single .title .en{background-image:url("../menu_sp_images/menu_back_sp.png");background-position:right center;background-repeat: no-repeat;background-size:right auto;text-align: right;padding:0px 45px 0px 0px;text-shadow:2px 2px 2px #000;font-family:'Avenir Next','Open Sans',sans-serif;font-size:20px;font-weight:600;display:block;letter-spacing:.075em;color:#fff;font-feature-settings:'palt' 1}

/* --- 会社概要／事業内容／注文販売／お問い合わせ／サイトマップ・・・ --- */
.l-header .l-header__gnav .header__gnav .item__single .title .ja{background-image:url("../index_images/");background-position:right center;background-repeat: no-repeat;background-size:50% 100%;text-align: right;padding:0px 45px 0px 0px;text-shadow: 2px 2px 2px #000;font-size:14px;display:block;margin-top:10px;letter-spacing:.05em;color:#fff}

.l-header .l-header__gnav .header__gnav .item__single .link{position:absolute;top:0;right:0;bottom:0;left:0;height:44px}
.l-header .l-header__gnav .header__gnav .menu__second-level .item-second{position:relative;margin-top:24px;padding-left:30px}

/* --- Car inspection／Car ripair／Car Painting・・・ --- */  
.l-header .l-header__gnav .header__gnav .menu__second-level .item-second .item-second__body .item-second-title .en{background-image:url("../menu_sp_images/menu_back_sp02.png");background-position:right center;background-repeat:no-repeat;background-size:right auto;text-align:right;padding:0px 45px 0px 0px;text-shadow:2px 2px 2px #000;font-family:'Avenir Next','Open Sans',sans-serif;font-size:20px;font-weight:600;display:block;letter-spacing:.05em;color:#fff;font-feature-settings:'palt' 1}
    
/* --- - 車検 -／- 板金・修理 -／- 塗装 - ・・・ --- */  
.l-header .l-header__gnav .header__gnav .menu__second-level .item-second .item-second__body .item-second-title .ja{background-image:url("../index_images/");background-position:right center;background-repeat: no-repeat;background-size:50% 100%;text-align: right;padding:0px 45px 0px 0px;text-shadow: 2px 2px 2px #000;font-size:14px;display:block;margin-top:10px;letter-spacing:.05em;color:#fff}

/* --- MAP／SITE POLICY／PRIVACY POLICY --- */  
.l-header .l-header__gnav .header__gnav .menu__second-level .item-second .item-second__body .item-second-title .en_sm{background-image:url("../menu_sp_images/menu_back_sp02.png");background-position:right center;background-repeat:no-repeat;background-size:right auto;padding:0px 45px 0px 0px;text-align: right;text-shadow: 2px 2px 2px #000;font-family:'Avenir Next','Open Sans',sans-serif;font-size:20px;font-weight:600;display:block;letter-spacing:.05em;color:#fff;font-feature-settings:'palt' 1}
    
 /* --- ページ一覧／サイトポリシー／プライバシーポリシー --- */     
.l-header .l-header__gnav .header__gnav .menu__second-level .item-second .item-second__body .item-second-title .ja_sm{text-align: right;padding:0px 45px 0px 0px;text-shadow: 2px 2px 2px #000;font-size:14px;display:block;margin-top:10px;letter-spacing:.05em;color:#fff}
    
    
.l-header .l-header__gnav .header__gnav .menu__second-level .item-second .item-second__thumb{display:none}
.l-header .l-header__gnav .header__gnav .menu__second-level .item-second .item-second__link{position:absolute;top:0;right:0;bottom:0;left:0}
.l-header .l-header__gnav .header__gnav .menu__second-level.menu__second-level--recruit{display:-ms-flexbox;display:flex;width:calc(100vw - 32px)}
.l-header .l-header__gnav .header__gnav .menu__second-level.menu__second-level--recruit .item-second{width:50%}
.l-header .l-header__gnav .header__gnav .menu__second-level.menu__second-level--recruit .item-second .item-second__link{bottom:inherit}
    
    
.l-header .l-header__gnav .header__gnav .menu__second-level.menu__second-level--recruit .item-second .item-second__body .item-second-title .s-recruit-title .light{font-family:'Avenir Next','Open Sans',sans-serif;font-size:14px;font-weight:500;display:block;letter-spacing:.05em;color:#fff;font-feature-settings:'palt' 1}
    
    
.l-header .l-header__gnav .header__gnav .menu__second-level.menu__second-level--recruit .item-second .item-second__body .item-second-title .s-recruit-title .medium{display:none}
    
    
.l-header .l-header__gnav .header__gnav .menu__second-level.menu__second-level--recruit .item-second .item-second__body .item-second-title .ja{font-size:14px;display:block;margin-top:10px;letter-spacing:.05em;color:#ffffff}
    
    
.l-header .l-header__gnav .header__gnav .menu__second-level.menu__second-level--recruit .item-second .item-second__nav .item-second__nav-item{margin-top:24px}
    
    
.l-header .l-header__gnav .header__gnav .menu__second-level.menu__second-level--recruit .item-second .item-second__nav .item-second__nav-item .nav-item__link{font-size:14px;position:relative;z-index:999;display:block;letter-spacing:.05em;color:#fff}
    
    
.other-contents .other-contents__title .en,.p-recruit-menu .recruit-menu__main .black-box .title .en,.potential .s-interview .requirements__list .item .item__body .name .en,.potential .s-section-body .title .en,.single-default .s-blog-news .info .date,.single-interview .s-message-box .tag,.single-interview .s-profile .profile__main .inner .profile-box .name .en,.sitemap .s-sitemap .sitemap-list>.item>.title,.system .s-beginner-training .beginner-training-list .item .num{font-family:'Avenir Next','Open Sans',sans-serif}
.svg-potential{width:240px;height:30px}
.svg-career{width:177px;height:31px}}