@charset 'UTF-8';

/************************                            1600px
************************/
@media only screen and (max-width:1600px){

  /* HEADER */
  .header-logo a{
    gap:16px;
  }

  .header-menu{
    gap:20px;
  }

}
/* 1600px END */



/************************                            1440px
************************/
@media only screen and (max-width:1440px){

  /* HEADER */
  .main-header__header-menu{
    padding-right:100px;
  }
  .header-menu li a{
    font-size:13px;
  }

  .menu-toggler{
    top:50px;
    width:76px;
    height:76px;
  }
  .menu-toggler__icon{
    width:40%;
  }
  .menu-toggler__text{
    font-size:12px;
  }

}
/* 1440px END */



/************************                            1240px
************************/
@media only screen and (max-width:1240px){

  /* LAYOUT SYSTEM */
  body{
    min-width:1240px;
  }

}
/* 1240px END */



/************************                            991px
************************/
@media only screen and (max-width:991px){

  /* LAYOUT SYSTEM */
  body{
    min-width:auto;
  }

  /* HEADER */
  .main-header{
    height:100px;
  }
  .header-logo__logo img{
    width:60px;
  }
  .header-menu{
    display:none;
  }

  /* DRAWER */
  .menu-toggler{
    top:12px;
  }

  /* FOOTER */
  .main-footer__menus{
    flex-wrap:wrap;
    gap:40px;
  }
  .main-footer__menus__recruit{
    width:100%;
  }
  .main-footer__banners{
    gap:30px;
  }

  /* TOP */
  .mvgrid__link__title{
    font-size:14px;
    padding-left:18px;
  }
  .mvgrid__link__title::before{
    width:14px;
    height:14px;
    top:4px;
  }

  .top-mv__flex01__main{
    width:89.6vw;
  }
  .top-mv__flex01__sub{
    flex-direction:row;
    width:89.6vw;
  }
  .top-mv__flex01__sub__grid{
    width:calc((100% - 5.2vw) / 2);
  }
  .top-mv__flex03{
    grid-template-columns:repeat(2,1fr);
  }

  .top-recruit__head{
    flex-wrap:wrap;
  }

  .top-recruit__box{
    padding:72px 40px;
  }

  .jobs-archive a{
    flex-wrap:wrap;
  }
  .jobs-archive__thumb{
    margin:0 auto;
    width: 100%;
    height: auto;
    max-width: 400px;
  }
  .jobs-archive__body{
    width:100%;
  }
  .jobs-archive__vm{
    margin-left:auto;
  }

  /* PAGE COMMON */
  .page-header__titles{
    position:relative;
    padding-left:40px;
  }
  .page-header__title--en{
    font-size:50px;
  }
  .page-header__title--jp{
    font-size:16px;
  }

  /* ABOUT */
  .about-sec02{
    background:none;
  }
  .about-sec02__flex{
    gap:40px;
    justify-content:center;
  }
  .about-sec02__flex-box{
    max-width:100%;
  }

  .about-sec03__tab{
    margin-top:80px;
  }
  .about-sec03__cont{
    padding:60px 0;
    overflow:hidden;
  }
  .about-sec03__cont-bg{
    width:100%;
    height:320px;
  }
  .about-sec03__cont-slider__item-flex{
    gap:20px;
    justify-content:center;
  }
    .about-sec03__cont-slider__item-flex__img-logo{
        text-align:center;
    }
  .about-sec03__cont-slider__item-flex__img-logo img{
    width:auto;
    height:200px;
    margin:0 auto;
  }
  .about-sec03__cont-slider__item-flex__box{
    max-width:100%;
    padding:40px;
  }
    .about-sec03__cont-slider__item-flex__img-item {
        margin-top:120px;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }
    .about-sec03__cont-slider__item-flex__img-item.brand02{
        top:0;
    }
  .about-sec03__cont-slider__item-flex__img-item{
    position:relative;
  }
  .about-sec03__cont-slider-nav-wrap{
    padding:0 40px;
  }
  .about-sec03__cont-slider__item-flex__box-text{
    font-size:16px;
  }

  .about-sec04__flex{
    flex-wrap:wrap;
    justify-content:center;
    gap:40px;
  }

  .about-sec05{
    overflow:hidden;
  }

  /* INTERVIEW ARCHIVE */
  .interview-archive__article__flex{
    justify-content:center;
    flex-wrap:wrap;
    gap:50px;
  }
  .interview-archive__article__flex__content{
    width:auto;
  }

  /* INTERVIEW SINGLE */
  .int-header__container__bg{
    display:none;
  }
  .int-header__container__content{
    position:relative;
    background:var(--pink); 
    padding:100px 0 200px;
  }
  .int-header__container__content__flex{
    flex-wrap:wrap;
    height:auto;
    gap:40px;
  }
  .int-header__container__content__flex__img{
    margin:0 auto;
    margin-top:120px;
  }
  .int-header__container__content__flex__content{
    margin:0 auto;
  }
  .int-header__comment__box__titlebox{
    left:calc(50% - 112px);
  }

  .int-main__head{
    margin-bottom:50px;
  }
  .int-main__head__flex{
    flex-wrap:wrap;
    gap:50px;
  }
  .int-main__head__flex__content{
    width:100%;
  }
  .int-main__head__img{
    display:none;
  }
  .int-main__mainbox__leftbox, .int-main__mainbox__rightbox{
    width:100%;
  }
  .int-main__mainbox__img{
    position:relative;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    padding:40px;
    text-align:center;
  }

  .int-schedule{
    background:var(--pink);
  }
  .int-schedule__bg{
    display:none;
  }
  .int-schedule__inner{
    position:relative;
    padding:80px 0;
  }
  .int-schedule__timelinebox{
    position:relative;
    overflow-x:scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;

    height:600px;
    width:calc(100% + 40px);
    left:-20px;
  }
  .schedule__timelinebox::-webkit-scrollbar {
    display:none;
  }
  .int-schedule__line{
    top:300px;
    width:1200px;
    padding:0 40px;
  }
  .int-schedule__line::before{
    width:100%;
    left:0;
  }
  .int-schedule__titlebox{
    position:relative;
    top:0;
    margin-bottom:50px;
  }

  .int-message__box__title{
    left:calc(50% - 122.5px);
  }
  .int-message__box__img{
    position:relative;
    transform:none;
    text-align:center;
    padding-top:20px;
  }


  /* SHOP */
  .shop-card__flex{
    justify-content:center;
    gap:40px;
  }
  .shop-card__flex-box{
    padding-left:0;
  }

  .shop-sec__cont{
    padding:72px 40px;
  }

  /* WELFARE */
  .welfare-sec__grid{
    grid-template-columns:repeat(2,1fr);
  }

  /* CAREER */
  .career-sec01__cont{
    overflow-x:scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .career-sec01__cont::-webkit-scrollbar {
    display:none;
  }
  .career-sec01__cont>*{
    width:1200px;
  }


  /* RECRUITING SINGLE */
  .recruit-single-sec__body-flex{
    flex-wrap:wrap;
    gap:40px;
  }
  .recruit-single-sec__body-flex__img{
    text-align:center;
    padding-right:0;
    margin:0 auto;
  }


  /* COLUMN */
  .column-archive__articles{
    grid-template-columns:repeat(2,1fr);
    gap:60px;
  }


}
/* 991px END */



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

    .margin-top{
        margin-top:60px;
    }
    .padding-top{
        padding-top:60px;
    }


    .padding-tb{
        padding:60px 0;
    }

    /* HEADER */
    .header-logo__logo img{
        width:50px;
    }
    .header-logo__texts--year{
        font-size:21px;
    }
    .header-logo__texts--title{
        font-size:12px;
    }

    /* FOOTER */
    .main-footer__menus__sitemap{
        width:100%;
    }
    .main-footer__menus__recruit__columns{
        flex-wrap:wrap;
        gap:30px;
    }
    .main-footer__banner{
        text-align:center;
    }
    .main-footer__banners{
        grid-template-columns:1fr;
        gap:20px;
    }

    /* TOP */
    .mvgrid__img{
        border-radius:10px;
    }
    .top-mv__flex01__sub{
        flex-wrap:wrap;
    }
    /*
    .top-mv__flex01__sub__grid,
    .top-mv__flex02__grid{
        width:89.8vw;
    }
    */
    .top-mv__flex03{
        grid-template-columns:1fr 1fr;
    }

    .top-recruit__box{
        padding:40px 20px;
    }
    .top-recruit__box__title.searchicon{
        flex-wrap:wrap;
        gap:20px;
    }

    /* COMMON */
    .page-header__titles{
        width:100%;
        padding:0 20px;
    }
    .page-header__title--en{
        font-size:40px;
    }

    /* ABOUT */
    .career-sec01__lead{
        font-size:20px;
        margin-bottom:30px;
    }
    .about-sec03__tab{
        margin-bottom:40px;
    }
    .about-sec03__tab ul{
        gap:10px;
    }
    .about-sec03__tab ul li{
        font-size:12px;
        max-width:30%;
        padding:6px 0;
    }
    .about-sec03__tab ul li::before{
        width:100%;
    }


    .about-sec03__cont{
        padding: 0 0 40px;
        background:#efeee5;
    }
    .about-sec03__cont-bg{
        /*
        height:200px;
        */
        display:none;
    }
    .about-sec03__cont-slider__item-flex__img-logo{
        background:var(--pink);
        padding:26px 0;
    }
    .about-sec03__cont-slider__item-flex__img-logo img{
        height:120px;
    }
    .about-sec03__cont-slider__item-flex__img-item{
        margin-top:0;
        height:50vw;
        width:100vw;
    }
    .about-sec03__cont-slider__item-flex__img-item img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
    }
    .about-sec03__cont-slider__item-flex__box{
        padding:20px;
    }
    .about-sec03__cont-slider__item-flex__box-ttl{
        margin-bottom:20px;
    }
    .about-sec03__cont-slider-nav{
        margin-top:30px;
    }

    .about-sec04{
        height:auto;
        margin-top:0;
        padding:80px 0;
        background:var(--pink);
    }
    .about-sec04__flex-lead{
        font-size:28px;
    }

    .about-sec05__flex{
        gap:40px;
    }
    .about-sec05__flex-img,
    .about-sec05__flex-box{
        width:100%;
    }
    .about-sec05__flex-img > img{
        display:none;
    }
    .about-sec05__flex-box__ttl{
        gap:20px;
        margin-bottom:30px;
    }
    .about-sec05__flex-box__ttl-text{
        font-size:26px;
    }

    .about-sec06{
        height:auto;
        background:var(--pink);
        margin-top:100px;
        padding-top:60px;
    }
    .about-sec06__flex-box{
        padding-top:0;
        max-width:100%;
        margin-bottom:60px;
    }
    .about-sec06__flex-img{
        width:100%;
        max-width:100%;
    }

    /* INTERVIEW */
    .interview-archive{
        padding:100px 0;
    }
    .interview-archive__article a{
        padding:55px 16px 30px;
    }
    .interview-archive__article__flex{
        gap:20px;
    }
    .interview-archive__article__title{
        font-size:22px;
    }
    .interview-archive__article__title br{
        display:none;
    }
    .interview-archive__article__numbers em{
        font-size:40px;
    }
    .interview-archive__article__numbers{
        gap:14px;
        font-size:26px;
    }
    .interview-archive__article__namecard--position{
        font-size:12px;
    }
    .interview-archive__article__namecard--name{
        font-size:20px;
        gap:16px;
    }
    .interview-archive__article__namecard--name span{
        font-size:14px;
    }
    .interview-archive__article .ankerinner-link{
        margin-top:20px;
    }


    /* INTERVIEW SINGLE */
    .int-header__container__content{
        padding:80px 0 160px;
    }
    .int-header__container__content__flex__img{
        width:100%;
        max-width:550px;
    }
    .int-header__container__content__flex__img__cover{
        width:100%;
        left:0;
        top:-100px;
        height:100%;
    }
    .int-header__container__content__flex__img__cover__text{
        gap:10px;
        font-size:24px;
        justify-content:flex-start;
    }
    .int-header__container__content__flex__img__cover__text em{
        font-size:44px;
    }

    .int-header__container__content__flex__content__title{
        font-size:24px;
    }
    .int-header__container__content__flex__content__names{
        margin:30px 0;
    }
    .int-header__container__content__flex__content__title.scrollin{
        clip-path:none !important;
    }

    .int-header__comment__box__titlebox{
        padding:10px;
    }
    .int-header__comment__box{
        width:100%;
        padding:60px 20px 30px;
    }
    .int-header__comment__box__titlebox--text{
        font-size:18px;
    }

    .int-main{
        padding-top:80px;
    }
    .int-main__head--title{
        font-size:32px;
    }
    .int-main__head--subtitle{
        font-size:14px;
    }
    .int-main__articledl--num{
        font-size:24px;
        width:80px;
    }
    .int-main__articledl--title{
        font-size:18px;
        width:calc(100% - 80px);
    }
    .int-main__articledl dd{
        padding-left:0;
    }
    .int-main__mainbox:not(:last-of-type){
        margin-bottom:40px;
    }

    .int-schedule{
        margin-top:80px;
    }
    .int-schedule__inner{
        padding:60px 0;
    }
    .int-schedule__title{
        font-size:32px;
    }

    .int-schedule__timelinebox{
        height:440px;
    }
    .int-schedule__line{
        top:220px;
    }
    .int-schedule__line__li__box{
        height:200px;
    }
    .int-schedule__line__li__time{
        font-size:34px;
    }
    .int-schedule__line__li__box::before{
        height:50px;
    }

    .int-message__box{
        padding:55px 20px 30px;
    }
    .int-message__box__subtitle{
        font-size:20px;
    }
    .int-message__box__text{
        font-size:14px;
    }


    /* SHOP */
    .shop-sec__cont{
        padding:50px 20px;
    }
    .shop-sec__cont-header__tab{
        gap:20px;
    }
    .shop-sec__cont-header__tab li{
        font-size:16px;
        height:40px;
        line-height:38px;
    }
    .shop-sec__cont-header__anchor{
        margin-top:30px;
    }
    .shop-sec__cont-header__anchor-item__ttl{
        font-size:16px;
    }
    .shop-sec__cont-body__item{
        padding-top:60px;
    }
    .shop-sec__cont-body__item-ttl{
        padding:18px 0;
        font-size:20px;
    }
    .shop-sec__cont-body__item-ttl img {
        margin-right: 10px;
    }
    .shop-sec__cont-body__item-ttl__local{
        padding:18px 0;
        font-size:18px;
    }
    .shop-card__flex{
        gap:30px;
    }
    .shop-card__flex-img{
        width:100%;
        max-width:440px;
    }
    .shop-card__flex-box{
        width:100%;
        max-width:440px;
    }
    .shop-card__flex-box__name{
        font-size:20px;
    }
    .shop-card__flex-box__text-pin{
        right:0;
    }
    .shop-card__flex-box__more a{
        padding:14px;
    }


    /* WELFARE */
    .welfare-sec__grid{
        grid-template-columns:1fr;
    }


    /* CAREER */
    .career-sec02{
        background:var(--pink);
        margin-top:60px;
        height:auto;
        padding-bottom:60px;
        margin-bottom:0;
    }


    /* DATA */
    .data-sec{
        background:transparent;
    }


    /* RECRUITING - ARCHIVE */
    .jobs-archive__title{
        overflow:visible;
        -webkit-line-clamp:inherit;
        line-clamp:inherit;
        height:auto;
    }


    /* RECRUITING - SINGLE */
    .recruit-single-sec__body-flex__box > h2{
        font-size:16px;
    }
    .recruit-single-sec__body-flex__box p{
        font-size:14px;
    }

    .recruit-single-sec__body-info__ttl{
        font-size:16px;
        padding:14px;
        margin-bottom:10px;
    }
    .recruit-single-sec__body-info__table dl dt, .recruit-single-sec__body-info__table dl dd{
        width:100%;
        padding:14px;
    }
    .recruit-single-sec__body-info__table dl dt{
        padding-bottom:0;
        border-bottom:0;
    }

    .recruit-single__fixedcont{
        padding:10px 0;
    }
    .recruit-single__fixedcont__links{
        flex-wrap:wrap;
        gap:10px;
    }
    .recruit-single__fc-tellink{
        font-size:10px;
        display:flex;
        gap:10px;
        align-items:center;
    }
    .fc-tellink{
        font-size:18px;
    }
    .recruit-single__fixedcont__entry{
        width:100%;
    }
    .recruit-single__fixedcont__entry .entrybtn{
        width:100%;
        height:36px;
        font-size:18px;
    }


    /* ENTRY FORM */
    .entry-form__apply{
        padding:20px;
        gap:10px;
        margin-bottom:30px;
    }
    .entry-form__apply dt{
        font-size:16px;
    }
    .entry-form__apply__text{
        font-size:18px;
    }

    .form-dls dl{
        flex-wrap:wrap;
        gap:14px;
    }
    .form-dls dl dt,
    .form-dls dl dd{
        width:100%;
        padding:0;
    }
    form input[type="text"], form input[type="email"], form input[type="url"], form input[type="tel"], form input[type="number"], form input[type="date"], form textarea{
        width:100%;
    }
    input[type="text"][name="your-year"]{
        width:80px;
    }
    input[type="text"][name="your-month"]{
        width:60px;
    }
    input[type="text"][name="your-date"]{
        width:60px;
    }
    input[type="text"][name="zipcode"]{
        width:180px;
    }


    /* COLUMN */
    .column-archive__categories li a{
        font-size:16px;
        padding:8px 16px;
    }
    .column-archive__articles{
        grid-template-columns:1fr;
    }
    .column-archive__article__title{
        font-size:16px;
    }

    .wp-pagenavi{
        gap:6px;
    }
    .wp-pagenavi span, .wp-pagenavi a{
        width:30px;
        height:30px;
    }


    .column-single__body{
        font-size:14px;
    }


}
/* 767px END */

/************************                            480px
************************/
@media only screen and (max-width:480px){

    .spnone{
        display:none;
    }

    body{
        font-size:14px;
    }

    /* HEADER */
    .main-header{
        height:60px;
        padding:0 10px;
    }
    .header-logo__logo img{
        width:30px;
    }
    .header-logo a{
        gap:10px;
    }
    .header-logo__texts{
        gap:4px;
    }
    .header-logo__texts--year{
        font-size:14px;
    }
    .header-logo__texts--title{
        font-size:10px;
    }

    .menu-toggler{
        top:10px;
        right:10px;
        width:40px;
        height:40px;

        gap:4px;
        padding-bottom:3px;
    }
    .menu-toggler__icon img{
        width:16px;
    }
    .menu-toggler__text{
        font-size:8px;
    }

    /* DRAWER */
    .drawer-logo__logo img{
        width:52px;
    }
    .drawer-logo__texts--year{
        font-size:24px;
    }
    .drawer-menu li a{
        font-size:16px;
    }


    /* FOOTER */
    .main-footer__sectiontitle{
        font-size:12px;
    }
    .main-footer__menus__sitemap__list{
        gap:10px;
    }
    .main-footer__menus__sitemap__list li a{
        font-size:14px;
    }
    .main-footer__menus__recruit__list{
        font-size:14px;
    }

    .main-footer__infos__logo img{
        max-width:180px;
    }

    .copyright{
        font-size:10px;
    }



    /* PAGE COMMON */
    .page-header__mv{
        max-width:88%;
    }
    .page-header__title--en{
        font-size:32px;
    }


    /* TOP */
    .top-title--en{
        font-size:40px;
    }
    .top-title--jp{
        font-size:16px;
    }

    .top-recruit__box__title.searchicon{
        padding-left:40px;
        gap:10px;
    }
    .top-recruit__box__title--en{
        font-size:24px;
    }
    .top-recruit__box__title--jp{
        font-size:15px;
    }
    .top-recruit__box__title.searchicon::before{
        top:3px;
    }

    .top-recruit__box__section__toggler li{
        font-size:15px;
    }
    .top-recruit__search__title {
        font-size: 14px;
        margin-bottom: 6px;
    }
    .top-recruit__search:not(:last-of-type){
        margin-bottom:16px;
    }
    .top-recruit__search__select, .top-recruit__search__text{
        padding:12px !important;
    }
    .top-recruit__search__checkboxes{
        padding:16px;
    }


    .jobs-archive__tags span{
        font-size:12px;
        padding:1px 10px;
    }
    .jobs-archive__tags{
        margin-bottom:6px;
    }
    .jobs-archive__date{
        font-size:12px;
    }
    .jobs-archive__vm--text::before{
        width:30px;
        height:30px;
    }
    .jobs-archive__vm--text{
        font-size:15px;
    }



    /* ABOUT */
    .about-sec03__cont-slider__item-flex__box-lead{
        font-size:20px;
    }
    .about-sec03__cont-slider__item-flex__box-text{
        font-size:14px;
    }
    .about-sec04__flex-lead{
        font-size:22px;
    }
    .about-sec04__flex-text{
        font-size:14px;
    }

}
/* 480px END */