@charset "UTF-8";
:root{
    --acc-color: #335B9F;
    --lightblue:#F1F5F9;
}
.global-nav .nav-list .nav-item.btn__entry>a{
    padding-right: 1.2em
}
.br-sp{display: none;}
.foot__list-hs a:visited{color:white}
.bar-13em{width: 13em!important;}
.bar-14em{width: 14em!important;}
.bar-15em{width: 15em!important;}
.bar-16em{width: 16em!important;}
.bar-17em{width: 17em!important;}
.bar-18em{width: 18em!important;}
.scrollin .bar-anim05{top:0;left:-.5em;}
.h2ttl__en.scrollin .bar-anim05{top:0.3em;}
.lh-1{line-height: 1}
.lh-14{line-height: 1.4}
.lh-15{line-height: 1.5}
.lh-16{line-height: 1.6}
.ai__fs{align-items: flex-start!important}
.mt0{margin-top: 0!important}
.fs-45 {font-size: 4.5rem}
.fs-130 {  font-size: 13rem;}
.fs-125 {  font-size: 12.5rem;}
.fs-120 {  font-size: 12rem;}
.fs-110 {  font-size: 11rem;}
.fs-90 {  font-size: 9rem;}
.fs-80 {  font-size: 8rem;}
.fs-70 {  font-size: 7rem;}
.fs-60 {  font-size: 6rem;}
.fs-50 {  font-size: 5rem;}
.fs-40 {  font-size: 4rem;}
.fs-36 {  font-size: 3.6rem;}
.fs-32{font-size: 32px}
.fs-30 {  font-size: 3rem;}
.fs-26 {  font-size: 2.6rem;}
.fs-24 {  font-size: 2.4rem;}
.fs-22 {  font-size: 2.2rem;}
.fs-20 {  font-size: 2rem;}
.fs-18 {  font-size: 1.8rem;}
.fs-16 {  font-size: 1.6rem;}
.fs-14 {  font-size: 1.4rem;}
.fs-13 {  font-size: 1.3rem;}
.fs-12 {  font-size: 1.2rem;}
@media screen and (max-width:1200px) {
    .fs-130 { 
        font-size: calc(4.4rem + ((1vw - 0.375rem) * 10.4242));
        min-height: 0vw;
    }
    .fs-125 {  
        font-size: calc(4.4rem + ((1vw - 0.375rem) * 9.8182));
        min-height: 0vw;
    }
    .fs-120 { 
         font-size: calc(4rem + ((1vw - 0.375rem) * 9.697));
        min-height: 0vw;
    }
    .fs-110 { 
         font-size: calc(3.8rem + ((1vw - 0.375rem) * 8.7273));
        min-height: 0vw;
    }
    .fs-90 { 
        font-size: calc(3.6rem + ((1vw - 0.375rem) * 6.5455));
        min-height: 0vw;
    }
    .fs-80 { 
       font-size: calc(3.4rem + ((1vw - 0.375rem) * 6.5455));
        min-height: 0vw;
    }
    .fs-70 {
        font-size: calc(3.2rem + ((1vw - 0.375rem) * 4.6061));
        min-height: 0vw;
    }
    .fs-60 {
        font-size: calc(3.1rem + ((1vw - 0.375rem) * 3.6364));
        min-height: 0vw;
    }
    .fs-50 {
        font-size: calc(3rem + ((1vw - 0.234375rem) * 4.2431));
        min-height: 0vw;
    }
    .fs-45 {
        font-size: calc(2.9rem + ((1vw - 0.48rem) * 2.8472));
        min-height: 0vw;
    }
    .fs-40 {
        font-size: calc(2.8rem + ((1vw - 0.375rem) * 1.697));
        min-height: 0vw;
    }
    .fs-36 {
        font-size: calc(2.6rem + ((1vw - 0.375rem) * 1.4545));
        min-height: 0vw;
    }

    .fs-32 {
        font-size: calc(2.5rem + ((1vw - 0.375rem) * 1.2121));
        min-height: 0vw;
    }
    .fs-30 {
        font-size: calc(2.4rem + ((1vw - 0.375rem) * 1.2121));
        min-height: 0vw;
    }
    .fs-26 {
        font-size: calc(2.1rem + ((1vw - 0.375rem) * 0.9697));
        min-height: 0vw;
    }
    .fs-24 {
        font-size: calc(2.0rem + ((1vw - 0.375rem) * 0.9697));
        min-height: 0vw;
    }
    .fs-22 {
        font-size: calc(1.9rem + ((1vw - 0.375rem) * 0.7273));
        min-height: 0vw;
    }
    .fs-20 {
        font-size: calc(1.8rem + ((1vw - 0.375rem) * 0.4848));
        min-height: 0vw;
    }
    .fs-18 {
        font-size: calc(1.6rem + ((1vw - 0.375rem) * 0.3636));
        min-height: 0vw;
    }
    .fs-16 {
        font-size: calc(1.5rem + ((1vw - 0.375rem) * 0.3636));
        min-height: 0vw;
    }
    .fs-14 {
        font-size: calc(1.35rem + ((1vw - 0.375rem) * 0.1212));
        min-height: 0vw;
    }
    .fs-13 {
        font-size: calc(1.2rem + ((1vw - 0.375rem) * 0.1212));
        min-height: 0vw;
    }
    .h1__ttl.fs-40{
        font-size: calc(1.3rem + ((1vw - 0.375rem) * 3.2727));
        min-height: 0vw;  
    }
}
@media screen and (max-width: 1280px) {
    .head-sp .global-nav .nav-list .nav-item.entry-sp{
        margin: 0 auto 1.5rem;
        width: 90%;        
    }
    .head-sp .global-nav .nav-list .nav-item.entry-sp a {
        padding: 20px 0;
    }
    .head-sp .global-nav .nav-list .nav-item>a {
        width: 100%;
        text-align: center;
    }
    .btn__entry-wrap-sp{
        border-bottom: solid 1px #eee;
        margin-bottom: 1rem;
        padding-bottom: 2rem;
    }
}
@media screen and (max-width: 599px) {
    .head-sp .global-nav .nav-list .nav-item>a {
        width: 100%;
    }
    .section-1{
        padding: 2rem 0 6rem
    }
    .head-sp .global-nav .nav-list .nav-item.btn__entry.entry-sp>a{
        padding: 2rem 0
    }

}
.color-white{color: white}
.color-blue{color: var(--acc-color)}

#top-spcl-mv{
    background: url(/wp-content/themes/tokai-recruit/img/specialist/top/mv__bg.jpg) no-repeat center bottom;
    background-size: cover;
    height: 655px;
    position: relative;
    overflow: hidden;
    margin-top: 80px;
}
#top-spcl-mv .h1-wrap{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left: 3vw;
}
#top-spcl-mv .ff-en{
    margin-top: 0.2em
}
.h1-spcl01,.h1-spcl02{
    opacity: 0;
    position: relative;
    z-index: 20;
    padding-left: 16px;
    line-height: 1.4;
}
.h1-spcl03{
    opacity: 0;
    font-size: 1.5rem;
    line-height: 1.5;
    padding-top: 0.2em;
    padding-left: 16px;
    position: relative;
    z-index: 20
}
.is-loaded .h1-spcl01 {
    animation:alpha-move-hs 1.8s ease 1.2s forwards;
}
.is-loaded .h1-spcl02 {
    animation:alpha-move-hs 1.8s ease 1.4s forwards;
}
.is-loaded .h1-spcl03 {
    animation:alpha-move-hs 1.8s ease 1.6s forwards;
}
.bar-anim-spcl-mv-01,.bar-anim-spcl-mv-02 {
    height: 3.7em;
}
.bar-anim-spcl-mv-01 {
    top:-.15em;
}
.bar-anim-spcl-mv-02{
    top:3.5em
}
.is-loaded .bar-anim-spcl-mv-01 {
    width: 24em;
    animation:bar-move-endstop .8s cubic-bezier(0.86,0,0.07,1) 0.8s forwards;
}
.is-loaded .bar-anim-spcl-mv-02 {
    width: 30em;
    animation:bar-move-endstop .8s cubic-bezier(0.86,0,0.07,1) 1.0s forwards;
}
.bar-anim-wh {
    background-color:white;
    position: absolute;
    top: 0.2em;
    left: 0;
    display: block;
    z-index: 10;
    width: 0;
    height: 1.8em;
    transform:scaleX(0);
}
.is-loaded .bar-anim-wh {
    width: 16.6em;
    animation:bar-move-endstop .8s cubic-bezier(0.86,0,0.07,1) 1.2s forwards;
}
@keyframes bar-move-endstop {
0% {
		transform-origin:left;
		transform:scaleX(0);
	}
	100% {
		transform-origin:left;
		transform:scaleX(1);
	}
}
@keyframes alpha-move-hs{
     0% {
         opacity: 0;
     }
	   100% {
        opacity: 1;
    }
}
.bar-anim-line{
    background-color:var(--acc-color);
    position: absolute;
    bottom: 0.2em;
    left: 0;
    display: block;
    z-index: 10;
    width: 0;
    height: 2px;
    transform:scaleX(0);
}
.is-loaded .bar-anim-line {
    width: 5.5em;
    animation:bar-move-endstop .8s cubic-bezier(0.86,0,0.07,1) 1.6s forwards;
}
.btm-link__wrap .bar-anim04{
    top:-.01em;
    height:1.5em
}
.btm-link__wrap .bar-anim05{
    height: 2em
}
.h1-spcl01, .h1-spcl02{
    font-size: 4rem
}

@media screen and (max-width:1280px) {
    #top-spcl-mv .h1-sub-spcl {
        margin-top: 0.178em;
    }
    #top-spcl-mv{
        height: 52vw;
    }
}
@media screen and (max-width:1080px) {
    .h1-spcl01, .h1-spcl02{
        font-size: 3.6rem;
    }
    .is-loaded .bar-anim-spcl-mv-01 {
        width: 378px
    }
    .is-loaded .bar-anim-spcl-mv-02 {
        width: 465px
    }
    .bar-anim-spcl-mv-02{
        top: 51px;
    }
    #top-spcl-mv .h1-sub-spcl {
        margin-top: 0.188em;
    }
    .is-loaded .bar-anim-wh{
        width: 285px;
    }
}
@media screen and (max-width:959px) {
    #top-spcl-mv{
        height: 62vw;
    }
    .top-spcl-mv-person{
        left: 0;
        right: 0;
        text-align: center;
    }
    .top-spcl-mv-person img {
        width: auto;
        height: 61vw;
        max-height: 560px;
    }
    .bar-anim-wh{
        top:0.05em
    }
    .h1-spcl03{
        top:-3px
    }
}

@media screen and (max-width:767px) {
    #top-spcl-mv{
        background: url(/wp-content/themes/tokai-recruit/img/specialist/top/mv__bg-sp.jpg) no-repeat center top;
        background-size: cover;
        height: 60vh;
        margin-top: 68px;
    }
    .h1-spcl01, .h1-spcl02 {
        font-size: 36px;
    }
    .h1-spcl03{
        font-size: 15px;
    }
    .bar-anim-spcl-mv-01, .bar-anim-spcl-mv-02{
        height: 53px;
    }
    .is-loaded .bar-anim-spcl-mv-01 {
        width: 348px;
    }
    .is-loaded .bar-anim-spcl-mv-02 {
        width: 438px;
    }
    .is-loaded .bar-anim-wh {
        width: 270px;
    }
    .bar-anim-wh{
        height: 25px;
        top: 0.1rem;
    }
    #top-spcl-mv .h1-sub-spcl {
        margin-top: .2rem;
    }
    .bar-anim-spcl-mv-02{
        top: 50px
    }
}
@media screen and (max-width:599px) {
    #top-spcl-mv .h1-wrap {
        top: 10%;
        transform: translateY(-10%);
    }
    #top-spcl-mv{
       height: 60vh;
    }
    .h1-spcl01, .h1-spcl02{
        font-size: 7vw
    }
    .bar-anim-spcl-mv-01, .bar-anim-spcl-mv-02{
        height: 12vw;
    }
    .is-loaded .bar-anim-spcl-mv-01 {
        width: 70vw;
    }
    .is-loaded .bar-anim-spcl-mv-02 {
        width: 86vw
    }
    .is-loaded .bar-anim-wh {
        width: 269px;
    }
    .bar-anim-wh{
        height: 28px
    }
    #top-spcl-mv .h1-sub-spcl{
        margin-top: .6rem;
    }
    .bar-anim-spcl-mv-02 {
        top: 5.3rem;
    }
    .btm-link__wrap .bar-anim05{
        width: 13em!important
    }
    .h1-spcl03{
        top:-1px;
    }
}
@media screen and (max-width: 520px) {
    .bar-anim-spcl-mv-01, .bar-anim-spcl-mv-02 {
        height: 11vw;
    }
    #top-spcl-mv .h1-sub-spcl {
        margin-top: .6rem;
    }
}
@media screen and (max-width:480px) {
    .bar-anim-spcl-mv-02 {
        top: 4.9rem;
    }
    #top-spcl-mv .h1-sub-spcl {
        margin-top: .4rem;
    }
}
@media screen and (max-width:450px) {
    .bar-anim-spcl-mv-02 {
        top: 4.6rem;
    }
    #top-spcl-mv .h1-sub-spcl {
        margin-top: .6rem;
    }
}
@media screen and (max-width:430px) {
    .h1-spcl01, .h1-spcl02,.h1-spcl03{
        padding-left: 12px;
    }
    #top-spcl-mv .h1-sub-spcl {
        margin-top: .6rem;
    }
    .is-loaded .bar-anim-wh {
        width: 265px;
    }
}
@media screen and (max-width:399px) {
.bar-anim-spcl-mv-02 {
        top: 3.8rem;
    }
    #top-spcl-mv .h1-sub-spcl {
        margin-top: 0rem;
        padding-top:.1rem
    }
}
.spcl-inner{
    width: 100%;
    max-width: 1280px;
    margin: auto;
}

/**　top-system　**/
.syetem-category{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.syetem-category > div{
    width: 48%;
    border: solid 1px var(--acc-color);
    border-radius: 10px;
    padding: 40px 30px 50px; 
}
.ttl__bg-crc{
    margin: 60px auto 30px;
}
.ttl__bg-crc span{
    background: var(--acc-color);
    padding: 3px 30px 5px;
    color: white;
    border-radius: 40px;
    line-height: 1
}
.spcl__field-list{
    display: flex;
    justify-content: space-between;
    gap:5%;
}
#top-challenge.section{
    padding-top: 0;
}

.ttl__challenge img{
    max-width: 550px;
}
.h2__challenge{
    margin-top: -30px;
}
.list__checkmark{
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #eee;
}
.list__checkmark li{
    position: relative;
    margin-bottom: 1em;
    padding-left: 30px;
}
.list__checkmark li::before{
    position: absolute;
    top: .3em;
    left: 0;
    content: "";
    background: url(/wp-content/themes/tokai-recruit/img/specialist/top/icon__check.svg) no-repeat;
    background-size: cover;
    width: 1.4em;
    height: 1.4em;
}
.w960{
    max-width: 960px;
    margin: auto;
}
.spcl-block__inner{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin: auto;
    gap:50px
}
.spcl-block__inner02{
    flex-direction: row;
}
.spcl-block__inner03{
    width: 100%;
    max-width: 1280px;
    margin: auto;
}
.spcl-block__img{
    width: 578px;
}
.spcl-block__txt{
    width: calc(100% - 578px);
}
#top-policies .img__policies{
    margin-top: 25px;
}
.img__policies img{
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.08);
}
.bar-anim-special{
    top:1em;
}
.scrollin .bar-anim-special{
    top:1em;
}
.spcl-block__img img {
    width: 100%;
    height: auto;
}
.bar-anim-sp{display: none;}
@media screen and (max-width:1300px) {
    .spcl-block__inner,.spcl-inner,.spcl-block__inner03{
        padding: 0 5vw;
    }
    .spcl-block__txt{
        width: 60%;
    }
    .spcl-block__img{
        width: 40%;
    }
    .spcl-block__img img{
        width: 100%;
        height: auto;
        max-width: 578px;
    }
}
@media screen and (max-width:767px) {
    .spcl-block__inner{
        flex-direction: column-reverse;
    }
    .spcl-block__txt{width: 100%;}
    .spcl-block__img{
        width: 80%;
        margin: auto;        
    }
    .spcl-block__img img{
        max-width: 350px
    }
    #top-policies .img__policies, #top-policies .ttl__policies{
        text-align: center;
    }
    
    .ttl__challenge img{
        width: 60vw;
    }
    .h2__challenge{
        margin-top: -.6em
    }
    .syetem-category > div{
        padding: 20px 25px 30px;
    }
}
@media screen and (max-width:599px) {
    #top-interview.section{
        padding-bottom: 3rem
    }
    #bottom-interview.section{
        padding-bottom: 3rem
    }
    .ttl__challenge img{
        width: 68vw;
    }
    .syetem-category{
        flex-direction: column;
        gap:20px;
        margin-top: 5vw;
    }
    .syetem-category > div{
        width: 100%;
        padding: 5vw 5vw 6vw;
    }
    .br-sp{display: block}
    .bar-anim-sp{
        display: block;
        margin-top:1.2em;
    }
    .bar-anim-pc{
        width: 9.5em!important
    }
    .spcl__field-list{
        flex-wrap: wrap
    }
    .spcl__field-list li{
        width: 47.5%;
        margin-bottom: 5%;
    }
    .ttl__bg-crc {
        margin: 10vw auto 5vw;
    }
    #top-system.section{
        padding-bottom: 5rem
    }
}
@media screen and (max-width:480px) {
    .ttl__top-interview img {
        width: 34vw;
    }
}


.spcl__h2ttl-set{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 9;
}


.ttl__top-interview img{
    max-width: 350px;
}
.spcl-interview-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:20px;
    position: relative;
    z-index: 10;
    margin-top: 40px;
    margin-bottom: -100px;
}
.spcl-interview-list li{
    width: 47%;
    margin-bottom: 100px;
}
.spcl-interview-list li a .img{
    position: relative;
    text-align: center;
}
.spcl-interview-list li a .img img{
    max-width: 320px;
    text-align: center;
    margin-top: -60px;
}


.spcl-interview-list li a .txt{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:1em;
    line-height: 1;
    padding: 20px 10px;
    background: white;
    border-radius: 0 0 10px 10px;
    transition: all .4s ease;
}
.spcl-interview-list li a .txt::after{
    content: '>';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.0rem;
    width: 2em;
    height: 2em;
    color: #fff;
    border-radius: 1em;
    background: var(--acc-color);
    line-height: 1.6;
    padding: .2em;
    text-align: center;
    transition: all .4s ease;
}
.spcl-interview-list li a{
    position: relative;
    display: block; 
    border-radius: 10px;
    background: var(--lightblue);
    transition: box-shadow 0.4s ease-in-out; 
}
.spcl-interview-list li a:hover {
    text-decoration: none;
    opacity: 1;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
    
}
.spcl-interview-list li a:hover .txt{
    background: var(--acc-color);
    color: white;
}
.spcl-interview-list li a:hover .txt::after {
    background: white;
    color: var(--acc-color);
}
@media screen and (max-width:959px) {
    .spcl-interview-list li a .txt{
        flex-direction: column;
        line-height: 1.4;
        gap:0;
        text-align: center;
    }
    .ttl__top-interview img{
        max-width: 280px;
        width: 32vw;
    }
    .spcl-interview-list li a .img img{
        width: 60%;
    }
    .spcl-interview-list .bar-anim {
        right: 0;
        margin: auto;
    }
    .interview-name{
        line-height: 1.0;
        margin-top: 5px;
    }
    .interview-name .bar-anim-name{
        top:-.3em
    }
}
@media screen and (max-width:599px) {
    .interview-name .fs-14{
        font-size: 2.5vw
    }
    .spcl-interview-list{gap:0}
    .spcl-interview-list li{
        width: 48%;
    }
    .spcl-interview-list li a .img img {
        width: 70%;
    }
    /*.spcl-interview-list{
        flex-direction: column;
    }*/
    .ttl__top-interview img{
        max-width: 250px;
        width: 30vw;
    }
    .spcl-interview-list{
        margin-bottom: -14vw;
    }
/*    .spcl-interview-list li{
        width: 100%;
        margin-bottom: 14vw;
    }*/
    .spcl-interview-list li a .txt{
        padding: 10px;
    }
    .interview-department{
        font-size: 13px;
    }
    .spcl-interview-list li a .txt::after{
        right: 6px;
    }
    .spcl-interview-list{
        margin-top: 17vw;
    }
    .bar-anim-special{
        width: 32vw!important;
    }
}
@media screen and (max-width:480px) {
    .spcl-interview-list li a .img img{
        width: 80%
    }
}

.spcl-etclink-list{
    display: flex;
    justify-content: space-between;
}
.spcl-etclink-list li{
    width: 49%;
    display: flex;
    gap:40px;
    align-items: center;
}
.spcl-etclink-list li .img{
    width: 55%;
}
.spcl-etclink-list li .txt{
    width: 45%;
}

.img-bdr-radius img{
    border-radius: 10px;
}
.img-bdr-radius20 img{
    border-radius: 20px;
}
.img-bdr-radius20-r img{
    border-radius: 0 20px 20px 0;
}

.btm-entry__btn-wrap > div + div{
    margin-top: 20px;
}
.btm-entry__btn.btm-contact__btn a{
    background: white;
    color: var(--acc-color);
}
.btm-entry__btn.btm-contact__btn a:hover{
   background: var(--bg-color-light); 
}
.btm-entry__btn.btm-contact__btn a::after {
    color: #fff;
    background: var(--acc-color);
}
.btm-entry__btn.btm-contact__btn a:hover::after {
    color: var(--bg-color-light); 
}
.btm-entry__btn a:hover{
   background: var(--bg-color-light); 
}
.btm-entry__btn a:hover::after {
    color: var(--bg-color-light); 
}

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

}
@media screen and (max-width:1280px) {
    .spcl-etclink-list li{
        gap:3vw
    }
}
@media screen and (max-width:959px) {
    .top-h3ttl{
        font-size: 3vw
    }
    .spcl-etclink-list li .img{
        width: 45%;
    }
    .spcl-etclink-list li .txt{
        width: 50%
    }
}
@media screen and (max-width:599px) {
    .spcl-etclink-list{
        flex-direction: column;
    }
    .spcl-etclink-list li{
        width: 100%;
        gap: 10vw;
    }
    .spcl-etclink-list li + li{
        margin-top: 10vw;
    }
   .spcl-etclink-list li .img{
        width: 35%;
    }
    .spcl-etclink-list li .txt{
        width: 60%
    }
    .top-h3ttl{
        font-size: 5vw
    }
}


.ttl__top-media img{
    max-width: 330px;
}
.hs__h2ttl-set02{
    align-items:flex-end
}

.media-list{
    margin-top: 40px;
}
.media-list .img{
    width: 30%;
    padding: 30px 0
}
.media-list .txt{
    width: 70%;
    padding: 30px 0 30px 40px;
    vertical-align: middle;
}
.zoom-link{
    line-height: 1;
    color: var(--acc-color);
    margin-top: 0.5em;
    text-align: right;
}
.zoom-link img{
    max-width: 12px
}
.media-list tr:first-child td{
    border-top: solid 1px #D6D6D6;
}
.media-list td{
    border-bottom: solid 1px #D6D6D6;
}
.ttl__top-media-sp{
    display: none;
}

@media screen and (max-width: 1300px) {
    .media-list .img{width: 40%}
    .media-list .txt{width: 60%}
}
@media screen and (max-width: 959px) {
    .ttl__top-media img {
        max-width: 260px;
        width: 35vw;
    }
    .media-list .img,.media-list .txt{
        width: 50%;
    }
}
@media screen and (max-width:599px) {
    .hs__h2ttl-set02 .txt-set{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .hs__h2ttl-set .txt-set > :nth-child(-n+2) {
        width: 50%;
    }
    .hs__h2ttl-set .txt-set > :nth-child(3) {
        width: 100%;
    }
    .ttl__top-media{display: none}
    .ttl__top-media-sp{
        display: block;
        text-align: right;
    }
    .ttl__top-media img {
        max-width: 200px;
        width: 35vw;
    }
    .top-media__description {
        margin-top: .5em
    }
    .media-list .img,.media-list .txt{
        width: 100%;
        display: block;
    }
    .media-list tr:first-child td.txt{
       border-top: none; 
    }
    .media-list .img{
        border-bottom: none;
        padding-bottom: 0;
        padding-top: 5vw;
    }
    .media-list .txt{
        padding-left: 0;
        padding-top: 0;
    }
    .media-list__thumnail {text-align: center}
    .media-list__thumnail img{
        width: 70%;
        height: auto;
    }
}

.foot__list-hs{
    display: flex;
    gap:1.5em;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid 1px #707070;
    flex-wrap: wrap;
}
@media screen and (max-width:767px) {
    .foot__list-hs{
        gap:.5em;
    }
    .foot__list-hs li{
        margin-right: 1.0em;
    }
}
@media screen and (max-width:595px) {
    .foot__list-hs li{
        min-width: 47%;
        margin-right: 0;
    }
}
@media screen and (max-width:1500px) {
    #mv .h1-wrap.h1-wrap-2l{
        padding-top: 10.5vw;
    }
}
@media screen and (max-width:959px) {
    #mv .h1-wrap.h1-wrap-2l{
        padding-top: 12.5vw;
    }
}
@media screen and (max-width:767px) {
    #mv .h1-wrap.h1-wrap-2l{
        padding-top: 6.4vw;
    }
}

/*------------------------------------
募集要項
------------------------------------*/
.description-list{margin-top: 20px;}
.description-list tr:first-child th,.description-list tr:first-child td{
    border-top: solid 1px #D6D6D6;
}
.description-list th,.description-list td{
    border-bottom: solid 1px #D6D6D6;
    padding: 30px 0
}
.description-list th{
    width: 20%;
    padding: 30px 0;
    text-align: left;
}
.description-list td{
    width: 80%;
    padding: 30px 0 30px 40px;
    text-align: left;
}

/*------------------------------------
FAQ
------------------------------------*/
.faq-list dl{
    border-bottom:solid 1px #E5E5E5;
    padding-bottom: 3em;
    margin-bottom: 3em;
}
.faq-list dt{
    position: relative;
    display: flex;
    align-items: center;
    color: var(--acc-color);
    font-weight: bold;
    margin-bottom: .8em;
}
.faq-list dt:before{
    content: "Q";
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 3rem;
    color: var(--acc-color);
    border: solid 1px var(--acc-color);
    width: 1.5em;
    height: 1.5em;
    line-height: 1;
    border-radius: 4px;
    margin-right: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.1em;
}
.faq-list dd{
    position: relative;
    display: flex;
}
.faq-list dt > div,.faq-list dd > div{
    width: calc(100% - 2em)
}
.faq-list dd:before{
    content: "A";
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 3rem;
    color: white;
    background: var(--acc-color);
    border: solid 1px var(--acc-color);
    width: 1.5em;
    height: 1.5em;
    line-height: 1;
    border-radius: 4px;
    margin-right: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.1em;
}

@media (max-width: 599px) {
    .faq-list dt:before,.faq-list dd:before{
        font-size: 2.4rem
    }
    #mv .mv-bg img.mv-faq{
                transform: scale(1.2);
    }
}


/*------------------------------------
INTERVIEW
------------------------------------*/
.h1-shadow .h1-p01,.h1-shadow .h1-p02{
    mix-blend-mode:multiply;

    /*text-shadow: 3px 3px 1px rgba(255, 255, 255, 1);*/
}
/*.h1-shadow .h1-p01,.h1-shadow .h1-p02{
    background: white;
    padding-right: .2em;
    padding-bottom: .15em;
}*/


#mv .msg-mv-interview1 {
    color:var(--moji-color);
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.4;
    margin-top: 1rem;
}
#mv .msg-mv-interview2 {
    color:var(--moji-color);
    margin-top: 1rem;
}
.bar-anim-2l{
    height: 3.3em;
}
.bar-25em{width: 25em!important;}
.bar-24em{width: 24em!important;}
.is-loaded .msg-mv-interview1 .bar-anim03{
    top:0rem
}

.ttl-interview img{
    max-width: 220px;
}
@media screen and (max-width: 1360px) {
    #mv .h1-wrap.h1-shadow h1{
        font-size: 3.2vw;
    }
}
@media screen and (max-width: 960px) {
    #mv.mv-interview .mv-bg {
        width: 48vw;
    }
     #mv.mv-interview .mv-bg img{
        transform: scale(1.92) translateX(4vw);
    }
    #mv .h1-wrap.h1-shadow h1{
        font-size: 4vw;
    }
}

@media (max-width: 767px) {
    #mv .h1-wrap.h1-shadow h1{
        font-size: 3.98vw
    }
    .h1-shadow .h1-p01,.h1-shadow .h1-p02{
        background: none;
        padding-right: 0;
        padding-bottom: 0;
    }
    #mv.mv-interview .mv-bg {
       width: 100vw;
    }
     #mv.mv-interview .mv-bg img{
        transform: scale(1.2);
    }
}
@media (max-width: 599px) {

    .ttl-interview img{
        max-width: 200px;
        width: 28vw;
    }
    #mv .h1-wrap.h1-shadow {
        padding: 6.8vw 0 0 3rem;
        width: 94%;
    }
    #mv .h1-wrap.h1-shadow h1{
        font-size: 5.06vw
    }
}
@media (max-width: 430px) {
    .msg-mv-interview2 .fs-16{
        font-size: 3.4vw
    }
    .bar-25em {
        width: 88vw
    }
    .bar-24em {
        width: 85vw
    }
}

.spcl-interview-list-u li a{
    background: #F6F8F8
}

/*===================================
制度・待遇
===================================*/
.ttl-personnel img{ max-width: 280px}
.img-policies-02 img{ max-width: 540px;}
.ttl-employee img{ max-width: 480px;}
.ttl-phd img{max-width: 370px;}
@media (max-width: 767px) {
    #personnel .spcl-block__inner, #phd .spcl-block__inner{
        flex-direction: column;
        gap:30px;
    }
}
@media (max-width: 599px) {
    .ttl-personnel img {
        max-width: 230px;
        width: 34vw;
    }
    .ttl-phd img{
        max-width: 370px;
        width: 55vw
    }
    
}
/*===================================
フロー
===================================*/
.process {
    display: flex;
    flex-direction: column;
    position: relative;
}
.step {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    position: relative;
    justify-content: flex-start;
}
.step-circle-wrap{
    width:100px;
}
.step-circle {
    width: 66px;
    height: 66px;
    background-color: #1E4E9D;
    color: white;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
}
.step-circle span {
    display: block;
    font-weight: bold;
}
.step-circle::after {
    content: '';
    position: absolute;
    width: 2px;
    height: calc(100% + 66px);
    background-color: #415B9F;
    top: 66px;
    left: 50%;
    transform: translateX(-50%);
}
.step:last-child .step-circle::after {
    display: none;
}
.step-content {
    width: calc(100% - 100px);
    display: flex;
}
.step-title {
    font-weight: bold;
    color: #1E4E9D;
    align-self: center;
    width: 225px;
}
.step-description {
    width: calc(100% - 250px);
    margin-top: 0;
}
@media (max-width: 959px) {
    .step{
        align-items: flex-start
    }
    .step-content {
        flex-direction: column;
        align-items: center;
    }
    .step-circle-wrap{
        width: 88px;
    }
    .step-title {
        white-space: nowrap;
        margin-right: 10px;
        align-self: flex-start;
        width: 8em;
    }
    .step-description {
        width:100%
    }
}
@media (max-width: 767px) {
    .step-content{
        flex-direction: column;
    }
     .step-title {
        width: 100%
    }
    .step-description {
        width: 100%;
        line-height: 1.6;
    }
    .step-description .note{
        line-height: 1.3
    }
    .step{
        margin-bottom: 40px;
    }
}
@media (max-width: 599px) {
    .step-circle-wrap{
        width:66px;
    }
    .step-circle {
        width: 56px;
        height: 56px;
    }
    .step-content{
        width: calc(100% - 80px)
    }
    .step{
        margin-bottom: 7vw;
    }
    .step-circle::after {
        height: calc(100% + 3vw + 56px);
        top: 56px;
    }
    
}
@media (max-width: 420px) {
    .step-circle::after {
        height: calc(100% + 10vw + 56px);
    }
}



/*----------------------------------------
フォーム
----------------------------------------*/
#lp-form {
	/*padding:20px 0 10%;*/
   padding: 5% 0 0;
}
#lp-form.confirm-page{
    padding-top: 2.5%;
}
.lp-form-title h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 10px;
	padding: 11px 10px 8px 22px;
	border: 1px solid #ccc;
	border-radius: 0 5px 5px 0;
	border-left: 7px solid #004ea2;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.lp-form-table {
	width:100%;
	margin-bottom:50px;
	border-radius: 5px;
	border-spacing: 10px;
}
     .lp-form-table tr:first-child th,.lp-form-table tr:first-child td {
         border-top: 1px solid #D3D3D3;
    }
.lp-form-table th,.lp-form-table td {
	padding:25px 15px;
	text-align: left;
}
.lp-form-table th {
	position:relative;
	width:30%;
	font-weight:bold;
	vertical-align: top;
	border-bottom:1px solid #D3D3D3;
}
.lp-form-table td {
	width:70%;
	border-bottom:1px solid #D3D3D3;
	position: relative;
}
.lp-form-table td.border-none {
	border-bottom:none;
}
.form-text {
	font-size:14px;
	line-height: 1.5em;
}
.color-red {
	color:red;
}
.under-line {
	text-decoration: underline;
}
.hissu {
	position:absolute;
	top:15px;
	right:-7px;
	font-size:13px;
	background:red;
	color:white;
	padding:2px 10px;
}
input[type="radio"] + label {
	padding-left:5px;
	padding-right:10px;
	line-height:2.2em;
}
input[type="text"], input[type="password"], input[type="email"], textarea,select{
	border:1px solid #D3D3D3;
	padding:10px;
    font-size: 105%;
    line-height: 1.4;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{
	border:1px solid #0682c5;
}
.address {
	display: block;
	margin-bottom:20px;
}
.link {
	text-decoration:underline;
	padding-left:10px;
}
.pravacy{
    background: #EEE;
    padding: 20px;
    line-height: 1.5rem;
    margin: 30px 0;
    height: 200px;
    overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	font-size:14px;
}
.pravacy a{
	color:blue;
	text-decoration:underline;
}
.submit {
	cursor: pointer;
	background-color: var(--acc-color);
	border-radius:7px;
	color: white;
border: solid 2px var(--acc-color);
	font-weight: bold;
	margin:2% auto 0;
	padding: 18px 15px;
	text-align: center;
width: 80%;
	max-width: 500px;
    transition: all .4s ease;
}
.submit:hover{
	background-color: #F1F5F9;
	color: var(--acc-color);
}
label[for="doui"] {
	font-size:14px;
}
label[for="doui"]::after {
	content:"必須";
	font-size:13px;
	background:red;
	color:white;
	padding:2px 10px;
	margin-left:5px;
}
.form_item{
    padding: 10px 10px 8px 15px;
    background-color: #004ea2;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
}
input[type="checkbox"]{
	/*transform: scale(1.4);*/
  
}
input[type="checkbox"] + label {
	padding-left:10px;
	padding-right:5px;
	line-height:2.2em;
}
.form textarea {
    width: 390px;
    height: 88px;
    border: 1px solid #969696;
    background: #f8f7f2;
    vertical-align: middle;
    margin: 10px 0 0;
    line-height: 1.4;
}
.confirmbtn{
    margin-bottom: 100px;
}
@media screen and (max-width:599px){
      input[type="checkbox"]{
          transform: scale(1.4);
    }

     #lp-form {
      width:100%;
      padding:25px 0;
     }
     #lp-form.confirm-page{padding-top: 15px;}
     .lp-form-title h3 {
      font-size:16px;
      margin-bottom:20px;
      padding: 11px 10px 8px 10px;
      font-weight: normal;
     }
     .lp-form-table {
      margin-bottom:20px;
      border:none;
      border-radius: 0;
      border-spacing: 0;
     }

    .lp-form-table th,.lp-form-table td {
      padding:15px 10px;
      text-align: left;
      width:100%;
      display:block;
     }
    .lp-form-table th{
        padding-bottom: 0
    }
    .lp-form-table tr:first-child th,.lp-form-table th{
        border-bottom: none
    }
     .lp-form-table tr:first-child td,.lp-form-table td {
      border-top:none;
     }
     .form-text {
      font-size:12px;
     }
     .hissu {
      position:absolute;
      top:15px;
      right:10px;
      font-size:13px;
      background:red;
      color:white;
      padding:2px 10px;
     }
     input[type="radio"] + label {
      padding-left:5px;
      padding-right:10px;
      line-height:2.2em;
     }
     input[type="text"], input[type="password"], input[type="email"], textarea,select{
      border:1px solid #CCCCCC;
      padding:8px;
      box-shadow: 5px 5px 5px -5px rgba(0,0,0,0.2) inset;
      border-radius: 5px;
      width:100%;
     }
     input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{
      border:1px solid #0682c5;
     }
     input[name="yyyy"],input[name="mm"],input[name="dd"] {
      width:50% !important;
      margin-bottom:10px;
     }
     .lp-form-table select {
      width:100% !important;
     }
    input.henkan{
        width: 7em;
    }
    .address{
        margin-bottom: 0
    }
}
::placeholder {
    font-size: 0.85em;
    color: #aaa;
    line-height: 1.4;
}
/* 未記入 */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    background-color: #f5f5f5;
}

/* 記入後 */
input[type="text"]:not(:placeholder-shown),
input[type="email"]:not(:placeholder-shown),
input[type="tel"]:not(:placeholder-shown),
textarea:not(:placeholder-shown) {
    background-color: #ffffff;
}

/* Chromeのオートフィル対策 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
    box-shadow: 0 0 0px 1000px #ffffff inset;
}
/*---------------------------------
確認画面
--------------------------------*/
.submit.confirm{
    margin-top: 40px;
    display: flex;
        width: 80%;
    max-width: 500px;
    justify-content: center;
}
.back {
    cursor: pointer;
    background-color: #fff;
    border-radius:7px;
    color: var(--acc-color);
    font-weight: bold;
    margin:22px auto 0;
    display: flex;
    padding:18px 15px;
    text-align: center;
    width: 80%;
    max-width: 500px;
    justify-content: center;
    border: solid 2px var(--acc-color);
}
.back:hover{
    background-color: #F1F5F9;
}
.h4-confirm{
    padding: 0 10px;
    margin-bottom: 20px;
}
.head-confirm{
    padding-bottom: 10px;
}
.head-confirm .plpar3{
    padding-left: 0;
}
#lp-confirm{
    padding: 2% 0 7%
}
.foot-sitettl{
    margin-bottom: .8em;
    font-size: 2rem;
}
@media (max-width: 1200px) {
    .foot-sitettl{
        font-size: calc(1.8rem + ((1vw - 0.375rem) * 0.4848));
        min-height: 0vw;
    }
}
@media (max-width: 599px) {
    .foot-sitettl{
        font-size: calc(1.8rem + ((1vw - 0.375rem) * 0.7273));
        min-height: 0vw;
    }
}

.button-group{
    margin-bottom: 80px;
}
.button-group .submit.confirm{
    margin-top: 20px;
}
@media (max-width: 599px) {
    .button-group{
        margin-bottom: 40px;
        margin-top: 40px;
    }
}


/*ADD250307*/
#global-head .logo img, #global-head .logo svg {
    width: 404px;
}

@media (max-width: 767px) {
  #global-head .logo img,#global-head .logo svg {
    width:100%;
    height: auto;
  }
}


.head-sp #global-head .logo img,.head-sp #global-head .logo svg{
    max-width: 350px;
    width: 80vw;
}

.head-sp #global-head .logo{
    width: 80vw
}
.contact-blue #bottom-interview{
    background: white!important;
}