@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 1600px) {

/* ────────────────────── *
 *                                              *
 * 採用サイト遷移                               *
 *                                              *
 * ────────────────────── */

#recruit .inner::before {
    left: calc(100vw * -285 / 1600);
}

}

@media only screen and (min-width: 0px) and (max-width: 750px) {


/* ────────────────────── *
 *                                              *
 * メインビジュアル                             *
 *                                              *
 * ────────────────────── */

#mainvisual {
    height: 108.0rem;
}
#mainvisual .group#group-04 {
    transition: opacity 1s 0.5s, filter 1s 0.5s;
}
#mainvisual .group .mv#mv-sp {
    display: block;
}
#mainvisual .group .mv#mv-01 {
    display: none;
}
#mainvisual .group .mv#mv-02 {
    display: none;
}
#mainvisual .group .mv#mv-03 {
    display: none;
}
#mainvisual .group .mv#mv-04 {
    display: none;
}
#mainvisual .group .mv#mv-05 {
    display: none;
}
#mainvisual .group .mv#mv-06 {
    display: none;
}
#mainvisual .group .mv#mv-07 {
    width: 52.0rem;
    left: 4.5rem;
    top: 76.0rem;
}

/* ────────────────────── *
 *                                              *
 * イントロ                                     *
 *                                              *
 * ────────────────────── */

#intro {
    font-size: 2.4rem;
    line-height: 2.66;
    background: url("../../image/bg-intro-sp.jpg") no-repeat center center / cover;
    text-align: center;
    height: 133.0rem;
    padding-top: 15.0rem;
    display: block;
    box-sizing: border-box;
}
#intro .inner {
    display: block;
}
#intro .inner p {
    -ms-writing-mode: lr;
    writing-mode: horizontal-tb;
    margin-left: 0;
    margin-bottom: 7.0rem;
}
#intro .inner p:nth-of-type(2),
#intro .inner p:nth-of-type(3) {
    margin-left: 0;
}
#intro .inner p:last-of-type {
    margin-bottom: 0;
}

/* ────────────────────── *
 *                                              *
 * インタビュー                                 *
 *                                              *
 * ────────────────────── */

#interview {
    padding: 30.0rem 0 13.0rem;
}
#interview .inner::before {
    top: -44.0rem;
}
#interview .inner h2 {
    margin-bottom: 12.0rem;
    margin-left: 7.0rem;
}
#interview .inner h2 img.txt-02 {
    margin-left: 0;
}
#interview .inner #interview-index {
    display: block;
}
#interview .inner #interview-index .item {
    width: 100%;
    margin-bottom: 1.0rem;
}
#interview .inner #interview-index .item:last-of-type {
    margin-bottom: 0;
}
#interview .inner #interview-index .item p.copy {
    font-size: 3.6rem;
    left: 7.0rem;
    top: 7.0rem;
}
#interview .inner #interview-index .item p.copy span.bg {
    padding: 1.5rem;
}
#interview .inner #interview-index .item p.name {
    font-size: 2.8rem;
    left: 7.5rem;
    top: 82.0rem;
}
#interview .inner #interview-index .item p.name::before {
    width: 0.2rem;
    height: 13.0rem;
    top: -17.0rem;
    transform: translateX(-50%);
}
#interview .inner #interview-index .item p.more {
    font-size: 2.0rem;
    width: 20.0rem;
    height: 7.0rem;
    padding-right: 1.8rem;
    border-top-left-radius: 1.0rem;
}
#interview .inner #interview-index .item p.more::after {
    border-width: 0.5rem 0 0.5rem 1.0rem;
    right: 3.0rem;
}

/* ────────────────────── *
 *                                              *
 * 採用サイト遷移                               *
 *                                              *
 * ────────────────────── */

#recruit {
    background: url("../../image/bg-recruit.jpg") no-repeat center center / cover;
    padding: 10.0rem 0;
}
#recruit .inner {
    width: 100%;
    display: block;
}
#recruit .inner h3 {
    width: 41.0rem;
    margin: 0 auto 7.0rem;
}
#recruit .inner ul.btn {
    width: 52.0rem;
    margin: 0 auto;
    display: block;
}
#recruit .inner ul.btn li {
    width: 100%;
    height: 13.0rem;
    margin-bottom: 2.0rem;
}
#recruit .inner ul.btn li a {
    border: 0.2rem solid #33759b;
    border-radius: 13.0rem;
}
#recruit .inner ul.btn li span.ja {
    font-size: 2.8rem;
    margin-bottom: 0.5rem;
}
#recruit .inner ul.btn li span.ja::after {
    width: 1.8rem;
    height: 1.6rem;
    left: calc(100% + 1.0rem);
    top: 0.5rem;
}
#recruit .inner ul.btn li span.en {
    font-size: 1.6rem;
}
#recruit .inner p.illust {
    width: 48.6rem;
}
/*
#recruit .inner {
    width: 58.0rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#recruit .inner::before {
    width: 54.0rem;
    height: 38.0rem;
    left: calc(100vw * -85 / 750);
    top: 68.0rem;
}
#recruit .inner .left {
    width: 100%;
    order: 2;
}
#recruit .inner .left h3 {
    margin: 0 auto 5.0rem;
}
#recruit .inner .left p.more {
    font-size: 2.4rem;
    width: 40.0rem;
    height: 10.0rem;
    margin: 0 auto;
    border: 0.2rem solid #33759b;
    border-radius: 10.0rem;
}
#recruit .inner .left p.more::after {
    width: 2.4rem;
    height: 1.6rem;
    right: 7.2rem;
    top: calc(50% - 0.5rem);
}
#recruit .inner .left p.more a {
    padding-right: 4.0rem;
}
#recruit .inner .right {
    width: 100%;
    margin-bottom: 7.0rem;
    order: 1;
}
*/
#recruit p#pagetop {
    width: 12.0rem;
    right: 4.0rem;
    bottom: 6.0rem;
}

}