@import url("https://p.typekit.net/p.css?s=1&k=ncg2orm&ht=tk&f=28973.28974.28978.28983.28987.28988&a=10487791&app=typekit&e=css");

@font-face {
    font-family:"rift";
    src:url("https://use.typekit.net/af/af021d/00000000000000007735b21d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/af021d/00000000000000007735b21d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/af021d/00000000000000007735b21d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;
}
    
@font-face {
    font-family:"rift";
    src:url("https://use.typekit.net/af/f91cf3/00000000000000007735b21f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/f91cf3/00000000000000007735b21f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/f91cf3/00000000000000007735b21f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:400;
}
@font-face {
    font-family:"rift";
    src:url("https://use.typekit.net/af/407ee8/00000000000000007735b221/30/l?subset_id=2&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/407ee8/00000000000000007735b221/30/d?subset_id=2&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/407ee8/00000000000000007735b221/30/a?subset_id=2&fvd=n5&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:500;
    }
@font-face {
    font-family:"rift";
    src:url("https://use.typekit.net/af/616de0/00000000000000007735b225/30/l?subset_id=2&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/616de0/00000000000000007735b225/30/d?subset_id=2&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/616de0/00000000000000007735b225/30/a?subset_id=2&fvd=n6&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:600;
}
@font-face {
    font-family:"rift";
    src:url("https://use.typekit.net/af/919419/00000000000000007735b227/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/919419/00000000000000007735b227/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/919419/00000000000000007735b227/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:700;
}
    
@font-face {
    font-family:"rift";
    src:url("https://use.typekit.net/af/ede55a/00000000000000007735b228/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/ede55a/00000000000000007735b228/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/ede55a/00000000000000007735b228/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;
}
@font-face {
	font-family: 'MPLUS1p-Bold';
    src: url(../font/MPLUS1p-Bold.ttf),
        url(../font/MPLUS1p-Bold.eot) format('opentype');  /* IE9以上用 */
}


/*******************************************************/
/********************  スマートフォン用  ****************/
/********************************************************/

/* メディアクエリ の記述なし。 */



*{
	margin:0;
	padding:0;
}
figure{
	margin:0;

}
img{
	width: 100%;
    height: auto;
    vertical-align: top;
}
a {
	text-decoration: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.corporate-color{
    background-color: #333333;
}
.color-or{
    color:#ED6C00 !important;
}
.tk-rift-bold{
    font-family:"rift";
    font-weight: 700;
    letter-spacing: 2px;
}
.tk-rift-DeBold{
    font-family:"rift";
    font-weight: 600;
    letter-spacing: 2px; 
}
.tk-rift{
    font-family:"rift";
    font-weight: 400;
    letter-spacing: 2px;
}
.barlow-bold{
    font-family:"Barlow";
    font-weight: 700;
    letter-spacing: 4px;
}
.barlow-DeBold{
    font-family:"Barlow";
    font-weight: 600;
    letter-spacing: 1px; 
}
.barlow{
    font-family:"Barlow";
    font-weight: 400;
    letter-spacing: 1px;
}
.font-italic{
    font-style: italic;
}
.sp-none{
    display: none !important;
}

.fade-animate{
    visibility:hidden;
}
.easingFade {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    transition: 1.1s;
}
.easingFade.is-show{
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
}
.easingFade-small {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    transition: transform 1.1s;
}
.easingFade-small.is-show{
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
}
.svg-anime{
    opacity: 0;
    transition: 1.1s;
}
.svg-anime.is-show{
    opacity: 1;
}
.svg-anime-after{
    opacity: 0;
    transition: 1.1s;
}
.svg-anime-after.is-show{
    opacity: 1;
}
.svg-anime-ss{
    opacity: 0;
    transition: 1.1s;
}
.svg-anime-ss.is-show{
    opacity: 1;
}
.svg-anime-after-ss{
    opacity: 0;
    transition: 1.1s;
}
.svg-anime-after-ss.is-show{
    opacity: 1;
}
.svg-anime-zai{
    opacity: 0;
    transition: 1.1s;
}
.svg-anime-zai.is-show{
    opacity: 1;
}
.svg-anime-after-zai{
    opacity: 0;
    transition: 1.1s;
}
.svg-anime-after-zai.is-show{
    opacity: 1;
}
.svg-anime-zaiEX{
    opacity: 0;
    transition: 1.1s;
}
.svg-anime-zaiEX.is-show{
    opacity: 1;
}
.svg-anime-after-zaiEX{
    opacity: 0;
    transition: 1.1s;
}
.svg-anime-after-zaiEX.is-show{
    opacity: 1;
}

.top-news-list .title{
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}
.top-news-list a:hover .title{
    color: #ED6C00;
    text-decoration: underline;
}
.c-btn-link{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.c-btn-link:hover{
    color: #ED6C00;
    background: transparent;
}





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

    body{
        font-size: 15px;
        font-family:  'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
        font-weight: 500;
        background-color: #fff;
        color:#fff;
        z-index:0;
        overflow-x: hidden;
    }

    #RecruitBody{
        min-width:auto;
        color:#000;
    }
    #RecruitBody.recruit-color{
        background-color: #F4F6F9;
    }
    #RecruitBody.entry{
        background-color: #F4F6F9;
    }
    #header{
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5000;
    }
    #header .header-inner{
        position: relative;
        background: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
        z-index: 5000;
    }
    #RecruitBody #header .header-inner{
        height: 48px;
        -webkit-transition: background-color .3s ease;
        transition: background-color .3s ease;
    }
    .corporate-color #header .header-inner.show-bgColor{
        background-color: #333333;
    }
    .corporate-color #header .header-inner:hover{
        background-color: #333333;
    }
    #RecruitBody #header .header-inner.show-bgColor{
        background-color: #2385db;
    }
    #RecruitBody #header .header-inner:hover{
        background-color: #2385db;
    }

    #RecruitBody #header .header-inner:hover .main .item-link{
        color: #000;
    }
    #header .header-logo{
        position: relative;
        width:125px;
        margin:0 auto 0 10px;
    }
    
    #header .header-logo img{
        vertical-align: middle;
	width:100px
    }
   #RecruitBody #header .header-logo img{
        vertical-align: middle;
	width:100px
    }


    .sp-nav-btn {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1002;
        width: 60px;
        height: 60px;
        background: #1C1C1C;
        cursor: pointer;
    }
    .sp-nav-btn .nav-btn-line {
        position: absolute;
        left: 20px;
        width: 20px;
        height: 2px;
        content: '';
        background: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    .sp-nav-btn .nav-btn-line:nth-child(1) {
        top: 22px;
    }
    .sp-nav-btn .nav-btn-line:nth-child(2) {
        top: 30px;
    }
    .sp-nav-btn .nav-btn-line:nth-child(3) {
        top: 38px;
    }
    .sp-nav-btn.is-open .nav-btn-line {
        width: 26px;
        left: 17px;
    }
    .sp-nav-btn.is-open .nav-btn-line:nth-child(1) {
        top: 29px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .sp-nav-btn.is-open .nav-btn-line:nth-child(2) {
        opacity: 0;
    }
    .sp-nav-btn.is-open .nav-btn-line:nth-child(3) {
        top: 29px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    

    #globalnavi{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1001;
        width: 100%;
        height: 100vh;
        min-width: 320px;
        padding: 75px 0 60px;
        background: #1C1C1C;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        overflow: auto;
        opacity: 0;
        visibility: hidden;
    }
    #globalnavi.is-open{
        opacity: 1;
        visibility: visible;
    }
   
    .globalnavi-item-link{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 19px 30px;
    }
    .globalnavi-item-link.recruit{
        background: -moz-linear-gradient(left, #284DE6, #04399F);
        background: -webkit-linear-gradient(left, #284DE6, #04399F);
        background: linear-gradient(left, #284DE6, #04399F);
        width: 80%;
        margin-top: 30px;
    }
    .globalnavi-item-link .globalnavi-item-main{
        font-size: 34px;
        line-height: 34px;
        font-weight: 700;
        color:#fff;
    }
    .globalnavi-item-link .globalnavi-item-sub{
        color:rgba(255,255,255, .5);
    }
    .js-toggle-content{
        display: none;
    }

    .nav-sub-content{
        background:#000000
    }
    .nav-sub-content .list{
        margin: 0 48px 0;
        padding-bottom: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-top:20px;
    }
    .nav-sub-content .list .list-item{
        box-sizing: border-box;
        position: relative;
        padding-left: 20px;
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .nav-sub-content .list .list-item::before {
        position: absolute;
        left: 0;
        top: 11px;
        width: 10px;
        height: 1px;
        background-color: #ED6C00;
        content: "";
    }
    .nav-sub-content .text{
        color:#FFFFFF;
        font-size:14px;
        font-weight: 400;
    }



    #globalnavi .list .img-area{
        display: none;
    }

    


/*************************common*************************/

#footer{
    position: relative;
}
#footer .site-info{
    background: #000000;
    color: #fff;
    padding-top: 35px;
    padding-bottom: 15px;
    border-top: 3px solid #ED6C00;
    position: relative;
}
#footer .copyright .right{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#footer .jr-logo{
    display: inline-block;
    margin:5px 0 0 auto;
}
.f-pagetop{
    position: absolute;
    right:0;
    top:0;
    width:50px;
    height:50px;
    text-align: center;
    cursor: pointer;
    background: -moz-linear-gradient(left, #ED4000, #ED6C00);
	background: -webkit-linear-gradient(left, #ED4000, #ED6C00);
    background: linear-gradient(left, #ED4000, #ED6C00);
    z-index: 3;
    padding-top:20px;
    box-sizing: border-box;
}
.f-pagetop::before{
    content: '';
    display: block;
    position: absolute;
    top: 20%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-top: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
.footer-wrap{
}
.footer-left{
    text-align: center;
}
.footer-left img.sp-img {
	width: 170px;
  	height: auto;
  	vertical-align: top;
}

.footer-left figure{
    display: inline-block;
}
.footer-right {
    /* display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
}
.footer-nav{
    margin-bottom: 35px;
}
.footer-nav .footer-nav-list{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    align-items: flex-start;
}
.footer-nav-item:not(:last-child) {
    margin-right: 57px;
}
.footer-nav-item .footer-nav-link{
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
}
.footer-nav-item .footer-nav-sub{
    font-size: 11px;
    color: #ED6C00;
}
.footer-nav-second{
    margin-top: 15px;
}
.footer-nav-second .footer-nav-second-item{
    margin-bottom: 5px;
}
.footer-nav-second .footer-nav-second-link{
    position: relative;
    color: rgba(255,255,255,0.5);
    font-size:12px;
    padding-left: 15px;
}
.footer-nav-second .footer-nav-second-link::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 2px;
    background-color: #ED6C00;
    content: "";
}
#footer .copyright{
    background-color: #333333;

    width: 100%;
}
#footer.privacy-footer{
    border-top: 3px solid #ED6C00;
    background: #000000;
}
#footer.privacy-footer .copyright{
    background: #000000;
}


#footer .copyright-list li{
    padding:0 20px;
    text-align: center;
    margin-bottom: 10px;
}

#footer .copyright-list .link{
    font-size:12px;
    color:rgba(255,255,255, 0.5);
}
#footer .copyright .right{
    padding:20px 0 10px;
}
.footer-cr{
    font-size: 12px;
    text-align: center;
    background: #000000;
    padding:30px 20px 0;
}
.footer-cr2{
    font-size: 10px;
    text-align: center;
    background: #000000;
    padding:0 20px 30px;
}

.text-color-og{
    color: #ED6C00;
}
.c-inner{
    margin: 0 20px;
}
#footer .sp-img{
 	width:170px;
        height: auto;
        vertical-align: top;
}

/**************************************************index**************************************************/
.c-top-head .title{
    font-size:14px;
 }
 .c-top-head .title-en{
    position: relative;
    line-height:1em;
 }
 /* .c-top-head .title-en::after{
    content:"";
    display:block;
    width: 80px;
    height:1px;
    background-color:rgb(255,255,255);
    position:absolute;
    bottom: 6px;
} */


.top-slide{
	position: relative;
}
.top-slide-wrap .slide-img{
	height:100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0;
}
.top-slide-title{
	position: absolute;
    top: 35%;
	left: 20px;
	color:#fff;
}
.top-slide-title h2{
    font-family: MPLUS1p-Bold;
    font-size:32px;
}
.top-slide-bottom{
    position: absolute;
    bottom: 0;
    left:0;
    display: flex;
    width: 100%;
    overflow:hidden;
}

.top-slide-bottom img{
    height: 135px;
    width: auto;
    vertical-align: bottom;
}
.top-slide-bottom-image{
    padding-right: 60px;
}
.top-slide-bottom-image:first-child {
    animation: loop 90s linear infinite;
  }
  
  .top-slide-bottom-image:nth-child(2) {
    animation: loop2 90s -60s linear infinite;
  }
  
  .top-slide-bottom-image:last-child {
    animation: loop3 90s -30s linear infinite;
  }
  
 


.top-slide .slide-no{
    position: absolute;
    bottom: 0;
    right:0;
    display: flex;
    justify-content: space-between;
    background: -moz-linear-gradient(left, #ED4000, #ED6C00);
	background: -webkit-linear-gradient(left, #ED4000, #ED6C00);
    background: linear-gradient(left, #ED4000, #ED6C00);
    color: #fff;
    width: 160px;
    padding: 30px 15px 72px;
    transform: translateY(50%);
}
.top-slide .slide-no::before{
    content:"";
    display:block;
    width: 110px;
    height:1px;
    background-color:rgba(255,255,255,0.3);
    position:absolute;
    bottom: 78px;
    left: 40px;
 }
 .top-slide .slide-no::after{
    content:"";
    display:block;
    width: 13.75px;
    height:1px;
    background-color:rgb(255,255,255);
    position:absolute;
    bottom: 78px;
    left: 40px;
 }
 .top-news{
     background-color:rgb(255,255,255);
     padding:61px 0 70px;
 }
 .top-news .top-news-inner{
     margin-left: 16px;
     background-color: #333333;
     padding-bottom: 35px;
 }
 .top-news .top-news-inner .head{
     background-color: #1C1C1C;
     width:auto;
     padding:35px 20px 35px;
 }
 .top-news .top-news-inner .head .title-en{
    font-size:32px;
 }
.top-news .top-news-inner .head .title-en::after{
    left: 77px;
}
 .top-news .top-news-inner .body{
    background-color: #333333;
    width:auto;
    padding:35px 20px 35px;
}
.top-news-list{
    min-height:260px;
}
.top-news-list li:not(:last-child){
    margin-bottom: 35px;
}
.top-news-list .date{
    color: rgba(255,255,255,0.5);
    margin-right: 20px;
    letter-spacing: 2px;
}
.top-news-list .link{
    color: rgb(255,255,255);
}

.top-news .top-news-inner .link-area .link{
    color:rgb(255,255,255);
    border:1px solid rgb(255,255,255);
    padding:10px 25px;
    width: 70%;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.top-message{
    background-image: url(../img/index/msg-back.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size:cover;
}
.top-message-inner{
    padding:50px 20px 50px;
}
.top-message-inner .msg{
    text-align: center;
    font-size:24px;
}
.top-business{
    padding: 0 0 100px;
    background-color: #1C1C1C;
}
.top-business-inner{
    border-top: 3px solid #ED6C00;
    background-color: #1C1C1C;
    padding: 40px 16px 0;
}
.top-business-inner .head{
    margin-bottom: 85px;
}
.top-business-inner .head .title-en{
    font-size:42px;
    font-weight: 700;
}
.top-business-inner .head .title-en::after{
    left: 540px;
}

.top-business-list li{
    margin-bottom: 50px;
}

.top-business-list .list-link{
    color: rgb(255,255,255);
} 
.top-business-list .list-link .link-wrap{
    margin-top:-75px;
    padding:0 10px 0 20px;
}
.top-business-list .list-link .number{
    font-size:62px;
}
.top-business-list .list-link .title{
    font-size:22px;
}
.top-business-list .list-link .disc{
    color: rgba(255,255,255, 0.5);
}
.top-profile{
    background-color: #333333;
}
.top-profile-inner{
    background: -moz-linear-gradient(left, #ED4000, #ED6C00);
	background: -webkit-linear-gradient(left, #ED4000, #ED6C00);
    background: linear-gradient(left, #ED4000, #ED6C00);
    margin-right: 20px;
    margin-bottom: 100px;
    padding:35px 0 0;
    position: relative;
    top:-60px;
}
.top-profile-inner .wrap{
}
.top-profile-inner .wrap .left{
    padding:0 20px;
}
.top-profile-inner .wrap .right{
}
.top-profile-inner .head{
    margin-bottom: 50px;
}
.top-profile-inner .head .title-en{
    font-size:42px;
    font-weight: 700;
}
.top-profile-inner .head .title-en::after{
    left: 470px;
}
.top-profile-list{
    margin-bottom: 25px;
    overflow: hidden;
}
.top-profile-list li{
    padding: 0 24px;
    position: relative;
    margin-bottom: 10px;
    float: left;
}
.top-profile-list li::before{
    content:"";
    display:block;
    width:1px;
    height:24px;
    background-color:rgb(255,255,255);
    position:absolute;
    top: 0;
    left:0;
}
.top-profile-list li:nth-child(4):after,
.top-profile-list li:last-child:after{
    content:"";
    display:block;
    width:1px;
    height:24px;
    background-color:rgb(255,255,255);
    position:absolute;
    top: 0;
    right:0;
}
.top-profile-list .top-profile-list-link{
    color:rgb(255,255,255);
}
.top-profile-inner .top-profile-more{
    color: rgb(255,255,255);
    background-color: #1C1C1C;
    padding: 15px 0;
    display: block;
    text-align: center;
    margin-bottom: 30px;
}
.top-recruit{
    margin-bottom: 90px;
}

.top-recruit-inner .head{
    margin-bottom: 25px;
}
.top-recruit-inner .head .title-en{
    font-size:42px;
    font-weight: 700;
}
.top-recruit-inner .head .title-en::after{
    left: 224px;
}
.top-recruit-inner .wrap{

}
.top-recruit-inner .wrap .left{
   
}
.top-recruit-inner .wrap .left img{
    vertical-align: bottom;
}
.top-recruit-inner .wrap .right{
    padding:65px 20px 45px;
    background-color: #1C1C1C;
    box-sizing: border-box;
}
.top-recruit-inner .wrap .right .disc{
    margin-bottom: 45px;
}
.top-recruit-inner .wrap .right .top-recruit-more{
    color: rgb(255,255,255);
    background: -moz-linear-gradient(left, #ED4000, #ED6C00);
	background: -webkit-linear-gradient(left, #ED4000, #ED6C00);
    background: linear-gradient(left, #ED4000, #ED6C00);
    padding:15px 0;
    display: block;
    text-align: center;
    margin: 0 auto;
}

/**************************************************company**************************************************/
.company-main-image{
    height: 300px;
    display: flex;
    align-items: center;
    background: no-repeat 50% 0 / cover;
    box-sizing: border-box;
}
.company-main-image-inner{
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
    color: #fff;
}
.company-main-image-inner .title-wrap{
    position: absolute;
    top:50%;
    left:20px;
    transform: translateY(-50%);
    padding-right: 50px;
}
.company-main-image-inner .title-wrap .title-en{
    font-size:48px;
    line-height: 50px;
}
.company-main-image-inner .title-wrap .title-ja{
    font-size:16px;
    font-weight: 400;
}
.company-main-image-inner .back-link-wrap{
    position: absolute;
    bottom:20px;
    left:20px;
}
.company-main-image-inner .back-link-wrap .back-link{
    color:#fff;
    font-size:16px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    padding: 0 0 0 45px;
    vertical-align: middle;
}
.company-main-image-inner .back-link-wrap .back-link::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2px;
    width: 30px;
    height: 1px;
    background: #ED6C00;
    vertical-align: middle;
    margin: auto;

}
.company-main-image-inner .back-link-wrap .back-link::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #ED6C00;
    border-right: 1px solid #ED6C00;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    vertical-align: middle;
    margin: auto;

}

.comapny-body{
    padding: 60px 0 80px;
}
.comapny-body-inner{
    margin:0 20px;;
}
.company-top-list{
    display: flex;
    flex-wrap: wrap;
}
.company-top-list-item{
    margin:0 20px 32px;
}

.company-top-list-item .link{
    position: relative;
    display: block;
}
.company-top-list-item .title-content{
    text-align: center;
    position: absolute;
    width:100%;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color:#fff;
}
.company-top-list-item .title-content .title_en{
    font-size:26px;
}
.company-top-list-item .title-content .title_ja{
    font-size:14px;
}
.company-top-list-item .more-mask{
    display: none;
}
.comapny-nav{
    background-color: rgba(255,255,255,0.1);
    padding:80px 0 70px;
}
.comapny-nav-inner{
    margin:20px auto;
}
.comapny-nav-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:0 20px;
}
.company-nav-list-item{
    margin-bottom: 20px;
    width:48%;
}
.company-nav-list-item .img-area{
    width:100%;
    height: 25vw;
}
.company-nav-list-item .img-area img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.company-nav-list-item .link{
    position: relative;
    display: block;
}
.company-nav-list-item .title-content{
    text-align: center;
    position: absolute;
    width:100%;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color:#fff;
}
.company-nav-list-item .title-content .title_en{
    font-size:18px;
    line-height: 20px;
    padding: 0 20px;
}
.company-nav-list-item .title-content .title_ja{
    font-size:14px;
}
.company-nav-list-item .more-mask{
    display: none;
}



#greetings .comapny-body-inner{
    margin:0 20px;
}
#greetings .comapny-body-inner .content{
    color:rgba(255,255,255, 0.7);
    background:url(../img/company/apostrophe.png) no-repeat top left;
    text-align: justify;
    text-justify: inter-ideograph;
    padding:25px 0 0 0;
    margin-bottom: 120px;
    font-size:15px;
}
/* #greetings .comapny-body-inner .greeting-name{
    text-align: right;
    color:#fff;
    position:relative;
    padding-top: 5px;
}
#greetings .comapny-body-inner .greeting-name::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 39px;
    height: 1px;
    background: -moz-linear-gradient(left, #ED4000, #ED6C00);
	background: -webkit-linear-gradient(left, #ED4000, #ED6C00);
    background: linear-gradient(left, #ED4000, #ED6C00);
}
#greetings .comapny-body-inner .greeting-name .ceo{
    font-size:18px;
    margin-right: 10px;
}
#greetings .comapny-body-inner .greeting-name .name{
    font-size:24px;
} */
#greetings .comapny-body-inner .greeting-name{
    color:#fff;
    text-align: right;
}
#greetings .comapny-body-inner .greeting-name .name{
    font-size:20px;
    margin-right: 10px;
}

#greetings .comapny-body-inner .greeting-name .name_en{
    font-family:"BIZ UDGothic";
    font-size:14px;
}

#greetings .president_wrap{

    margin-bottom: 30px;
}

#greetings .midashi{
    font-size:20px;
    margin-bottom:20px;
}
#greetings .img-wrap{
    margin-bottom: 10px;
}
#greetings .img-wrap img{
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 400px;
}


#principles .company-principles-list{
    display: flex;
    flex-direction: column;
}
#principles .company-principles-list-item{
    background-image: url(../img/company/principles-back.png);
    background-repeat: no-repeat;
    width:240px;
    height:240px;
    text-align: center;
    margin: 80px auto 0;
}
#principles .company-principles-list-item .number{
    font-size:70px;
    margin:-50px 0 50px;
}
.comapny-profile-table th{
    display: block;
    padding: 15px 0;
    text-align: left;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.comapny-profile-table td{
    display: block;
    padding: 0 0 15px;
    font-size: 15px;
    color:rgba(255,255,255, 0.7);
}
.comapny-profile-table tr:not(:last-child) td{
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.comapny-profile-table th .sub{
    display: inline-block;
    font-size: 15px;
    margin-left: 5px;
    color:rgba(255,255,255, 0.7);
}
.comapny-profile-table td strong{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.comapny-profile-table .row-work td{
    color: #fff;
    font-size: 16px;
}
#history .company-history-list-item{
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
}
#history .company-history-list-item.one-line{
    align-items: center;
}
#history .company-history-list-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 10px;
    /* left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); */
    height: 100%;
    width: 1px;
    background: rgba(255,255,255, 0.4);
}
#history .company-history-list-item:first-child:before{
    top: 20px;
}
#history .company-history-list-item:last-child:before{
    height: 20px;
}

#history .company-history-list-item .head{
    width:50%;
    margin-bottom: 10px;
}
#history .company-history-list-item .head .title{
    font-size:16px;
    background-color: #1C1C1C;
    width:150px;
    height:44px;
    line-height:44px;
    text-align: center;
    position:relative;
}
#history .company-history-list-item .head .title::before{
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    background-color: #ED6C00;
    border-radius: 9px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#history .company-history-list-item .head .title::before{
    left:-31px;
}

#history .company-history-list-item .head .title{
    border-left: 2px solid #ED6C00;
    margin-right: auto;
    margin-left: 35px;
}
#history .company-history-list-item .head .title::after{
    position: absolute;
    content: "";
    left: auto;
    right: 100%;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right-color: #fff;
    border-right-color: #ED6C00;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#history .company-history-list .body{
    color:rgba(255,255,255, 0.7);
}
#history .company-history-list-item .body .disc{
    margin-left: 45px;
}


.company-c-art{
    margin-bottom: 80px;
}
.company-c-art .head{
    background-color: #1C1C1C;
    
}
.company-c-art .head .title{
    color:#fff;
    font-size:18px;
    text-align: center;
    padding:5px 0;
    border-top:3px solid #ED6C00;
}
.company-c-art .body{
    background-color: rgba(255,255,255,0.05);
    padding: 5px 15px 5px;
}
#office_list .company-office-art .body .wrap-list{
    padding-top: 25px;
    padding-bottom: 25px;
}
#office_list .company-office-art .body .wrap-list .left{
    margin-bottom: 15px;
}
#office_list .company-office-art .body .wrap-list:not(:last-child){
    border-bottom: 1px solid rgba(255,255,255, 0.16);
}
#office_list .company-office-art .body .wrap-list.sub{
    padding-left: 35px;
}
#office_list .company-office-art .body .wrap-list .left .office-name{
    color:#fff;
    font-size:16px;
}
#office_list .company-office-art .body .wrap-list .left .office-name-sub{
    color:#fff;
    font-size:14px;
}
#office_list .company-office-art .body .wrap-list.sub .left .office-name{
    color:#fff;
    font-size:15px;
}
#office_list .company-office-art .body .wrap-list .left .office-zip{
    color:rgba(255,255,255, 0.7);
    font-size:14px;
    margin-top:10px;
}
#office_list .company-office-art .body .wrap-list .left .office-address{
    color:rgba(255,255,255, 0.7);
    font-size:14px;
}
#office_list .company-office-art .body .wrap-list .right .map-link{
    color:#fff;
    border:1px solid #fff;
    padding:6px 20px;
    display: block;
    text-align: center;
}

.c-sub-list{
    font-size: 15px;
    color: rgba(255,255,255, 0.7);
    margin-bottom: 25px;
}
.c-sub-list li{
    position: relative;
    padding-left: 20px;
}
.c-sub-list li::before{
    position: absolute;
    left: 0;
    top: 11px;
    width: 10px;
    height: 1px;
    background-color: #ED6C00;
    content: "";
}
#license_registration .company-license-art .body{
    padding:20px 15px 5px
}

#license_registration .company-license-art .c-sub-list li{
    margin-bottom: 12px;
    color:#fff;
}
#license_registration .registration-table th{
    display: block;
    font-size:18px;
    text-align: left;
    padding: 20px 0;
    font-weight: 400;
}
#license_registration .registration-table td{
    padding: 10px 0;
    display: block;
    font-size: 15px;
}
#license_registration .registration-table td .sub-text{
    color: rgba(255,255,255, 0.5);
    margin:5px 0 20px;
}
#license_registration .registration-table td .content-title:not(:first-child){
    margin-top: 30px;
}
#license_registration .registration-table td .content-title{
    margin-bottom:5px;
}
#license_registration .registration-table td .content-sub{
    color: rgba(255,255,255, 0.5);
}

#license_registration .registration-table tr:not(:last-child) td {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}



#ps-scroll{
    position: relative;
    overflow: auto;
}
#organization .comapny-body-inner{
    overflow-x: auto;
}
#organization .wrap{
    width: 1240px;
    background:url(../img/company/organization-back71.png) no-repeat left 25px;
    padding-left:70px;
}
#organization .wrap .wrap-inner{
    display: flex;
}
#organization .wrap .ceo_area{
    margin-bottom: 30px;
}
#organization .wrap .head{
    margin-bottom: 112px;
}
#organization .wrap .datalist.orange{
    width:274px;
}
#organization .wrap .datalist:not(:last-child){
    margin-right: 25px;
}
#organization .wrap .datalist.orange dt{
    background-color: #ED6C00;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 0;
}
#organization .wrap .datalist.orange dd{
    background-color: rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 0;
}
#organization .wrap .body{
    display: flex;
}
#organization .wrap .body:not(:last-child){
    margin-right: 25px;
}
#organization .wrap .body .list{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}
#organization .wrap .body .list:not(:last-child){
    margin-right: 87px;
}
#organization .wrap .body .list li{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#organization .wrap .body .list li:not(:last-child){
    margin-bottom: 16px;
}
#organization .wrap .body .list .back-def{
    background-color: rgba(255,255,255,0.1);
    padding: 13px 0;
}
#organization .wrap .body .list .back-white{
    background-color: #fff;
    color:#1C1C1C;
    font-size:20px;
    padding: 9px 0;
}
#organization .wrap .body .list .back-bk{
    background-color: rgba(255,255,255,0.05);
    padding: 13px 0;
}
#organization .wrap .body .list .w-normal{
    width:200px;
}
#organization .wrap .body .list .w-small{
    width:170px;
}
#organization .wrap .body .list .w-small2{
    width:156px;
}
#organization .wrap .body .list .w-large{
    width:237px;
}


/**************************************************news**************************************************/
.news-main-image{
    height: 300px;
    display: flex;
    align-items: center;
    background: url(../img/news/main-image.jpg) no-repeat 50% 0 / cover;
    box-sizing: border-box;
}
.news-main-image-inner{
    width: 100%;
    height: 100%;
    max-width: 1240px;
    position: relative;
    margin: 0 auto;
    color: #fff;
}
.news-main-image-inner .title-wrap{
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    padding-right: 50px;
}
.news-main-image-inner .title-wrap .title-en{
    font-size: 48px;
    line-height: 50px;
}
.news-main-image-inner .title-wrap .title-ja{
    font-size: 16px;
    font-weight: 400;
}
.news-main-image-inner .back-link-wrap{
    position: absolute;
    bottom:20px;
    left:0;
}
.news-content {
    padding: 60px 0 80px;
}
.news-content-inner{
    margin: 0 20px;
}
.news-content-inner .post-time{
    color: rgba(255,255,255, 0.7);
    font-size:16px;
}
.news-content-inner .title{
    margin-top:10px;
}
.news-content-inner .body{
    margin-bottom: 100px;
}
.news-content-inner .body img{
    width: auto;
    max-width: 100%;
}
.news-content-inner .footer{
    display: flex;
    justify-content: space-between;

}
.news-content-inner .footer a{
    color:#fff;
    font-weight: 700;
    font-size:14px;
}
.news-content-inner .footer img{
    width:auto;
    vertical-align: middle;
    margin:0 5px;
}
.screen-reader-text{
    display:none;
  }
  .pagination .nav-links a,
  .pagination .nav-links span{
      margin: 0 5px;;

  }

  
/**************************************************business**************************************************/

.bussiness-main-top{
	position: relative;
    height: 100vh;
	margin-bottom: 80px;
}
.bussiness-main-image{
    /* height: 400px; */
    display: flex;
    align-items: center;
    background: no-repeat 50% 0 / cover;
    box-sizing: border-box;
    position: relative;
}
.bussiness-main-image.img-area{
    height: 400px;
}
/* .bussiness-video-wrap{
    position: absolute;
    z-index: 0;
} */
.bussiness-video-wrap{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    top:0;
    left:0;
    z-index: 1;
}
.bussiness-video-wrap video{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
}
.bussiness-main-image-inner{
    color: #fff;
    position: absolute;
    top:50%;
    left:20px;
    transform: translateY(-50%);
    z-index:10;
}
.bussiness-main-image-inner .title-wrap{

}
.bussiness-main-image-inner .title-wrap .title-en{
    font-size: 48px;
    line-height: 50px;
}
.bussiness-main-image-inner .title-wrap .title-ja{
    font-size: 16px;
    font-weight: 400;
}
.bussiness-main-image-inner .title-wrap .title-ja .subText{
    font-size:16px;
}
.pagetype-recruit .bussiness-main-top-nav{
    background:#13439D;
    bottom: -255px;
}
.pagetype-recruit .business-vehicle-info {
    padding-top: 300px;
}

.pagetype-recruit .business-vehicle-info-title{
    color: #13439D;
}
.pagetype-recruit .diagonal-line::before,
.pagetype-recruit .diagonal-line::after{
    background-color:#13439D;
}
.pagetype-recruit .c-inner{
    box-sizing: border-box;
}
.pagetype-recruit .business-vehicle-info-table table{
    border-top: 3px solid #13439D;
}
.pagetype-recruit .business-vehicle-info-table thead{
    color: #fff;
    font-weight: 700;
}
.pagetype-recruit .business-vehicle-info-table tbody tr:nth-child(odd) td{
    background-color: #fff;
}

.pagetype-recruit .business-vehicle-info-list-text{
    background-color:#13439D;
}
.pagetype-recruit .business-vehicle-info-list-arrow{
    background:#13439D;
}
.pagetype-recruit .c-head-title{
    color: #13439D;
}
.pagetype-recruit .business-vehicle-bullettrain-body-wrap{
    background-color:#fff;
}
.pagetype-recruit .business-vehicle-bullettrain-body-wrap::before{
    border-left: 30px solid #F4F6F9;
}
.pagetype-recruit .business-vehicle-bullettrain-body-title h4{
    color: #13439D;
    font-weight: 700;
}
.pagetype-recruit .business-vehicle-bullettrain-body-title h4::after{
    background-color:#13439D;
}
.pagetype-recruit .business-vehicle-bullettrain-imgList-item .item-name{
    color: #13439D;
    font-size: 16px;
    font-weight: 700;
}
.pagetype-recruit .business-vehicle-bullettrain-imgList-item{
    -ms-flex: 0 0 282px;
    flex: 0 0 282px;
}
.pagetype-recruit .business-vehicle-liner-ground-imgList-item .item-name{
    color: #13439D;
    font-weight: 700;
}
.pagetype-recruit .business-vehicle-liner-ground-imgList-item{
    -ms-flex: 0 0 210px;
    flex: 0 0 210px;
}
.pagetype-recruit .business-vehicle-dl.machine dt{
    color: #13439D;
}
.pagetype-recruit .business-vehicle-dl.machine dt::after{
    background-color:#13439D;
}
.pagetype-recruit .c-business-vehicle-item-img{
    padding-left: 15px;
}

.bussiness-main-top-nav{
	position: absolute;
    width:90%;
	bottom: -148px;
	right:0;
	z-index: 100;
	background: -moz-linear-gradient(left, #ED4000, #ED6C00);
	background: -webkit-linear-gradient(left, #ED4000, #ED6C00);
    background: linear-gradient(left, #ED4000, #ED6C00);
}
.bussiness-main-top-nav li{
    height:70px;
}
.bussiness-main-top-nav li:not(:last-child){
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.bussiness-main-top-nav li a{
	font-size: 18px;
    color:#fff;
    position: relative;
    letter-spacing: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
}
.bussiness-main-top-nav li a::before{
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
    transform: rotate(45deg);
}
.business-vehicle-info{
    padding-top:200px;
    margin-bottom: 145px;
}
.business-vehicle-info-wrap{
    margin:0 16px;
}
.business-vehicle-info-title{
    font-size:32px;
    font-weight: 500;
    padding-left:20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.diagonal-line{
    font-size: 60px;
    position: relative;
}
.diagonal-line::before,
.diagonal-line::after{
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #ED6C00;
    position: absolute;
    margin: 0 auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.diagonal-line::before{
    left: 34px;
    top: 3px;
}
.diagonal-line::after{
    left: -12px;
    top: 47px;
}
.business-vehicle-info-head{
    margin-bottom: 100px;
}
.business-vehicle-info-head .disc{
    opacity: 0.7;
}
.business-vehicle-info-body .title{
    font-size:20px;
    font-weight: 500;
    margin-bottom: 20px;
}
.business-vehicle-info-table{
    margin-bottom: 80px;
    position: relative;
}
.business-vehicle-info-table table{
    border-top: 3px solid #ED4000;
    border-collapse: separate;
    width: 1240px;
}
.business-vehicle-info-table thead th{
    background-color: #1C1C1C;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    font-size: 18px;
    font-weight: 500;
}
.business-vehicle-info-table thead tr:nth-child(2) th{
    font-size: 15px;
}
.business-vehicle-info-table thead th:nth-child(1),
.business-vehicle-info-table thead th:nth-child(2),
.business-vehicle-info-table tbody td:nth-child(1),
.business-vehicle-info-table tbody td:nth-child(2),
.business-vehicle-info-table tbody td:nth-child(3){
    border-right: 1px solid rgba(255,255,255,0.16);
}
.business-vehicle-info-table thead tr:nth-child(1) th:nth-child(2){
    border-bottom: 1px solid rgba(255,255,255,0.16);
}
.business-vehicle-info-table tbody td{
    padding: 10px  30px;
    opacity: .7;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 220px;
    height: 100px;
}
.business-vehicle-info-table tbody td:last-child{
    text-align: left;
    width: auto;
}
.business-vehicle-info-table tbody tr:nth-child(even) td{
    background-color: rgba(255,255,255,0.1);
}
.business-vehicle-info-table tbody tr:nth-child(odd) td{
    background-color: rgba(255,255,255,0.05);
}
.business-vehicle-info-table.machine thead th:nth-child(1){
    width:220px;
}
.business-vehicle-info-table.machine thead th:nth-child(2){
    width:600px;
}
.business-vehicle-info-table tbody td p{
    margin-bottom:.5em;
}
.business-vehicle-dl.machine{
    margin-bottom: 100px;
}
.business-vehicle-dl.machine dt{
    font-size:20px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-weight: 700;
    color:#fff;
}
.business-vehicle-dl.machine dt::after{
    position: absolute;
    content: "";
    background-color: #ED6C00;
    width: 60px;
    height: 1px;
    left: 0;
    bottom: 0;
}
.business-vehicle-dl.machine dd{
    margin-bottom: 50px;
}

.business-vehicle-info-list{
}
.business-vehicle-info-list-item{
    position: relative;
    margin-bottom: 20px;
}

.business-vehicle-info-list-link{
    display: block;
    color: #fff;
}
.business-vehicle-info-list-text{
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #1C1C1C;
    text-align: center;
    font-size:16px;
    padding: 9px 0;
}
.business-vehicle-info-list-arrow{
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    width:44px;
    height:44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: -moz-linear-gradient(bottom, #ED4000, #ED6C00);
	background: -webkit-linear-gradient(bottom, #ED4000, #ED6C00);
    background: linear-gradient(bottom, #ED4000, #ED6C00);
margin:0;
}
.business-vehicle-info-list-arrow img{
    width: auto;
}

.c-head-title{
    position: relative;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 70px;
    padding-left: 30px;
}
.c-head-title::before{
    position: absolute;
    content: "";
    background: -moz-linear-gradient(bottom, #ED4000, #ED6C00);
	background: -webkit-linear-gradient(bottom, #ED4000, #ED6C00);
    background: linear-gradient(bottom, #ED4000, #ED6C00);
    width: 6px;
    height: 100%;
    left: 0;
    top: 0;
}
.business-vehicle-bullettrain-head{
    margin-bottom: 100px;
    position: relative;
}
.business-vehicle-bullettrain-body-wrap{
    background-color: rgba(255,255,255,0.1);
    padding: 30px 15px;
    margin-bottom: 80px;
    position: relative;
}
.business-vehicle-bullettrain-body-wrap::before{
    content: "";
    top: 0;
    left: 0;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #333333; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.business-vehicle-bullettrain-body-title h4{
    font-size: 24px;
    font-weight: 500;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 45px;
}
.business-vehicle-bullettrain-body-title h4::after{
    position: absolute;
    content: "";
    background-color: #ED6C00;
    width: 60px;
    height: 1px;
    left: 0;
    bottom: 0;
}
.business-vehicle-bullettrain-body-wrap .disc{
    opacity: 0.7;
    margin-bottom: 50px;
}
.business-vehicle-bullettrain-imgList{

}
.business-vehicle-bullettrain-imgList-item{
    position: relative;
    margin-bottom: 20px;
}
.business-vehicle-bullettrain-imgList-item .item-img{
    margin-bottom: 10px;
}
.business-vehicle-bullettrain-imgList-item .item-name{
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}
.business-vehicle-liner-ground-imgList-item{
    position: relative;
    margin-bottom: 20px;
}
.business-vehicle-liner-ground-imgList-item .item-img{
    margin-bottom: 10px;
}
.business-vehicle-liner-ground-imgList-item .item-name{
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}
.c-business-vehicle-item-img{
    width:1240px;
    padding-bottom: 20px;
}
.c-business-vehicle-item-img .main-img{
    position: relative;
    /* margin-left: 15px; */
}
.c-business-vehicle-item-img .main-img .back-bullettrain{
    height:156px;
    margin-top: 47px;
    margin-bottom: 66px;
    background: url(../img/business/shinkansen.png) no-repeat;
    transition: 2s;
    /* transition-timing-function: cubic-bezier(.14,.27,0,.96); */
    transition-timing-function: cubic-bezier(.14,.27,.24,.95);
    /* position: relative;
    right: -100vw; */
    /* right: 0; */
}
.c-business-vehicle-item-img .c-item-img{
    width:280px;
    height: 174px;
    position: relative;
    color: white;
    background-repeat: no-repeat;
    background-image: linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white), linear-gradient(to bottom left, transparent calc(50% - 1px), white calc(50% - 1px), white calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(transparent, transparent), linear-gradient(transparent, transparent);
    background-size: 2px 100%, 2px 100%, 100% 2px, 100% 2px, 25px 25px, 100% 100%, 100% 100%;
    background-position: 0% 0%, 100% 25px, -25px 0%, 0px 100%, 100% 0%, -25px 0%, 100% 25px;

}
.c-business-vehicle-item-img .c-item-img::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: -1;
    opacity: 0.5;
    background-repeat: no-repeat;
    background-image: linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white), linear-gradient(to bottom left, transparent calc(50% - 1px), white calc(50% - 1px), white calc(50% + 1px), black calc(50% + 1px)), linear-gradient(black, black), linear-gradient(black, black);
    background-size: 2px 100%, 2px 100%, 100% 2px, 100% 2px, 25px 25px, 100% 100%, 100% 100%;
    background-position: 0% 0%, 100% 25px, -25px 0%, 0px 100%, 100% 0%, -25px 0%, 100% 25px;
}

#bt-svg1{
    position: absolute;
    top: -53px;
    left: -6px;
}
#bt-svg2{
    position: absolute;
    top: -53px;
    left: 371px;
}
#bt-svg3{
    position: absolute;
    top: -53px;
    left: 601px;
}
#bt-svg4{
    position: absolute;
    top: -54px;
    left: 884px;
}
#bt-svg5{
    position: absolute;
    top: 70px;
    left: 139px;
}
#bt-svg6{
    position: absolute;
    top: 109px;
    left: 411px;
}
#bt-svg7{
    position: absolute;
    top: 120px;
    left: 779px;
}
#bt-svg8{
    position: absolute;
    top: 93px;
    left: 1061px;
}
.c-kensa-img-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.c-kensa-img-list li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
    position: relative;
}
.c-kensa-img-list li::after{
    content:"";
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 3px solid #ED6C00;
    background-color:#fff;
    text-align:center;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -4px;
    z-index: 111;
}
.c-kensa-img-list:last-child li::after{
    top:-4px;
}
.train-img-list{
    justify-content: center;
}
.train-img-list li {
    margin:0 20px;
}
.c-kensa-img-list .img-dot-bottom{
    width:14px;
    height:14px;
    position: absolute;
    bottom: -1px;
    left:  47%;
    z-index: 100;
}
.c-kensa-list-link{
    display: block;
    height:170px;
}
.c-kensa-img-list .img-dot-top{
    width:14px;
    height:14px;
    position: absolute;
    top: -7px;
    left:  47%;
    z-index: 100;
}
.c-kensa-img-list .c-kensa-list-text{
    position: absolute;
    z-index: 10;
    bottom: 6px;
    left: 0;
    right: 0;
    margin: auto;
    width: 268px;
    color: #fff;
    background-color: #1C1C1C;
    text-align: center;
    font-size: 15px;
    padding: 7px 0;
}
.business-vehicle-train .scroll-wrap{
    position:relative;
}

.separate{
    background-color: rgba(255,255,255,0.1);
    height: 2px;
}
.separate.m-tb{
    margin-top:55px;
    margin-bottom: 55px;
}
.c-business-vehicle-item-img .main-img .back-train1{
    height:184px;
    margin-top: 26px;
    margin-bottom: 61px;
    background: url(../img/business/zairaisen.png) no-repeat;
    transition: 2s;
    /* transition-timing-function: cubic-bezier(.14,.27,0,.96); */
    transition-timing-function: cubic-bezier(.14,.27,.24,.95);
    /* position: relative;
    right: -100vw; */
}
.train-move-anime{
    transform: translateX(150%);
}

#t-svg1{
    position: absolute;
    top: -26px;
    left: 235px;
}
#t-svg2{
    position: absolute;
    top: -29px;
    left: 640px;
}
#t-svg3{
    position: absolute;
    top: 137px;
    left: -11px;
}
#t-svg4{
    position: absolute;
    top: 87px;
    left: 352px;
}
#t-svg5{
    position: absolute;
    top: 137px;
    left: 870px;
}
.c-business-vehicle-item-img .main-img .back-expresstrain{
    height:147px;
    margin-top: 100px;
    margin-bottom: 61px;
    background: url(../img/business/zairaisen_tokyu.png) no-repeat;
    transition: 2s;
    /* transition-timing-function: cubic-bezier(.14,.27,0,.96); */
    transition-timing-function: cubic-bezier(.14,.27,.24,.95);
    /* position: relative;
    right: -100vw; */
    /* right: 0; */
}
#ext-svg1{
    position: absolute;
    top: 67px;
    left: 18px;
}
#ext-svg2{
    position: absolute;
    top: 99px;
    left: 481px;
}
#ext-svg3{
    position: absolute;
    top: 97px;
    left: 939px;

}

.c-business-vehicle-item-img .main-img .back-liner-yoko{
    height:156px;
    margin-top: 47px;
    margin-bottom: 66px;
    background: url(../img/business/liner_yoko.png) no-repeat;
    transition: 2s;
    /* transition-timing-function: cubic-bezier(.14,.27,0,.96); */
    transition-timing-function: cubic-bezier(.14,.27,.24,.95);
    /* position: relative;
    right: -100vw; */
    /* right: 0; */
}
.liner-img-mae .image{
    width:392px;
}

.liner-img-mae{
    position: relative;
}

.liner-img-text-wrap{
    border:6px solid rgba(0,0,0,0.1);
    width:280px;
    height:52px;
    box-sizing: border-box;
}
.liner-img-text{
    color: #fff;
    background:#000;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#lin-svg1{
    position: absolute;
    top: 52px;
    left: 205px;
}
#lin-svg1-link{
    position: absolute;
    top: 52px;
    left: 429px;
}
#lin-svg1-link::after{
    content:"";
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 3px solid #ED6C00;
    background-color:#fff;
    text-align:center;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -8px;
    z-index: 111;
}

#lin-svg2{
    position: absolute;
    top: -104px;
    left: 696px;
}
#lin-svg2-link{
    position: absolute;
    top: -151px;
    left: 744px;
}
#lin-svg2-link::after{
    content:"";
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 3px solid #ED6C00;
    background-color:#fff;
    text-align:center;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -8px;
    z-index: 111;
}
#lin-svg3{
    position: absolute;
    top: 96px;
    left: 268px;
}
#lin-svg3-link{
    position: absolute;
    top: 211px;
    left: 322px;
}
#lin-svg3-link::after,
#lin-svg4-link::after{
    content:"";
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 3px solid #ED6C00;
    background-color:#fff;
    text-align:center;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -8px;
    z-index: 111;
}
#lin-svg4{
    position: absolute;
    top: 96px;
    left: 360px;
}
#lin-svg4-link{
    position: absolute;
    top: 211px;
    left: 644px;
}
.liner-item-img{
    margin-bottom: 200px;
}



/**************************************************privacy**************************************************/
.privacy-main-image{
    height: 300px;
    display: flex;
    align-items: center;
    background: no-repeat 50% 0 / cover;
    box-sizing: border-box;
}
.pagetype-recruit .privacy-main-image{
    height: 407px;
    justify-content: center;
}
.pagetype-recruit .privacy-main-image-inner{
    color: #fff;
}
.pagetype-recruit .privacy-main-image-inner .title-wrap{
    text-align: center;
    margin-bottom: 70px;
}
.pagetype-recruit .privacy-main-image-inner .title-wrap .title-en{
    font-family: "Barlow";
    font-weight: 700;
    letter-spacing: 4px;
    font-style: italic;
    font-size: 66px;
}
.pagetype-recruit .privacy-body{
    padding:0;
    margin-bottom: 135px;
}
.pagetype-recruit .c-rec-body-inner{
    width: 100%;
    max-width: 1260px;
    margin: 0 auto -100px;
    position: relative;
    top: -130px;
    z-index: 10;
    background-color: #fff;
    color: #000;
    padding: 60px 100px 60px;
    box-sizing: border-box;
}
.pagetype-recruit .privacy-inner-head .title{
    font-size: 34px;
    font-weight: 700;
    color: #13439D;
    position: relative;
    letter-spacing: 7px;
    text-align: center;
}
.pagetype-recruit .privacy-body-inner .c-head-title{
    font-size:24px;
    font-weight: 700;
    color:#13439D;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    background-color: #E2ECFA;
    padding: 5px 0 5px 30px;
}
.pagetype-recruit .c-head-title::before{
    background: #13439D;
    width: 8px;
}
.pagetype-recruit .privacy-inner-body .disc ol li::before{
    color:#000;
}
.pagetype-recruit .privacy_info .title{
    color:#13439D;
}
.pagetype-recruit .privacy_info .title .number{
    border: 1px solid #13439D;
    font-family:"Barlow";
    font-weight: 600;
    letter-spacing: 1px;
}
.pagetype-recruit .privacy_target .mokuhyo{
    color:#13439D;
}
.pagetype-recruit .privacy_target .mokuhyo::before{
    border: 1px solid #13439D;
}
.pagetype-recruit .privacy_target .mokuhyo::after{
    border: 1px solid #13439D;
}
.pagetype-recruit .privacy_target .mokuhyo .number{
    font-weight: 600;
    letter-spacing: 1px;
}
.pagetype-corprate .privacy-main-image-inner{
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
    color: #fff;
}

.pagetype-corprate .privacy-main-image-inner .title-wrap{
    position: absolute;
    top:50%;
    left: 20px;
    transform: translateY(-50%);
}
.privacy-main-image-inner .title-wrap .title-en{
    font-size: 48px;
    line-height: 50px;
}
.privacy-main-image-inner .title-wrap .title-ja{
    font-size: 16px;
    font-weight: 400;
}
.privacy-body{
    padding: 70px 0 80px;
}
.privacy-body-inner{
    margin:0 16px;
    color:rgba(255,255,255, 0.7);
}
.separate{
    background-color: rgba(255,255,255,0.1);
    height: 2px;
}
.separate.m-tb{
    margin-top:55px;
    margin-bottom: 55px;
}
.privacy-inner-head .title{
    font-size:26px;
    margin-bottom: 30px;
}
.privacy-inner-body .disc ol{
    counter-reset:number; /*数字をリセット*/
    margin-top:30px;
}
.privacy-inner-body .disc ol li{
    position: relative;
    line-height: 1.5em;
    padding: 0.5em 0.5em 0.5em 30px;
}
.privacy-inner-body .disc ol li::before{
    /* 以下数字をつける */
    position: absolute;
    counter-increment: number;
    content: counter(number);
    /*以下数字のデザイン変える*/
    display:inline-block;
    color: #ED6C00;
    font-size: 16px;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    /*以下 上下中央寄せのため*/
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.privacy-body-inner .c-head-title{
    font-size:20px;
    color:#fff;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    
}
.privacy_info .title{
    font-size:18px;
    color:#ED6C00;
    position:relative;
    margin-top:50px;
    margin-bottom: 3px;
}

.privacy_info .title .number{
    font-size:32px;
    display: block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 1px solid #ED6C00;
    text-align:center;
    line-height: 54px;
    margin-bottom: 15px;
}


.privacy_target .mokuhyo{
    font-size:22px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width:100px;
    margin-bottom: 30px;
}
.privacy_target .mokuhyo::before{
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: block;
    border: 1px solid rgba(237,108,0, .3);
}
.privacy_target .mokuhyo::after{
    content: "";
    position: absolute;
    top: -4px; left: -4px;
    width: 100%; height: 100%;
    display: block;
    border: 1px solid rgba(237,108,0, .3);
}
.pagetype-corprate .privacy_target .mokuhyo .number{
    font-size:32px;
    margin-left:5px;
    font-family:"rift";
    font-weight: 700;
    letter-spacing: 2px;
}
.privacy_target .content{
    margin-bottom: 60px;
}
.c-head-title{
    position: relative;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 35px;
    padding-left: 20px;
}
.c-head-title::before{
    position: absolute;
    content: "";
    background: -moz-linear-gradient(bottom, #ED4000, #ED6C00);
    background: -webkit-linear-gradient(bottom, #ED4000, #ED6C00);
    background: linear-gradient(bottom, #ED4000, #ED6C00);
    width: 6px;
    height: 100%;
    left: 0;
    top: 0;
}

/***********************************************************************************************************/
/**************************************************recruit**************************************************/
/***********************************************************************************************************/
#RecruitBody #header .header-logo{
    z-index:8000;
}

#globalnavi-recruit .nav-list{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100vh;
    min-width: 320px;
    padding: 49px 0 60px;
    background: #fff;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
}
#globalnavi-recruit .nav-list.is-open{
    opacity: 1;
    visibility: visible;
}
#globalnavi-recruit .list .img-area {
    display: none;
}

#globalnavi-recruit .nav-list .item-link{
    font-size: 22px;
    display: block;
    color: #000;
    padding: 19px 30px;
}
#globalnavi-recruit .nav-list .nav-sub-content{
    background-color: #2688dd;
}
#globalnavi-recruit .nav-list .nav-sub-content .title{
    padding:15px 20px 0;
    font-size: 18px;
    font-weight: 700;
}
#globalnavi-recruit .nav-list .nav-sub-content .link{
    color: #fff;
}


#globalnavi-recruit .nav-list-entry{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: fixed;
    z-index: 5000;
    top: 0;
    right: 0;
}

#globalnavi-recruit .nav-list-entry .list-item{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#globalnavi-recruit .nav-list-entry .list-item.office-site,
#globalnavi-recruit .nav-list-entry .list-item.entry{
    width:48px;
    height: 48px;
    font-size: 12px;
}
#globalnavi-recruit .nav-list-entry .list-item.office-site{
    background-color: #0061D1;
}
#globalnavi-recruit .nav-list-entry .list-item.entry{
    background-color: #ED6C1F;
}
#globalnavi-recruit .nav-list-entry .list-item.office-site .item-link,
#globalnavi-recruit .nav-list-entry .list-item.entry .item-link{
    display: flex;
    justify-content: center;
    align-items: center;
    width:48px;
    height: 48px;
    letter-spacing: 0;
}
#globalnavi-recruit .nav-list-entry .list-item .item-link{
    text-align: center;
    color: #fff;
}
#globalnavi-recruit .recruit-sp-nav {
    position:relative;
    background: #fff;
    cursor: pointer;
    width: 48px;
    height: 48px;
}
#globalnavi-recruit .recruit-sp-nav .nav-btn-line {
    position: absolute;
    left: 15px;
    width: 20px;
    height: 2px;
    content: '';
    background: #000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#globalnavi-recruit .recruit-sp-nav .nav-btn-line:nth-child(1) {
    top: 16px;
}
#globalnavi-recruit .recruit-sp-nav .nav-btn-line:nth-child(2) {
    top: 24px;
}
#globalnavi-recruit .recruit-sp-nav .nav-btn-line:nth-child(3) {
    top: 32px;
}
#globalnavi-recruit .recruit-sp-nav.is-open .nav-btn-line {
    width: 26px;
    left: 12px;
}
#globalnavi-recruit .recruit-sp-nav.is-open .nav-btn-line:nth-child(1) {
    top: 24px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#globalnavi-recruit .recruit-sp-nav.is-open .nav-btn-line:nth-child(2) {
    opacity: 0;
}
#globalnavi-recruit .recruit-sp-nav.is-open .nav-btn-line:nth-child(3) {
    top: 24px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* .video-outer{
    position: relative;
    box-sizing: border-box;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-outer .title{
    font-size:36px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    background:url(../img/recruit/main-title-back.png) no-repeat center;
    background-size: 80%;
    padding:68px 27px;
    color: #fff;
} */
.video-outer{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1;
}
.video-outer video{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.video-outer .video-text-img{
    position: absolute;
    width: 18%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 10;
}
.video-wrap{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100vh;
    z-index: -999;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.video-wrap video {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#RecruitWrapper{
    background-color: #F4F6F9;
}
.recruit-news{
    background-color: #2568B6;
    padding:50px 0;
    background-image: url(../img/recruit/top-news-back.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 38%;
}
.recruit-news-inner{
    margin: 0 16px;
}
.recruit-news-inner .head{
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
}
.recruit-news-inner .head .title-en{
    font-size:28px;
    color: #fff;
    margin-right: 10px;
}
.recruit-news-inner .head .title-ja{
    color: #fff;
}

.recruit-news-list > li{
    border-bottom: 1px dotted rgba(255,255,255, 0.3);
    padding:20px 0;
    font-weight: 300;
}
.recruit-news-list > li:first-child{
    padding:5px 0 20px;
}

.recruit-news-list > li .date{
    display: block;
    margin-bottom: 8px;
}
.recruit-news-list > li .link{
    color:#fff;

}
.recruit-news-inner .view-more{
    text-align: center;
    margin:50px 0 0;
}
.recruit-news-inner .view-more .link{
    color:#fff;
    font-weight: 300;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    padding: 0 23px 0 0;

}
.recruit-news-inner .view-more .link::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    vertical-align: middle;

    box-sizing: border-box;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;

}
.recruit-news-inner .view-more .link::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 6px;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 1px solid #2568B6;
    border-right: 1px solid #2568B6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.recruit-info{
    background:url(../img/recruit/top-info-back.png), -moz-linear-gradient(top, #2D8EE2, #157AD1);
    background:url(../img/recruit/top-info-back.png), -webkit-linear-gradient(top, #2D8EE2, #157AD1);
    background:url(../img/recruit/top-info-back.png), linear-gradient(to bottom, #2D8EE2, #157AD1);
    background-repeat: no-repeat;
    background-position: right 81%;
    padding:70px 0 300px;
}
.recruit-info-inner{
    margin: 0 16px;
    color: #fff;
}
.recruit-info-inner .head{
    text-align: center;
    margin-bottom: 30px;
}
.recruit-info-inner .head .title{
    font-size:26px;
    font-weight: 700;
    margin-bottom: 25px;
}
.recruit-info-inner .head .disc{
    font-size:16px;
    font-weight: 300;
    text-align: left;
}

.recruit-info-body-wrap .left{
    margin-bottom: 30px;
}

.recruit-info-body-wrap .left .circle-text{
    font-size:20px;
    text-align: center;
    position: absolute;
}
.recruit-info-body-wrap .left .circle-text .text{
    width:100%;
}
.recruit-info-body-wrap .left .circle-text.no1{
    top:0;
    left: 183px;
    width: 277px;
    height:176px;
    background:url(../img/recruit/top-info-back-red.png) no-repeat;
}
.recruit-info-body-wrap .left .circle-text.no1 .text{
    position: absolute;
    top:36%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform:translateX(-50%);
}
.recruit-info-body-wrap .left .circle-text.no2{
    top: 90px;
    left: 354px;
    width: 177px;
    height:316px;
    background:url(../img/recruit/top-info-back-green.png) no-repeat;
}
.recruit-info-body-wrap .left .circle-text.no2 .text{
    position: absolute;
    top:36%;
    left: 11%;
}
.recruit-info-body-wrap .left .circle-text.no3{
    top: 319px;
    left: 183px;
    width: 277px;
    height:176px;
    background:url(../img/recruit/top-info-back-blue.png) no-repeat;
}
.recruit-info-body-wrap .left .circle-text.no3 .text{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform:translateX(-50%);
}
.recruit-info-body-wrap .left .circle-text.no4{
    top: 252px;
    left: 15px;
    width: 205px;
    height:230px;
    background:url(../img/recruit/top-info-back-kon.png) no-repeat;
}
.recruit-info-body-wrap .left .circle-text.no4 .text{
    position: absolute;
    top:27%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform:translateX(-50%);
}
.recruit-info-body-wrap .left .circle-text.no5{
    top: 15px;
    left: 15px;
    width: 205px;
    height:230px;
    background:url(../img/recruit/top-info-back-darkred.png) no-repeat;
}
.recruit-info-body-wrap .left .circle-text.no5 .text{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform:translateX(-50%);
}
.recruit-info-body-wrap .right{
  
    position: relative;
}
.recruit-info-body-wrap .right::before {
    position: absolute;
    content: "";
    top: 0;
    width: 0;
    height: 0;
    border: 25px solid transparent;
    border-right-color: transparent;
    border-bottom-color: #4E9CE0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
/* .recruit-info-body-wrap .right::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top:10px;
    right:10px;
} */
.recruit-info-body-wrap .right .title{
    font-size: 20px;
    font-weight: 700;
    color: #FFFE37;
    margin-bottom: 10px;
    text-align: center;
}
.recruit-info-body-wrap .right .title1{
    color: #fff;
}
.recruit-info-body-right-wrap{
    display: flex;
    justify-content: space-around;
    padding:10px 5px;
    background:url(../img/recruit/info-back-line.png) no-repeat center 0 #4E9CE0;
}
.recruit-info-body-right-wrap .r-left{
    width: 45%;
}
.recruit-info-body-right-wrap .r-right{
    width: 45%;
}
.recruit-info-body-right-wrap .title{
    font-size: 24px;
    font-weight: 700;
    color:#FFFE37;
    margin-bottom: 10px;
    text-align: center;
}
.recruit-info-body-right-wrap .content:not(.last){
    margin-bottom: 16px;
}
.recruit-info-body-right-wrap .content.last{
    background:url(../img/recruit/info-arrow.png) no-repeat center bottom;
    padding-bottom: 40px;
    margin-bottom: 5px;
}
.recruit-info-body-right-wrap .content .text{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:15px;
    font-weight: 700;
    background-color: #2184DA;
    width:100%;
    height: 70px;
    text-align: center;
}
.recruit-info-body-right-wrap .content .image-wrap{
    display: flex;
    justify-content: space-between;
}
.recruit-info-body-right-wrap .content .image-area{
    background-color: #fff;
    width:100%;
    height:80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.recruit-info-body-right-wrap .content .image-area.two{
    width:45%;
}
.recruit-info-body-right-wrap .content .image-area figure img{
    width: 100%;
}
.recruit-info-body-right-wrap .last-text{
    text-align: center;
    font-size:16px;
    font-weight: 700;
}
.recruit-introduction{
    background-color: #2568B6;
    padding-bottom: 120px;
}
.recruit-introduction-inner{
    margin: 0 16px;
    background:url(../img/recruit/top-introduction-back.png) no-repeat center top #fff;
    padding: 30px 15px 50px;
    position: relative;
    top: -120px;
}
.recruit-top-c-head{
    margin-bottom: 75px;
}
.recruit-top-c-head .title-wrap{
    margin-bottom: 20px;
}
.recruit-introduction-inner .recruit-top-c-head .title-wrap{
    background:url(../img/recruit/BusinessIntroduction.png) no-repeat center;
}
.recruit-Interview-inner .recruit-top-c-head .title-wrap{
    background:url(../img/recruit/Interview.png) no-repeat center;
    background-size: contain;
}
.recruit-top-c-head .title-wrap .title-en{
    font-size: 10vw;
    color:#000;
    text-align: center;
}
.recruit-top-c-head .title-ja{
    font-size:22px;
    font-weight: 700;
    color:#0040BA;
    text-align: center;
    margin-top: -20px;
}

.recruit-introduction-list li{
    margin-bottom: 40px;
}
.recruit-introduction-list .list-link{
    color: #000;
} 
.recruit-introduction-list .list-link .link-wrap{
    padding:0 10px 0 20px;
}
.vehicle-color .list-link .link-wrap{
    border-left: 2px solid #D66A8A;
}
.machine-color .list-link .link-wrap{
    border-left: 2px solid #66C42B;
}
.liner-color .list-link .link-wrap{
    border-left: 2px solid #E8CD00;
}

.recruit-introduction-list .list-link .title{
    font-size:24px;
    line-height:26px;
    font-weight: 700;
    padding-top: 15px;
    margin-bottom: 20px;
}
.vehicle-color .accent{
    color:#D66A8A;
}
.machine-color .accent{
    color:#66C42B;
}
.liner-color .accent{
    color:#E8CD00;
}
.hocp-color .accent{
    color:#3CB3DE;
}
.recruit-Interview{
    background-color: #F4F6F9;
}
.recruit-Interview-inner{
    background-color: #fff;
    margin: 0 16px;
    padding:30px 15px 50px;
    box-sizing: border-box;
    position: relative;
    top: -120px;
    z-index: 1;
}
.recruit-Interview-wrap:not(:last-child){
    margin-bottom: 90px;
}
.recruit-Interview-wrap .head{
    position: relative;
    margin-bottom: 50px;
}
.recruit-Interview-wrap .head::before{
    position: absolute;
    content: "";
    width:60px;
    height:60px;
    right:20px;
}
.recruit-Interview-wrap .head::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 80px;
    bottom: -90px;
}
.recruit-Interview-wrap.vehicle-color{
    background:url(../img/recruit/amikake-pink-sp.png) no-repeat right 40px;
}
.recruit-Interview-wrap.machine-color{
    background:url(../img/recruit/amikake-green.png) no-repeat right 40px;
}
.recruit-Interview-wrap.liner-color{
    background:url(../img/recruit/amikake-yellow.png) no-repeat right 40px;
}
.recruit-Interview-wrap.hocp-color{
    background:url(../img/recruit/amikake-blue.png) no-repeat right 40px;
}
.recruit-Interview-wrap.vehicle-color .head::before{
    background-color: rgba(219, 60, 97, .2);
}
.recruit-Interview-wrap.machine-color .head::before{
    background-color: rgba(126, 208, 75, .2);
}
.recruit-Interview-wrap.liner-color .head::before{
    background-color: rgba(226, 205, 20, .2);
}
.recruit-Interview-wrap.hocp-color .head::before{
    background-color: rgba(60, 179, 222, .2);
}
.recruit-Interview-wrap.vehicle-color .head::after{
    background: url(../img/recruit/line-pink.png) no-repeat left bottom;
}
.recruit-Interview-wrap.machine-color .head::after{
    background: url(../img/recruit/line-green.png) no-repeat left bottom;
}
.recruit-Interview-wrap.liner-color .head::after{
    background: url(../img/recruit/line-yellow.png) no-repeat left bottom;
}
.recruit-Interview-wrap.hocp-color .head::after{
    background: url(../img/recruit/line-blue.png) no-repeat left bottom;
}
.recruit-Interview-wrap .body{
    margin: 0 calc(50% - 50vw);
    overflow: hidden;
}
.recruit-Interview-wrap .recruit-Interview-member{
    width:96vw;
    float: left;
    position: relative;
}
.recruit-Interview-wrap .recruit-Interview-member.member-alone{
    width:100vw;
}
.recruit-Interview-wrap .recruit-Interview-member:nth-child(2){
    margin-top: -1px;
    float: right;
}
.recruit-Interview-wrap.vehicle-color .recruit-Interview-member{
    background:-moz-linear-gradient(120deg, #FF96B5, #F07EA1 80%);
    background:-webkit-linear-gradient(120deg, #FF96B5, #F07EA1 80%);
    background:linear-gradient(120deg, #FF96B5, #F07EA1 80%);
}
.recruit-Interview-wrap.machine-color .recruit-Interview-member{
    background:-moz-linear-gradient(120deg, #87C958, #91D163 80%);
    background:-webkit-linear-gradient(120deg, #87C958, #91D163 80%);
    background:linear-gradient(120deg, #87C958, #91D163 80%);
}
.recruit-Interview-wrap.liner-color .recruit-Interview-member{
    background:-moz-linear-gradient(120deg, #F2CD52, #F2CD52 20%, #F5CA3C);
    background:-webkit-linear-gradient(120deg, #F2CD52, #F2CD52 20%, #F5CA3C);
    background:linear-gradient(120deg, #F2CD52, #F2CD52 20%, #F5CA3C);
}
.recruit-Interview-wrap.hocp-color .recruit-Interview-member{
    background:-moz-linear-gradient(120deg, #5FC5EB, #47B2D9 80%);
    background:-webkit-linear-gradient(120deg, #5FC5EB, #47B2D9 80%);
    background:linear-gradient(120deg, #5FC5EB, #47B2D9 80%);
}
.recruit-Interview-wrap .recruit-Interview-member .link{
    display: block;
    width:100%;
    box-sizing: border-box;
    padding: 55px 0 10px 30px;
    color:#fff;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-image:url(../img/recruit/member1.png);
    background-size: contain;
}
.recruit-Interview-wrap .recruit-Interview-member.member-alone .link{
    padding: 55px 0 10px 30px;
    background-position: 60% bottom;
    background-image:url(../img/recruit/member6.png);
}

.recruit-Interview-wrap .head .title{
    font-size:28px;
    color:#000;
}
.recruit-Interview-member .member-inner{
    margin-bottom: 50px;
}
.recruit-Interview-member .member-inner .year{
    font-size:14px;
    margin-bottom: 5px;
}
.recruit-Interview-member .member-inner .name{
    font-size:22px;
    font-weight: 700;
}
.recruit-Interview-member .member-inner .name-en{
    font-size:15px;
}
.recruit-Interview-member .member-text p{
    color: #000;
    font-size:18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.recruit-Interview-member .member-text .obi{
    background-color: #fff;
    padding: 5px 10px;
}
.recruit-aboutus{
    background-color: #2568B6;
    position: relative;
    top: -240px;
    padding:200px 0 1px;
}
.recruit-aboutus-inner{
    padding:0 25px 50px;
    position: relative;
}
.recruit-aboutus-inner::before,
.recruit-aboutus-inner::after{
    position: absolute;
    content: '';
    width: 280px;
    height: 180px;
    background:url(../img/recruit/top-about-amikake.png) no-repeat center;
    z-index: 0;
}
.recruit-aboutus-inner::before{
    left: 0;
    top: 220px;
}
.recruit-aboutus-inner::after{
    right: 0;
    bottom: 0;
}
.recruit-aboutus-inner .recruit-top-c-head .title-wrap{
    background:url(../img/recruit/about-us.png) no-repeat center;
    background-size: cover;
}
.recruit-aboutus-inner .recruit-top-c-head .title-wrap .title-en{
    color: #fff;
}
.recruit-aboutus-inner .recruit-top-c-head .title-ja{
    color: #fff;
}

.recruit-aboutus-list .list-item{
    margin-bottom: 25px;
}

.recruit-aboutus-list .link{
    position: relative;
    display: block;
    z-index: 1;
}
.recruit-aboutus-list .link:before {
    content: "";
    display: block;
    padding-top: 75%; /* 1:1 */
}
.recruit-aboutus-list .link .image-wrap{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}
.recruit-aboutus-list .link .text{
    position: absolute;
    bottom: 10%;
    color:#fff;
    font-size:22px;
    font-weight: 700;
    width:100%;
    text-align: center;

}
.recruit-aboutus-list .link .text::after{
    content: "";
    position: absolute;
    bottom: -5px;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-sizing: border-box;
    width: 32px;
    height: 1px;
    background-color: #fff;
}
.recruit-main-top{
    background-color: #2568B6;
    margin-bottom: -100px;
}
.recruit-main{
    background-color: #F4F6F9;
}
#RecruitAboutUs.recruit-main{
    background-color: #F4F6F9;
 }
#RecruitFooter{
    position: relative;
}
.r-f-pagetop{
    position: absolute;
    right:0;
    top:0;
    width:50px;
    height:50px;
    text-align: center;
    cursor: pointer;
    background: -moz-linear-gradient(left, #ED4000, #ED6C00);
	background: -webkit-linear-gradient(left, #ED4000, #ED6C00);
    background: linear-gradient(left, #ED4000, #ED6C00);
    color: #fff;
    z-index: 3;
    padding-top:20px;
    box-sizing: border-box;
}
.r-f-pagetop::before{
    content: '';
    display: block;
    position: absolute;
    top: 20%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-top: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
.recruit-footer-inner{
    width:100%;
    height:200px;
    background:url(../img/recruit/footer-back.jpg) no-repeat;
    background-size:cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.recruit-footer-inner .entry-link{
    background-color: #0E61D1;
    color:#fff;
    font-size:22px;
    font-weight: 700;
    display: block;
    width:80%;
    height:64px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.recruit-footer-inner .entry-link::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 41px;
    margin: auto;
    vertical-align: middle;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #FFFE37;
}
.recruit-footer-inner .entry-link::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50px;
    margin: auto;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border-top: 2px solid #2568B6;
    border-right: 2px solid #2568B6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#RecruitFooter .copyright{
    background-color: #000;
}
#RecruitFooter .copyright-inner{
    margin: auto;
    padding:20px 15px;
}
#RecruitFooter.privacy-footer{
    border-top: 3px solid #ED6C00;
    background: #000000;
}
#RecruitFooter.privacy-footer .copyright{
    background: #000000;
}
#RecruitFooter .copyright-list{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

#RecruitFooter .copyright-list li{
    position:relative;
    padding:0 20px;
}
#RecruitFooter .copyright-list li:not(:last-child)::after{
    content: "";
    display: block;
    width: 1px;
    height: 24px;
    background-color: rgba(255,255,255, 0.5);
    position: absolute;
    top: 0;
    right: 0;
}
#RecruitFooter .copyright-list .link{
    font-size:13px;
    color:rgba(255, 255, 255, .8);
}
#RecruitFooter .footer-cr,
#RecruitFooter .footer-cr2{
    color:rgba(255, 255, 255, .8);
}
#RecruitFooter .copyright-inner .right{
    display: none;
}

/**************************************************Interview**************************************************/
.recruit-sub-top{
    height:250px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#Interview .recruit-sub-top{
    background-image: url(../img/interview/top-back.jpg);
}
.recruit-sub-top-inner .title-wrap{
    text-align: center;
}
.recruit-sub-top-inner .title-wrap .title-en{
    font-size:40px;
    color: #fff;
}
.recruit-sub-top-inner .title-wrap .title-ja{
    font-size:18px;
    font-weight: 700;
    color: #fff;
}
.recruit-sub-info{
    background-color: #F4F6F9;
}
.recruit-sub-info-inner{
    margin: 0 16px;
    position: relative;
    top: -30px;
    z-index: 10;
}
.recruit-sub-info-inner .head{
    position:relative;
    padding:0 15px 80px;
}


.vehicle-main .recruit-sub-info-inner .head{
    background:-moz-linear-gradient(120deg, #FF96B5, #F07EA1 80%);
    background:-webkit-linear-gradient(120deg, #FF96B5, #F07EA1 80%);
    background:linear-gradient(120deg, #FF96B5, #F07EA1 80%);
}
.vehicle-main .recruit-sub-info-inner .body{
    background-image:url(../img/interview/amikake-pink-bg.png);
}
.vehicle-main .recruit-sub-info-art .midashi-wrap{
    color: #D66A8A;
}
.vehicle-main .recruit-sub-info-art:not(:first-child) .midashi-wrap::before{
    background:url(../img/interview/amikake-pink.png) no-repeat;
}
.vehicle-main .recruit-sub-info-art:not(:first-child) .midashi-wrap::after{
    background-color: rgba(219, 60, 97, .2);
}
.machine-main .recruit-sub-info-inner .head{
    background:-moz-linear-gradient(120deg, #87C958, #91D163 80%);
    background:-webkit-linear-gradient(120deg, #87C958, #91D163 80%);
    background:linear-gradient(120deg, #87C958, #91D163 80%);
}
.machine-main .recruit-sub-info-inner .body{
    background-image:url(../img/interview/amikake-green-bg.png);
}
.machine-main .recruit-sub-info-art .midashi-wrap{
    color: #66C42B;
}
.machine-main .recruit-sub-info-art:not(:first-child) .midashi-wrap::before{
    background:url(../img/interview/amikake-green.png) no-repeat;
}
.machine-main .recruit-sub-info-art:not(:first-child) .midashi-wrap::after{
    background-color: rgba(126, 208, 75, .2);
}
.liner-main .recruit-sub-info-inner .head{
    background:-moz-linear-gradient(120deg, #F2CD52, #F2CD52 20%, #F5CA3C);
    background:-webkit-linear-gradient(120deg, #F2CD52, #F2CD52 20%, #F5CA3C);
    background:linear-gradient(120deg, #F2CD52, #F2CD52 20%, #F5CA3C);
}
.liner-main .recruit-sub-info-inner .body{
    background-image:url(../img/interview/amikake-yellow-bg.png);
}
.liner-main .recruit-sub-info-art .midashi-wrap{
    color: #E8CD00;
}
.liner-main .recruit-sub-info-art:not(:first-child) .midashi-wrap::before{
    background:url(../img/interview/amikake-yellow.png) no-repeat;
}
.liner-main .recruit-sub-info-art:not(:first-child) .midashi-wrap::after{
    background-color: rgba(226, 205, 20, .2);
}
.hocp-main .recruit-sub-info-inner .head{
    background:-moz-linear-gradient(120deg, #5FC5EB, #47B2D9 80%);
    background:-webkit-linear-gradient(120deg, #5FC5EB, #47B2D9 80%);
    background:linear-gradient(120deg, #5FC5EB, #47B2D9 80%);
}
.hocp-main .recruit-sub-info-inner .body{
    background-image:url(../img/interview/amikake-blue-bg.png);
}
.hocp-main .recruit-sub-info-art .midashi-wrap{
    color: #3CB3DE;
}
.hocp-main .recruit-sub-info-art:not(:first-child) .midashi-wrap::before{
    background:url(../img/interview/amikake-blue.png) no-repeat;
}
.hocp-main .recruit-sub-info-art:not(:first-child) .midashi-wrap::after{
    background-color: rgba(60, 179, 222, .2);
}
.recruit-sub-info-left{
    color:#fff;
}
.recruit-sub-info-left .obi-area{
    margin-bottom: 28px;
}
.recruit-sub-info-left .obi-area h3{
    font-size: 18px;
    font-weight: 700;
    color:#000;
}
.recruit-sub-info-left .obi-area .obi{
    background-color: #fff;
}
.recruit-sub-info-left .wrap{
    margin-bottom: 15px;
}
.recruit-sub-info-left .wrap .name-area{
    margin-right: 15px;
}
.recruit-sub-info-left .wrap .name-furi{
    font-size: 11px;
    font-weight: 700;
}
.recruit-sub-info-left .wrap .name{
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}
.recruit-sub-info-left .wrap .department-text{
    font-size: 14px;
    font-weight: 700;
}
.recruit-sub-info-left .year-text{
    margin-bottom: 14px;
    font-size: 18px;
}
.recruit-sub-info-right{
    display: flex;
    align-items: flex-end;
    padding-top: 10px;
}
.recruit-sub-info-right .warning-text{
    position: absolute;
    bottom: 5%;
    font-size:10px;
    font-weight: 700;
    width:100%;
    text-align: left;
    color: #fff;
}

.recruit-sub-info-inner .body{
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right top;
    padding-top: 57px;
    padding-bottom: 50px;
}

.recruit-sub-info-art{
    overflow: hidden;
    position: relative;
    padding-top: 100px;
    min-height: 332px;
}



.recruit-sub-info-art .midashi-wrap,
.recruit-sub-info-art .content{
    box-sizing: border-box;
    background-color: #F4F6F9;
}
.recruit-sub-info-art .midashi-wrap{
    position: relative;
}
.recruit-sub-info-art:not(:first-child) .midashi-wrap::before{
    content:"";
    position: absolute;
    width:345px;
    height:60px;
    top:-60px;
}
.recruit-sub-info-art:not(:first-child) .midashi-wrap::after{
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    top:-100px;
}
.recruit-sub-info-art .midashi-wrap.float-left{
    padding: 40px 0 10px 0;
}
.recruit-sub-info-art .midashi-wrap.float-left::before{
    right: 86px;
}

.recruit-sub-info-art .midashi-wrap.float-right{
    padding: 40px 0 10px 0;
}
.recruit-sub-info-art .midashi-wrap.float-right::before{
    right: 0;
}
.recruit-sub-info-art .midashi-wrap.float-right::after{
    right: 0;
}
.recruit-sub-info-art .content{
    text-align: justify;
    text-justify: inter-ideograph;
}
.recruit-sub-info-art .content.float-left{
    padding-top: 10px;
    padding-bottom: 30px;
}
.recruit-sub-info-art .content.float-right{
    padding-top: 10px;
    padding-bottom: 30px;
}
.recruit-sub-info-art .midashi-wrap .number{
    font-size: 60px;
    position: absolute;
    top: -40px;
}
.recruit-sub-info-art .midashi-wrap .midashi{
    font-size: 20px;
    font-weight: 700;
}
.recruit-sub-info-art .image-area{
   
}
.recruit-sub-info-art .image-area.float-left{
    left: 0;
}
.recruit-sub-info-art .image-area.float-right{
    right: 0;
}
.recruit-sub-info-art .content {
    font-size: 16px;
    color:#000;
}
.recruit-schedule{
    background-color: #2568B6;
    color:#000;
    padding:100px 0 50px;
    position: relative;
    top:-80px;
    margin-bottom: -80px;
}
.recruit-schedule-inner{
    margin: 0 16px;
    background-color: #fff;
    padding-top: 20px;
}
.recruit-schedule-inner .recruit-top-c-head .title-wrap {
    background: url(../img/interview/schedule.png) no-repeat center;
    background-size: cover;
}
.recruit-schedule-inner .head{
    margin-bottom: 35px;
}
.recruit-schedule-list .list-item{
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
}
.recruit-schedule-list .list-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    height: 100%;
    width: 2px;
    background: #000;
}
.recruit-schedule-list .list-item:first-child:before {
    top: 20px;
}
.recruit-schedule-list .list-item:last-child:before {
    height: 20px;
}

.recruit-schedule-list .list-item .list-head .time-text{
    font-size: 16px;
    font-weight: 700;
    background-color: #167BD1;
    color:#fff;
    width: 60px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 14px;
    text-align: center;
    position: relative;
}
.recruit-schedule-list .list-item .list-head .time-text,
.recruit-schedule-list .list-item .list-head .image-wrap {
    margin-right: auto;
    margin-left: 49px;
}
.recruit-schedule-list .list-item .list-head .time-text::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../img/interview/schedule-line-maru.png) no-repeat center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.recruit-schedule-list .list-item:first-child .list-head .time-text::before{
    background: url(../img/interview/schedule-line-maru-first.png) no-repeat center;
}
.recruit-schedule-list .list-item .list-head .time-text::before {
    left: -38px;
}
.recruit-schedule-list .list-item .list-head .time-text::after{
    position: absolute;
    content: "";
    left: auto;
    right: 100%;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right-color: #167BD1;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.recruit-schedule-list .list-item .list-head .image-wrap{
    display: flex;
    margin-bottom: 10px;
}
.recruit-schedule-list .list-item .list-head .image-wrap{
    display: flex;
    justify-content: flex-start;
}

.recruit-schedule-list .list-item .list-head .image-area.second{
    margin-left:10px;
}

.recruit-schedule-list .list-item .list-body {
    position: relative;
}

.recruit-schedule-list .list-item .list-body .disc-wrap{
    margin-left: 49px;
    margin-right: 15px;
}


.recruit-schedule-list .list-item .list-body .disc-wrap .title{
    font-size:18px;
    font-weight: 700;
}
.recruit-schedule-list .list-item .list-body .disc-wrap .disc{
    font-size:16px;
}

/**************************************************about us**************************************************/
#RecruitAboutUs .recruit-sub-top{
    background-image: url(../img/aboutus/top-back.jpg);
}
.recruit-sub-c{
    padding:0 4%;
}
.recruit-sub-c-inner{
    margin: 0 auto -100px;
    position: relative;
    top: -30px;
    z-index: 10;
    background-color: #fff;
    color:#000;
    padding:60px 0 0;
    box-sizing: border-box;
}
.recruit-sub-c-inner .head{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 130px;
}
.recruit-sub-c-inner .head::after{
    content:"";
    position:absolute;
    bottom: 0;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 1px;
    height: 68px;
    background-color:#000;
}
.recruit-faq-inner .head .sub{
    color:#ED6C00;
    font-size:14px;
    font-weight: 700;
    position: relative;
    margin-left: 130px;
    margin-bottom: 10px;
}

.recruit-faq-inner .head .sub:after{
    content:"";
    position:absolute;
    bottom: -15px;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background:url(../img/aboutus/sub-back.png) no-repeat center bottom;
    width: 155px;
    height: 20px;
}

.recruit-sub-c-inner .head .title{
    color:#13439D;
    font-size:28px;
    font-weight: 700;
    position: relative;
    margin-bottom: 25px;
}
.recruit-sub-c-inner .head .title::after{
    content:"";
    position:absolute;
    bottom: 5px;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background:url(../img/aboutus/title-back.png) no-repeat center bottom;
    width: 140px;
    height: 20px;
}
.recruit-faq-inner .head .text{
    font-size:16px;
    text-align: center;
    padding:0 15px;
margin: 0px 0 12%;
}
.recruit-faq-list{
    padding-bottom: 135px;
    margin-bottom: 150px;
}
.recruit-faq-list .list-item{
    display: flex;
    flex-direction: column-reverse;
    position: relative;
}
.recruit-faq-list .list-item:nth-child(even) {
}
.recruit-faq-list .list-item:not(:last-child){
    margin-bottom: 140px;
}
.recruit-faq-list .list-item .content{
    z-index: 1;
    padding:0 15px;
}

.recruit-faq-list .q-number{
    font-size: 50px;
    color:#13439D;
    margin-bottom: 20px;
}
.recruit-faq-list .q-number .piriodo{
    color:#ED6C00;
}
.recruit-faq-list .question{
    font-size: 20px;
    color:#13439D;
    margin-bottom: 20px;
}
.recruit-faq-list .answer{
    font-size: 16px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.recruit-faq-list .image-area {
    margin-bottom: 20px;
}
.recruit-faq-list .list-item:nth-child(odd) .image-area {
    background:url(../img/aboutus/faq-back-right.png) no-repeat right bottom #F4F5F9;
    background-size: contain;
    margin-right: -16px;
    margin-left: 15px;
    position: relative;
    height: 67vw;
}
.recruit-faq-list .list-item:nth-child(even) .image-area {
    background:url(../img/aboutus/faq-back-left.png) no-repeat left bottom #F4F5F9;
    background-size: contain;
    margin-left: -16px;
    margin-right: 15px;
    position: relative;
    height: 67vw;
}
.recruit-faq-list .image-area .picture{
    position: absolute;
    width: 72%;
    bottom: 0;
    left: 13%;
margin-bottom:0;
}

.recruit-faq-list .list-item:last-child .picture{
    position: absolute;
    width: 100%;
    bottom: -2.5%;
    left: 0;
}
.recruit-footer-nav-inner {
    margin: 0 30px 100px;
}
.recruit-footer-nav-list .list-item{
    margin-bottom: 30px;
}
.recruit-footer-nav-list .list-item .link{
    position: relative;
    display: block;
}
.recruit-footer-nav-list .list-item .title-content{
    text-align: center;
    position: absolute;
    width:100%;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color:#fff;
}
.recruit-footer-nav-list .list-item .title_ja{
    font-size:22px;
    font-weight: 700;
}
.recruit-footer-nav-list .list-item .more-mask{
    font-size:26px;
}
.recruit-color .link .more-mask{
    color:#fff;
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: -moz-linear-gradient(left, rgba(237,108,0, .9), rgba(237,64,0, .9));
	background: -webkit-linear-gradient(left, rgba(237,108,0, .9), rgba(237,64,0, .9));
    background: linear-gradient(left, rgba(237,108,0, .9), rgba(237,64,0, .9)); */
    background-color: rgba(14, 97, 209, .9);
    -webkit-transition:all 0.2s ease;;
    transition:all 0.2s ease;
}
.recruit-color .link:hover .more-mask{
    opacity: 1;
}
.recruit-sub-c-inner.bottomline .head::after{
    bottom: -34px;
}
.recruit-numbers-main-inner{
    margin: 0 16px 135px;
}
.recruit-numbers-main-list{
    color:#13439D;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.recruit-numbers-main-list .list-item{
    box-sizing: border-box;
    padding-top:35px;
    padding-bottom:35px;
    background-color: #fff;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    width:100%;
}
.recruit-numbers-main-list .list-item .number-area{
    display: flex;
    justify-content: center;
}

.recruit-numbers-main-list .list-item.age .wrap{
    padding:0 20px
}
.recruit-numbers-main-list .list-item.age .left{
    margin-bottom: 15px;
}
.recruit-numbers-main-list .list-item.age .right{
}
.recruit-numbers-main-list .list-item .midashi{
    font-size:18px;
    color:#000;
}
.recruit-numbers-main-list .list-item.year .midashi{
    margin-bottom: -25px;
}
.recruit-numbers-main-list .list-item.sales .midashi{
    margin-bottom: 10px;
}
.recruit-numbers-main-list .list-item.club .midashi{
    margin-bottom: 20px;
}
.recruit-numbers-main-list .list-item.average-age .midashi{
    margin-bottom: 30px;
}
.recruit-numbers-main-list .list-item .wrap{
    text-align: center;
}
.recruit-numbers-main-list .list-item.overtime .image-area{
    margin-left: 57px;
}
.recruit-numbers-main-list .list-item.transition .midashi-sub{
    font-size:11px;
    color:#000;
}
.recruit-numbers-main-list .list-item.transition .sub-text{
    font-size:12px;
    color:#000;
    margin-top:5px;
}
.recruit-numbers-real-inner{
    margin: 0 16px 135px;
    background-color: #fff;
    padding: 90px 15px 0;
}
.recruit-sub-c-head{
    margin-bottom: 40px;
    text-align: center;
}
.recruit-sub-c-head .title{
    font-size:28px;
    font-weight: 700;
    color:#13439D;
    position: relative;
    display: inline-block;
}

.recruit-sub-c-head .sub{
    font-size:18px;
    color:#000;
    margin-bottom: 80px;
}
.recruit-numbers-real-content{
}
.recruit-numbers-real-art{
    text-align: center;
    margin-bottom: 50px;
}

.recruit-numbers-real-art .title-area h4{
    color:#000;
     display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size:18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 25px;
    text-align: left;
}
.recruit-numbers-real-art .title-area .num{
    color:#fff;
    background-color: #13439D;
    width:38px;
    height:38px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 20px;
}
.recruit-numbers-real-art .title-area .num::after{
    position: absolute;
    content: "";
    left: 34px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 15px solid #13439D;
}
.recruit-numbers-real-art .image-area{
    display: inline-block;
}
.line-dot:not(:last-child){
    display: none;
}
.recruit-numbers-honne-inner{
    margin: 0 16px 135px;
    background-color: #fff;
    padding: 40px 15px 0;
}
.recruit-numbers-honne-inner .body{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.recruit-numbers-honne-art{
    margin-bottom: 50px;
}
.recruit-numbers-honne-art .title-area{
    background:url(../img/aboutus/honne-title-back-sp.png) no-repeat;
    background-size: cover;
    padding:7px 20px 7px 15px;
    margin-bottom: 30px;
}
.recruit-numbers-honne-art .title-area h4{
    font-size:26px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
}
.recruit-numbers-honne-art .title-area h4 .num{
    font-size:32px;
}
.recruit-numbers-honne-art .content .dep-text{
    color: #13439D;
    font-size: 16px;
    font-weight: 700;
}
.recruit-numbers-honne-art .content .honne-list .list-item{
    color:#000;
    font-size:16px;
    position: relative;
    padding-left: 27px;
    margin-bottom: 5px;
}
.recruit-numbers-honne-art .content .honne-list .list-item::before{
    position: absolute;
    content: "";
    left: 0;
    top:7px;
    width: 18px;
    height:16px;
    background: url(../img/aboutus/check.png) no-repeat;
}
.recruit-numbers-honne-art .content .wrap{
    position: relative;
}
.recruit-numbers-honne-art .content .wrap.mb{
    margin-bottom: 50px;
}
/* .recruit-numbers-honne-art .content .wrap:first-child::before{
    position: absolute;
    content: "";
    left: 0;
    top:11px;
    width: 56px;
    height: 1px;
    background-color: #13439D;
}
.recruit-numbers-honne-art .content .wrap:first-child::after{
    position: absolute;
    content: "";
    left: 28px;
    top:15px;
    width: 56px;
    height: 1px;
    background-color: #13439D;
} */
.recruit-numbers-honne-art .content .wrap .left{
    position: relative;
    margin-bottom: 40px;
    /* margin: 0 40px 0 110px; */
}
.recruit-numbers-honne-art .content .wrap .left::before{
    position: absolute;
    content: "";
    left: 0;
    bottom:-10px;
    width: 56px;
    height: 1px;
    background-color: #13439D;
}
.recruit-numbers-honne-art .content .wrap .left::after{
    position: absolute;
    content: "";
    left: 28px;
    bottom:-15px;
    width: 56px;
    height: 1px;
    background-color: #13439D;
}
.recruit-careervision-main-inner {
    margin: 0 16px 135px;
    background-color: #fff;
    padding: 30px 10px 30px;
    box-sizing: border-box;
}
.recruit-careervision-main-inner .recruit-sub-c-head .title::before{
    right: 113%;
}
.recruit-careervision-main-inner .recruit-sub-c-head .title::after{
    left: 113%;
}
.color-type-sougo .recruit-sub-c-head .title{
    color: #FF96B5;
}
.color-type-sougo .recruit-sub-c-head .title::before,
.color-type-sougo .recruit-sub-c-head .title::after{
    background: url(../img/aboutus/back-pink.png) no-repeat left center;
    width: 460px;
}
.color-type-seibi .recruit-sub-c-head .title{
    color: #F5CA3C;
}
.color-type-seibi .recruit-sub-c-head .title::before,
.color-type-seibi .recruit-sub-c-head .title::after{
    background: url(../img/aboutus/back-yellow.png) no-repeat left center;
    width: 460px;
}
.color-type-jimu .recruit-sub-c-head .title{
    color: #8BCC5C;
}
.color-type-jimu .recruit-sub-c-head .title::before,
.color-type-jimu .recruit-sub-c-head .title::after{
    background: url(../img/aboutus/back-green.png) no-repeat left center;
    width: 460px;
}
.recruit-careervision-main-inner .recruit-sub-c-head{
    margin-bottom: 200px;
}
.recruit-careervision-main-inner .body{
    background-color: #F4F5F9;
    padding:0 10px;
}
.recruit-careervision-main-inner.color-type-sougo .body{
    border-top: 4px solid #FF96B5;
}
.recruit-careervision-main-inner.color-type-seibi .body{
    border-top: 4px solid #F5CA3C;
}
.recruit-careervision-main-inner.color-type-jimu .body{
    border-top: 4px solid #8BCC5C;
}
.recruit-careervision-main-inner .body-h{
    padding:240px 10px 20px;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto;
    margin-top:-150px;
}
.recruit-careervision-main-inner.color-type-sougo .body-h{
    background-color: #FF96B5;
    background-image: url(../img/aboutus/target-image1.png);
}
.recruit-careervision-main-inner.color-type-seibi .body-h{
    background-color: #F5CA3C;
    background-image: url(../img/aboutus/target-image2.png);
}
.recruit-careervision-main-inner.color-type-jimu .body-h{
    background-color: #8BCC5C;
    background-image: url(../img/aboutus/target-image3.png);
}
.recruit-careervision-main-inner .body-h .target-image{
    display: inline-block;
}
.recruit-careervision-main-inner .body-h .target-text{
    font-size:16px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff;
}
.recruit-careervision-main-inner .body-h .obi-area{
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.recruit-careervision-main-inner .body-h .obi-area p{
    margin-bottom: 3px;
}
.recruit-careervision-main-inner .body-h .obi-area .obi {
    background-color: #fff;
    padding:2px 10px;

}
.recruit-careervision-main-inner .body-b{
    padding:40px 0 40px;
}
.recruit-careervision-main-inner .body-b .content{
    color: #000;
    margin-bottom: 40px;
}
.recruit-careervision-main-inner .body-b .flow-text{
    color: #5C5C5C;
    font-size:13px;
    margin-top:22px;
    text-align: right;
}

.recruit-careervision-leader-inner{
    background:url(../img/aboutus/leader-back-amikake.png) no-repeat left center;
}
.recruit-careervision-leader-inner .image-area{
    margin-left: 30px;
}
.recruit-careervision-leader-inner .content{
    margin: 0 16px 135px;
    background-color: #fff;
    padding: 140px 15px 76px;
    box-sizing: border-box;
    color: #000;
    margin-top: -100px;
}

.recruit-careervision-leader-inner .content .title{
    font-size:20px;
    font-weight: 700;
    color: #13439D;
    margin-bottom: 20px;
}
.recruit-careervision-leader-inner .content .disc{
    font-size:16px;
}
.bg-gray{
    background-color: #F4F6F9;
}

.recruit-entry-top-inner{
    top: -30px;
    margin: 0 auto;
    padding:0;
}
.recruit-entry-top-list{
    margin-bottom: 30px;
}
.recruit-entry-top-list .list-item{
    display: flex;
    align-items: center;
    justify-content: center;
}
.recruit-entry-top-list .list-item:first-child{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.recruit-entry-top-list .list-item .link{
    font-size:18px;
    font-weight: 700;
    color:#13439D;
    background:url(../img/recruit/entry-down.png) no-repeat 95% center;
    display: block;
    width: 100%;
    text-align: center;
    height: 56px;
    line-height: 56px;
}
.recruit-entry-inner{
    color:#000;
    margin: 0 16px 55px;
    background-color: #fff;
    padding: 40px 10px 40px;
    box-sizing: border-box;
    overflow: hidden;
}
.recruit-entry-inner .head .sub-title{
    font-size:16px;
    color:#ED6C00;
}
.recruit-entry-inner .body .content{
    margin-bottom: 40px;
    text-align: center;
    font-size:16px;
    font-weight: 700;
}
.recruit-entry-table th{
    display: block;
    font-size: 18px;
    color:#13439D;
    text-align: left;
    padding:0 0 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #13439D;
}

.recruit-entry-table td{
    display: block;
    padding:16px 0 40px;
    font-size:16px;
}
.recruit-entry-table img{
    width:auto;
    margin:10px 0;
}
.entry-page-top{
    width: 100%;
    max-width: 1260px;
    margin: 0 auto 0;
    text-align: center;
    margin-bottom: 55px;
}
.entry-page-top .text{
    font-size:16px;
    color:#000;
    padding-top: 15px;
    background:url(../img/recruit/entry-pagetop.png) no-repeat center top;

}


.recruit-news-top-inner{
    padding:40px 10px 40px;
    margin-bottom: 100px;
}
.recruit-news-top-inner .recruit-news-list > li .link{
  color: #000;
}
.recruit-news-content-inner{
    margin: 0 15px 90px;
    position: relative;
    top: -30px;
    z-index: 10;
    background-color: #fff;
    color: #000;
    padding: 40px 10px 40px;
    box-sizing: border-box;
}
.recruit-news-content-inner .head{
    margin-bottom: 50px;
}
.recruit-news-content-inner .head .title{
    font-size: 24px;
    font-weight: 700;
    color: #13439D;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    background-color: #E2ECFA;
    padding: 5px 0 5px 30px;
}
.recruit-news-content-inner .head .title::before {
    background: #13439D;
}
.recruit-news-content-inner .body{
    margin-bottom: 100px;
}
.recruit-news-content-inner .footer {
    display: flex;
    justify-content: space-between;
}
.recruit-news-content-inner .footer a {
    color: #000;
    font-weight: 700;
    font-size: 14px;
}
.recruit-news-content-inner .footer img {
    width: auto;
    vertical-align: middle;
    margin: 0 5px;
}
.recruit-news-main-image{
    background-image: url(../img/news/recruit-main-image.jpg);
}
.business-vehicle-liner-ground-imgList-item{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 237px;
    flex: 0 0 237px;
    position: relative;
}

.recruit-traning-top-inner{
    margin: 0 0 55px;
    background-color: #fff;
    padding: 40px 10px 40px;
    box-sizing: border-box;
}
.recruit-entry-top-list.traning .list-item{
    width:428px;
    height:72px;
    border: 1px solid #0950A5;
    margin:0 10px 20px;
}
.recruit-entry-top-list.traning .list-item .link{
    font-size: 18px;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 72px;
    background: url(../img/recruit/entry-down.png) no-repeat 95% center;
    padding-right: 0;
}
.recruit-traning-top-inner .head{
    text-align: center;
    margin-bottom: 40px;
}
.recruit-traning-top-inner .head .title{
    font-size:34px;
    font-weight: 700;
    color: #13439D;
    background-repeat: no-repeat;
    background-position:center;
    height: 76px;
    line-height: 80px;


}
.recruit-traning-top-inner .head .sub-title{
    font-size:14px;
    font-weight: 400;
    color: #13439D;
}

.recruit-traning-top-inner .body{
    margin-bottom: 50px;
}
.recruit-traning-top-inner .content{
    margin-bottom: 70px;
}
.recruit-traning-top-inner .content .content-title{
    margin-bottom: 40px;
}
.recruit-traning-top-inner .content .content-title .title{
    text-align: center;
    color:#fff;
    font-size: 20px;
    font-weight: 700;
    background: url(../img/recruit/training-content-title-back-sp.jpg) no-repeat center;
    background-size: 100%;
    padding: 8px 0;
}
.recruit-traning-top-inner .content .content-detail{
    margin-bottom: 80px;
}
.recruit-traning-top-inner .content .content-detail-title{
    position: relative;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-left: 25px;
    color: #13439D;
}
.recruit-traning-top-inner .content .content-detail-title::before{
    position: absolute;
    content: "";
    background: #13439D;
    width: 6px;
    height: 100%;
    left: 0;
    top: 0;
}

.recruit-traning-top-inner .content .content-detail-textArea{
    margin-bottom: 35px;
}
.recruit-traning-top-inner .content .content-detail-image-wrap .image-wrap{
    margin-bottom: 20px;
}
.recruit-traning-top-inner .content .content-detail-image-wrap figure{
    margin-bottom: 10px;
}
.recruit-traning-top-inner .content .content-detail-image-wrap .image-text{
    font-size:16px;
    font-weight: 700;
}
.recruit-sub-c-head .title{
    font-size:28px;
    font-weight: 700;
    color:#13439D;
    position: relative;
    letter-spacing: 7px;
    display: inline-block;
}
.recruit-sub-c-head .title::before{
    position: absolute;
    content: "";
    background: url(../img/aboutus/head-back.png) no-repeat left center;
    width: 100%;
    height: 100%;
    right: 109%;
}
.recruit-sub-c-head .title::after{
    position: absolute;
    content: "";
    background: url(../img/aboutus/head-back.png) no-repeat left center;
    width: 100%;
    height: 100%;
    left: 105%;
}




.mid-career-table{
    margin-bottom: 80px;
    position: relative;
}
.mid-career-table table{
    border-collapse: separate;
    width: 1240px;
}
.mid-career-table thead th{
    background-color: #1C1C1C;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    font-size: 18px;
    font-weight: 500;
}
.mid-career-table thead th:not(:last-child){
    border-right: 1px solid rgba(255,255,255,0.16);
}
.mid-career-table tbody td:not(:last-child){
    border-right: 1px solid rgba(255,255,255,0.16);
}
.mid-career-table tbody td{
    padding: 10px  30px;
    opacity: .7;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 220px;
    height: 70px;
}
.mid-career-table tbody tr:nth-child(even) td{
    background-color: rgba(255,255,255,0.1);
}
.mid-career-table tbody tr:nth-child(odd) td{
    background-color: rgba(255,255,255,0.05);
}



.recruit-Interview-member-clickhere{
    display: inline-block;
    position: absolute;
}
.member-two .recruit-Interview-member-clickhere{
    width: 24%;
    top: 0;
    left: 29%;
}
.member-three .recruit-Interview-member-clickhere{
    width: 24%;
    top: 0;
    left: 29%;
}
.member-alone .recruit-Interview-member-clickhere{
    width: 24%;
    top: 0;
    left: 29%;
}





















    
 }