/* page mv */
.sec-recruit-top {
    line-height: 0;
    position: relative;
}

.img-mv > img {
    width: 100%;
    max-width: 100%;
}

.sec-recruit-top .title-box h2 {
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 2.4em;
    letter-spacing: 0.18em;
    color: #786958;
}

.sec-recruit-top .title-box .catch {
    font-size: 3.4rem;
    line-height: 54.85px;
    letter-spacing: 0.08em;
    color: #786958;
    white-space: nowrap;
}

.sec-recruit-top .recruit-sns-list {
    position: absolute;
    text-align: center;
    right: 50px;
    bottom: 0;
}

.sec-recruit-top .recruit-sns-list li {
    margin-bottom: 34px;
}

.w980 {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#btn_top {
    display: none;
}

@media screen and (min-width: 769px) {
    .sec-recruit-top .title-box {
        position: absolute;
        top: 50%;
        right: 50px;
        transform: translateY(-50%);
        color: #786958;
        text-align: right;
    }

    .top-page .btn-anc {
        position: absolute;
        left: calc(50% - 32px);
        bottom: 45px;
    }

    .top-page .btn-anc img {
        width: 45px;
        line-height: 0;
    }
}

@media screen and (max-width: 768px) {
    .sec-recruit-top .title-box {
        padding: 9.3333vw 7.4667vw 4.0000vw;
    }

    .sec-recruit-top .title-box h2 {
        line-height: 1.2em;
        margin-bottom: 5.3333vw;
        letter-spacing: 0;
        font-size: 4em;
        white-space: nowrap;
    }

    .sec-recruit-top .title-box .catch {
        line-height: 1.2em;
        font-size: 4.9333vw;
        white-space: nowrap;
    }

    .sec-recruit-top .recruit-sns-list {
        display: none;
    }

    .btn-anc {
        text-align: center;
        margin-top: 4.6667vw;
        margin-bottom: 15.3333vw;
    }

    .btn-anc img {
        width: 8.5333vw;
        line-height: 0;
    }

    .w980 {
        max-width: 100%;
    }
}

/************************
  top page
************************/

@media screen and (min-width: 769px) {
    img.title-img-news {
        width: 127px;
        height: 30px;
    }

    img.title-img-line {
        width: 115px;
        height: 26px;
    }

    img.title-img-message {
        width: 222px;
        height: 30px;
    }

    img.title-img-recruit {
        width: 204px;
        height: 30px;
    }

    img.title-img-realface {
        width: 259px;
        height: 30px;
    }
}

@media screen and (max-width: 768px) {
    img.title-img-news {
        width: 16.9333vw;
        height: 4vw;
    }

    img.title-img-line {
        width: 19.6000vw;
        height: 4.4000vw;
    }

    img.title-img-message {
        width: 29.6000vw;
        height: 4vw;
    }

    img.title-img-recruit {
        width: 27.2000vw;
        height: 4vw;
    }
}

/* sec-top-banner */
.sec-top-banner {
    line-height: 0;
    margin-top: -15px;
    position: relative;
    z-index: 10;
    padding-bottom: 65px;
}

.sec-top-banner .inner {
    max-width: 1200px;
    margin: 0 auto;
}

.sec-top-banner img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .sec-top-banner {
        margin: 0;
        padding-bottom: 7.4667vw;
    }
}

/* sec-top-news */
.sec-top-news .inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    color: #333333;
    padding-bottom: 55px;
}

.sec-top-news .box-news {
    width: 842px;
    border: 1px solid #4d4d4d;
    padding: 35px 45px 0;
    display: flex;
}

.sec-top-news .box-news .box-inner {
    min-width: 200px;
}

.sec-top-news .box-line {
    width: 336px;
    border: 1px solid #4d4d4d;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 10px;
}

.sec-top-news .box-news li {
    display: flex;
    margin-bottom: 12px;
}

.sec-top-news .box-news h2 {
    margin-top: 5px;
}

.sec-top-news .box-news .date {
    min-width: 100px;
    font-size: 1.6rem;
    font-weight: 300;
    letter-spacing: 0.2em;
    margin-right: 30px;
}

.sec-top-news .box-news .text {
    font-size: 1.6rem;
}

.sec-top-news h2.g-line:after {
    margin: 0.24em 0 0.24em;
}

.sec-top-news .box-line h2 + p {
    font-size: 1.6rem;
    margin-bottom: 4px;
    font-weight: 500;
}

.sec-top-news .box-line p {
    font-size: 1.6rem;
    line-height: 1.13875em;
    margin-bottom: 8px;
    font-weight: 300;
}

.sec-top-news .btn-line img {
    width: 147px;
}

@media screen and (max-width: 768px) {
    .sec-top-news .inner {
        display: block;
        text-align: center;
        padding-bottom: 12.6667vw;
        color: #000;
        font-weight: normal;
    }

    .sec-top-news .inner a {
        color: #000;
    }

    .sec-top-news .box-news {
        width: 100%;
        display: block;
        padding: 4vw 2.6667vw;
        margin-bottom: 8.6667vw;
    }

    .sec-top-news .box-line {
        width: 100%;
        padding: 4vw 2.6667vw;
    }

    .sec-top-news .news-list {
        text-align: left;
        margin-top: 5.3333vw;
    }

    .sec-top-news h2.g-line:after {
        margin-left: auto;
        margin-right: auto;
    }

    .sec-top-news .box-news .date {
        min-width: 22.6667vw;
        font-size: 2.2em;
        margin-right: 0;
    }

    .sec-top-news .box-news .text {
        font-size: 3em;
        font-weight: 200;
        line-height: 1.266em;
    }

    .sec-top-news .box-line h2 + p {
        margin: 0.5em;
        font-weight: 400;
        font-size: 3.4em;
        letter-spacing: 0.1em;
    }

    .sec-top-news .box-line p {
        font-size: 3em;
        margin-bottom: 15px;
        line-height: 1.666em;
        font-weight: 200;
    }

    .sec-top-news .btn-line img {
        width: 47.1354vw;
    }
}

/* sec-top-message */
.sec-top-message {
    padding: 50px 0 40px;
}

.sec-top-message .inner {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.sec-top-message p {
    font-weight: 300;
    line-height: 2.388em;
    font-size: 1.6rem;
}

.sec-top-message .t1 {
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 0.18em;
}

@media screen and (max-width: 768px) {
    .sec-top-message {
        padding: 5.3333vw 0 12.0000vw;
    }

    .sec-top-message p {
        font-size: 3em;
        line-height: 1.666em;
        letter-spacing: 0.1em;
    }

    .sec-top-message .t1 {
        font-size: 3.4em;
        line-height: 1.256em;
        letter-spacing: 0;
        font-weight: 400;
        margin-bottom: 0.5em;
        margin-top: 1em;
    }
}

/* sec-top-recruit */
.sec-top-recruit {
    text-align: center;
    padding-top: 65px;
    padding-bottom: 10px;
}

.sec-top-recruit .recruit-list {
    max-width: 852px;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 55px auto 0;
}

.sec-top-recruit .recruit-list > li {
    width: 252px;
    margin-bottom: 30px;
    border-bottom: 1px solid #4d4d4d;
}

.sec-top-recruit .recruit-list > li img {
    width: 100%;
}

.sec-top-recruit .recruit-list h3 {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: 0.1em;
    line-height: 1em;
}

.sec-top-recruit .recruit-list .text {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 40px;
}

.sec-top-recruit .recruit-list .text span {
    font-size: 1.6rem;
    line-height: 1.08375em;
    padding-bottom: 0.4em;
}

.sec-top-recruit .recruit-list .text span:after {
    content: '';
    display: inline-block;
    background: url(../img/recruit/top/icon_arriow_right.png) no-repeat center center /contain;
    width: 7px;
    height: 10px;
    margin-left: 8px;
}

@media screen and (max-width: 768px) {
    .sec-top-recruit {
        padding-top: 6.6667vw;
        padding-bottom: 9.3333vw;
    }

    .sec-top-recruit .recruit-list {
        margin: 7.3333vw auto 0;
    }

    .sec-top-recruit .recruit-list > li {
        width: 41.3333vw;
        margin-bottom: 7.3333vw;
    }

    .sec-top-recruit .recruit-list .text span:after {
        width: 1.0667vw;
        height: 1.6vw;
        margin-left: 1.3333vw;
    }

    .sec-top-recruit .recruit-list h3 {
        font-size: 2.4em;
    }

    .sec-top-recruit .recruit-list .text {
        height: 10vw;
    }

    .sec-top-recruit .recruit-list .text span {
        font-size: 2.8em;
    }
}

/* sec-top-salons */
.sec-top-salons {
    text-align: center;
    padding-top: 120px;
    padding-bottom: 50px;
}

.sec-top-salons .inner {
    max-width: 1096px;
    margin: 0 auto;
}

.sec-top-salons h2 {
    font-size: 2.2rem;
    font-weight: 400;
}

.sec-top-salons h2.g-line:after {
    width: 10.6771vw;
}

.sec-top-salons .ttl-sub-title {
    margin-bottom: 75px;
}

.sec-top-salons .salons-list {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.salons-list > li {
    padding: 1px;
    width: 508px;
    margin-bottom: 30px;
    text-align: left;
}

.salons-box {
    background-color: #fff;
    height: 100%;
}

.salons-box > a {
    display: flex;
    padding: 20px 0 20px 20px;
}

.salons-box > a > .text-box {
    order: 2;
    width: 268px;
    margin-left: 20px;
}

.salons-box > a > .img {
    order: 1;
    width: 200px;
}

.salons-box > a img {
    width: 100%;
}

.salons-box h3 {
    font-size: 1.6rem;
    letter-spacing: 0.1em;
}

.salons-box p {
    font-size: 14px;
    font-size: 300;
    line-height: 1.3em;
    letter-spacing: 0.05em;
}

.salons-box .g-line:after {
    font-size: 1.4rem;
    width: 54px;
    margin: 0.24em 0 0.24em;
}

@media screen and (min-width: 769px) {
    .sec-top-contact {
        background: url(../img/recruit/common/img_contact_title_bg.jpg) no-repeat center center / cover;
        width: 100%;
        height: 505px;
    }
}

@media screen and (max-width: 768px) {
    .sec-top-salons {
        text-align: center;
        padding-top: 8vw;
        padding-bottom: 5.3333vw;
    }

    .sec-top-salons h2 {
        font-size: 3.4em;
    }

    .sec-top-salons .ttl-sub-title {
        margin-bottom: 6.6667vw;
        font-size: 3em !important;
        letter-spacing: 0.12em !important;
        text-align: left;
    }

    .salons-list > li {
        width: calc(50% - 1.2vw);
        margin-bottom: 2vw;
    }

    .salons-box > a {
        display: flex;
        align-items: center;
        padding: 1.3333vw;
        padding-bottom: 0.5333vw;
    }

    .salons-box > a > .text-box {
        order: 2;
        width: 50%;
        margin: 0;
        padding-left: 1.3333vw;
    }

    .salons-box > a > .img {
        order: 1;
        width: 50%;
        margin: 0;
    }

    .salons-box h3 {
        font-size: 2.6em;
        line-height: 1.162;
        letter-spacing: 0;
    }

    .salons-box p,
    .salons-box .g-line:after {
        display: none;
    }
}

/************************
  sec-top-realface
************************/
.sec-top-realface {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 50px;
}

.sec-top-realface .inner {
    max-width: 1328px;
    margin: 0 auto;
    padding: 0 20px;
}

.sec-top-realface h3 {
    text-align: center;
    height: 60px;
}

.sec-top-realface .ttl-sub-title {
    margin-bottom: 90px;
}

.sec-top-realface .sns-box {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
}

.sec-top-realface .sns-box > div {
    margin-bottom: 40px;
}

.logo-insta {
    width: 150px;
}

.logo-youtube {
    width: 114px;
}

.logo-fb {
    width: 113px;
}

.logo-tw {
    width: 98px;
}

.insta-box {
    width: 814px;
    width: 63%;
    margin-right: 34px;
}

.youtube-box {
    width: 440px;
    width: 34%;
}

.facebook-box {
    width: 342px;
    margin: 0 27px;
}

.twitter-box {
    width: 344px;
    margin: 0 27px;
}

@media screen and (min-width: 769px) {

    .insta-box ul {
        display: flex;
        flex-flow: row wrap;
        margin-bottom: 10px;
    }

    .insta-box ul > li {
        width: 33.33%;
        line-height: 0;
    }

    .insta-box ul > li img {
        width: 100%;
    }

    .insta-box ul a {
        display: block;
    }

    .insta-box ul > li .img {
        display: block;
        width: 100% !important;
        ;
        height: auto !important;
        padding-bottom: 93%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
}

.youtube-box ul > li {
    margin-bottom: 10px;
}

.youtube-box .video-warp {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.youtube-box iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.facebook-box-inner,
.twitter-box-inner {
    height: 487px;
    border: 1px solid #4d4d4d;
    margin-bottom: 10px;
}

.twitter-timeline {
    height: 485px !important;
}

.sns-box .btn-more {
    text-align: right;
}

.sns-box .btn-more > a {
    text-decoration: underline;
    letter-spacing: 0.3em;
    font-size: 1.6rem;
}

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

    .sec-top-realface {
        padding: 0;
        padding-bottom: 10.6667vw;
    }

    .sec-top-realface h2 {
        display: none;
    }

    .sec-top-realface .title-inner {
        padding: 0;
    }

    .tt-gra,
    .sec-top-contact .text-box h2,
    .sec-top-realface .ttl-sub-title {
        margin-bottom: 4.0000vw;
        font-size: 4.4271vw !important;
        letter-spacing: 0.1em !important;
        color: #fff;
        font-weight: 500 !important;
        padding: 2.3333vw 0 !important;
        background: -moz-linear-gradient(0% 50% 0deg, rgba(232, 119, 154, 1) 13.34%, rgba(112, 173, 200, 1) 96.66%);
        background: -webkit-linear-gradient(0deg, rgba(232, 119, 154, 1) 13.34%, rgba(112, 173, 200, 1) 96.66%);
        background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0.1334, rgba(232, 119, 154, 1)), color-stop(0.9666, rgba(112, 173, 200, 1)));
        background: -o-linear-gradient(0deg, rgba(232, 119, 154, 1) 13.34%, rgba(112, 173, 200, 1) 96.66%);
        background: -ms-linear-gradient(0deg, rgba(232, 119, 154, 1) 13.34%, rgba(112, 173, 200, 1) 96.66%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8779A', endColorstr='#70ADC8' ,GradientType=0)";
        background: linear-gradient(90deg, rgba(232, 119, 154, 1) 13.34%, rgba(112, 173, 200, 1) 96.66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8779A', endColorstr='#70ADC8', GradientType=1);
    }

    .sec-top-realface h3 {
        height: 9.3333vw;
    }

    .sec-top-realface .sns-box > div {
        margin-bottom: 10.4000vw;
    }

    .logo-insta {
        width: 21.3333vw;
    }

    .logo-youtube {
        width: 16.5333vw;
    }

    .insta-box {
        width: 100%;
        margin: 0;
    }

    .youtube-box {
        width: 100%;
        padding: 0 4vw;
    }

    .recruit-insta-slider {
        overflow: hidden;
    }

    .insta-box ul {
        width: 100%;
        line-height: 0;
    }

    .insta-box ul li {
        width: 100%;
        line-height: 0;
        overflow: hidden;
    }

    .insta-box .img {
        display: block;
        width: 48vw;
        height: 43.7333vw;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .slick-slide img {
        width: 100%;
    }

    .twitter-box,
    .facebook-box {
        display: none;
    }

    .sec-top-realface .sns-links > li {
        border: 1px solid #000;
        width: 62.1333vw;
        height: 8.5333vw;
        text-align: left;
        box-shadow: 0.5333vw 0.5333vw 0.8000vw -0.2667vw rgba(0, 0, 0, 0.66);
        margin-bottom: 2.6667vw;
    }

    .sec-top-realface .sns-links > li > a {
        font-size: 2.2em;
        display: block;
        line-height: 8.5333vw;
        width: 62.1333vw;
        height: 8.5333vw;
        padding-left: 12.0000vw;
        position: relative;
        letter-spacing: 0.2em;
    }

    .sec-top-realface .sns-links > li > a:after {
        font-size: 1em;
        content: '>>';
        display: inline-block;
        position: absolute;
        right: 4.6667vw;

    }

    .btn-fb > a:before {
        content: '';
        display: inline-block;
        position: absolute;
        background: url(../img/recruit/common/icon_fb.png) no-repeat center center /contain;
        width: 1.7333vw;
        height: 3.6000vw;
        left: 5.0667vw;
        top: 2.2667vw;
    }

    .btn-tw > a:before {
        content: '';
        display: inline-block;
        position: absolute;
        background: url(../img/recruit/common/icon_tw.png) no-repeat center center /contain;
        width: 3.8667vw;
        height: 3.3333vw;
        left: 3.8667vw;
        top: 2.2667vw;
    }

    .sns-box .btn-more > a {
        font-size: 2.6em;
    }
}

/************************
  sec-top-contact
************************/
.sec-top-contact {
    padding-top: 70px;
}

.sec-top-contact .inner {
    max-width: 1288px;
    margin: 0 auto;
    position: relative;
}

@media screen and (min-width: 769px) {
    .sec-top-contact .text-box {
        position: absolute;
        width: 818px;
        /* margin-left: 550px;*/
        right: 20px;
        text-align: center;
        color: #333333;
    }
}

.sec-top-contact .text-box h2 {
    font-size: 2.2rem;
    font-weight: 400;
    margin-bottom: 45px;
}

.sec-top-contact .text-box .sub-text {
    font-size: 1.8rem;
    line-height: 1.73em;
    letter-spacing: 0.05em;
    color: #1A1A1A;
    font-weight: 300;
    margin-bottom: 5px;
}

.sec-top-contact .btn-c-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.sec-top-contact .btn-c {
    width: 377px;
    height: 100px;
    background-color: #999087;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 6px -2px rgba(0, 0, 0, 0.66);
}

.sec-top-contact .btn-c > a {
    display: block;
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.259em;
    font-weight: 300;
    letter-spacing: 0.1em;
    position: relative;
    width: 100%;
}

.sec-top-contact .btn-c > a:after {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(../img/recruit/common/icon_arriow_right_w.png) no-repeat center center /contain;
    width: 13px;
    height: 18px;
    right: 30px;
    top: 50%;
    margin-top: -9px;
}

.sec-top-contact .btn-c > a > span {
    font-size: 2rem;
}

.sec-top-contact .t-tel {
    font-size: 1.8rem;
    font-weight: 300;
    vertical-align: middle;
    display: inline-block;
}

.sec-top-contact .t-tel > span {
    font-size: 3.4rem;
    margin-left: 30px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -5px;
    letter-spacing: 0.1em;
}

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

    .sec-top-contact,
    .sec-top-contact .inner {
        padding: 0;
    }

    .sec-top-contact .text-box {
        width: 100%;
        margin: 0;
        text-align: center;
        color: #333333;
    }

    .sec-top-contact .text-box h2 {
        font-size: 3.2vw;
    }

    .sec-top-contact .g-line:after {
        display: none;
    }

    .sec-top-contact .text-box .sub-text {
        font-size: 3em;
        line-height: 1.666em;
        letter-spacing: 0.05em;
        font-weight: 300;
        padding: 0 5.6vw;
        text-align: left;
        margin-bottom: 1.5em;
    }

    .sec-top-contact .btn-c-box {
        width: 100%;
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .sec-top-contact .btn-c {
        width: 61.6vw;
        height: 13.0667vw;
        box-shadow: 0.5333vw 0.5333vw 0.8000vw -0.2667vw rgba(0, 0, 0, 0.66);
        margin: 0 auto 4vw;
    }

    .sec-top-contact .btn-c > a {
        display: block;
        color: #fff;
        font-size: 2.4em;
        line-height: 1.511em;
        font-weight: bold;
        letter-spacing: 0.1em;
        position: relative;
        width: 100%;
    }

    .sec-top-contact .btn-c > a > span {
        font-size: 1.2rem;
        font-weight: 400 !important;
    }

    .sec-top-contact .btn-c > a:after {
        width: 1.6vw;
        height: 2.4vw;
        right: 4.2667vw;
        top: 50%;
        margin-top: -1.2000vw;
    }

    .sec-top-contact .btn-c.sp {
        display: flex !important;
    }

    .sec-top-contact .btn-c.sp span {
        letter-spacing: 0.3em;
    }
}


/************************
  sub page common
************************/
/* sec-top-area */
.sec-top-area .inner {
    max-width: 1340px;
    margin: 30px auto 50px;
    ;
    position: relative;
}

.breadcrumb li span {
    font-size: 1.6rem;
    color: #333333;
}

.breadcrumb ul {
    max-width: 1210px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    font-weight: 300;
}

.breadcrumb li {
    display: inline-block;
    list-style: none;
}

.breadcrumb li:not(:last-child):after {
    font-size: 1.6rem;
    content: '>';
    padding: 0 3px 0 8px;
    color: #333333;
    display: inline-block;
}

.breadcrumb li:last-child:after {
    content: '';
}

.breadcrumb li a {
    display: inline-block;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .breadcrumb li span {
        font-size: 2.8646vw;
        font-weight: 300;
    }

    .breadcrumb ul {
        padding-left: 0;
        padding-right: 1.6000vw;
    }

    .breadcrumb li:not(:last-child):after {
        font-size: 2.8646vw;
        padding: 0 1.6000vw;
    }
}

.sec-top-area .recruit-sns-list {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}

.sec-top-area .recruit-sns-list a {
    margin: 0 8px;
}

.sec-top-area .recruit-sns-list img {
    vertical-align: middle;
}

.page-sub .btn-anc {
    text-align: center;
}

.page-sub .btn-anc img {
    width: 45px;
    line-height: 0;
}

.page-sub .sec-top-banner {
    line-height: 0;
    margin-top: 0;
    position: relative;
    padding-bottom: 70px;
}

.sec-qanda .inner,
.sec-schedule .inner,
.sec-recruiting .inner,
.sec-recruiting-point .inner {
    max-width: 1000px;
    margin: 0 auto;
}

/* accordion */

.ac li > ul,
.ac li > .sub-page {
    display: none;
}

.ac h3.more,
.ac li {
    margin-bottom: 20px;
    position: relative;
}

.ac h3 {
    font-size: 1.8rem;
    font-weight: 500;
    border-bottom: 1px dotted;
    padding: 8px 50px 8px 0;
    cursor: pointer;
    position: relative;
    transition: opacity .3s;
    letter-spacing: 0.1em;
    padding-left: 1.2em;
    text-indent: -1.2em;
}

.ac h3:hover {
    opacity: .6;
}

.ac p {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.5677em;
    padding: 8px 0;
}

.ac h3:after {
    content: '＋';
    display: inline-block;
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 18px;
}

.ac h3.active:after {
    content: '−';
}

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

    .ac h3.more,
    .ac li {
        margin-bottom: 2.6667vw;
        position: relative;
    }

    .ac h3 {
        font-size: 3.1em;
        padding: 1.0667vw 3.3333vw 1.0667vw 0;
        padding-left: 1.2em;
        text-indent: -1.2em;
        letter-spacing: -0.02em;
        font-weight: 500;
    }

    .ac p {
        font-size: 3em;
        line-height: 1.666em;
        padding: 1.0667vw 0;
    }

    .ac h3:after {
        right: 0;
        top: 1.3333vw;
        font-size: 1em;
    }
}

/* staff-voice */
@media screen and (min-width: 769px) {
    ul.staff-voice {
        display: flex;
        justify-content: space-between;
        flex-flow: row wrap;
        max-width: 1240px;
        margin: 0 auto 60px;
        color: #333333;
        padding: 0 20px;
    }

    ul.staff-voice.one {
        justify-content: center;
    }

    ul.staff-voice > li {
        width: calc(50% - 30px);
        text-align: left;
        display: flex;
        position: relative;
        min-height: 300px;
        margin-bottom: 30px;
    }

    ul.staff-voice > li:nth-child(even):after {
        content: '';
        display: inline-block;
        position: absolute;
        background: url(../img/recruit/newgraduate/img_hline.png) no-repeat center center / cover;
        width: 1px;
        height: 297px;
        top: 15px;
        left: -30px;
    }

    ul.staff-voice > li > div:nth-child(1) {
        width: 160px;
    }

    ul.staff-voice > li > div:nth-child(2) {
        width: calc(100% - 160px);
    }

    ul.staff-voice .img {
        width: 140px;
        height: 140px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        margin-bottom: 4px;
    }

    ul.staff-voice .img img {
        width: 100%;
    }

    ul.staff-voice .title {
        margin-bottom: 20px;
    }

    ul.staff-voice .title span {
        text-align: center;
        font-size: 1.2rem;
        color: #79347b;
        font-weight: 500;
    }

    ul.staff-voice .sub-inner p.text {
        font-size: 1.4rem;
        line-height: 1.295em;
        font-weight: 300;
        letter-spacing: 0.1em;
    }

    ul.staff-voice .sub-inner p.text > span {
        font-weight: 500;
    }

    ul.staff-voice > li > div:nth-child(2) p {
        font-size: 1.8rem;
        line-height: 1.5677em;
        font-weight: 300;
        margin-bottom: 40px;
    }

    .btn-staff-voice {
        text-align: right;
    }

    ul.staff-voice .btn-staff-voice a {
        width: 186px;
        height: 33px;
        line-height: 32px;
        background-color: #999087;
        font-size: 1.3rem;
        font-weight: 300;
        color: #fff !important;
        text-decoration: underline;
        display: inline-block;
        text-align: center;
        box-shadow: 4px 4px 6px -2px rgba(0, 0, 0, 0.66);
    }
}

@media screen and (max-width: 768px) {
    ul.staff-voice {
        margin-bottom: 8vw;
        padding: 0 4.2667vw;
        margin-bottom: 26.6667vw;
    }

    ul.staff-voice > li {
        width: 100%;
        display: block;
        position: relative;
    }

    ul.staff-voice .img {
        width: 27.0667vw;
        height: 27.0667vw;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    ul.staff-voice .img img {
        width: 100%;
    }

    ul.staff-voice .sub-inner {
        display: flex;
        align-items: center;
        margin-bottom: 6.6667vw;
        padding-top: 6.6667vw;
    }

    ul.staff-voice .title {
        width: 100%;
        position: relative;
        text-align: center;
    }

    ul.staff-voice > li > div:nth-child(2):after,
    ul.staff-voice .title:before {
        content: '';
        position: absolute;
        display: inline-block;
        background: url(../img/recruit/newgraduate/img_dotg_sp.png) no-repeat 0 0 / cover;
        height: 3px;
        width: 100%;
        top: 50%;
        left: 0;
    }

    ul.staff-voice > li > div:nth-child(2) {
        position: relative;
    }

    ul.staff-voice > li > div:nth-child(2):after {
        top: inherit;
        bottom: -6.6667vw;
        left: 0;
    }

    ul.staff-voice .title span {
        font-size: 4.2667vw;
        color: #79347b;
        text-align: center;
        font-weight: 500;
        position: relative;
        background-color: #fff;
        padding: 0 0.5em;
    }

    ul.staff-voice li:not(:first-child) .title {
        display: none;
    }

    ul.staff-voice .sub-inner p.text {
        text-align: left;
        font-size: 2.99em;
        line-height: 1.312em;
        font-weight: 300;
        padding-left: 5.3333vw;
        letter-spacing: 0.1em;
    }

    ul.staff-voice .sub-inner p.text > span {
        font-weight: 400;
    }

    ul.staff-voice > li > div:nth-child(2) p {
        text-align: left;
        font-size: 3em;
        line-height: 1.666em;
        font-weight: 300;
        margin-bottom: 6.6667vw;
    }

    ul.staff-voice .btn-staff-voice {
        text-align: right;
        position: absolute;
        right: 0;
        bottom: -18.6667vw;
    }

    ul.staff-voice .btn-staff-voice a {
        background-color: #999087;
        font-size: 2.8em;
        color: #fff !important;
        text-decoration: underline;
        display: inline-block;
        text-align: center;
        padding: 0.5333vw 1.3333vw;
        box-shadow: 0.5333vw 0.5333vw 0.8000vw -0.2667vw rgba(0, 0, 0, 0.66);
    }
}

.tt-normal {
    font-size: 2.8rem;
    color: #79347b;
    font-weight: 300;
    margin-bottom: 35px;
}

.tt-normal + p {
    text-align: left;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.567em;
    margin-bottom: 55px;
}

.tt-line {
    font-size: 2.8rem;
    color: #79347b;
    font-weight: 300;
    border-bottom: 21px solid #dedaee;
    display: inline-block;
    line-height: 0em;
    padding: 0 0.5em;
    margin-top: 1em;
    margin-bottom: 3px;
}

.tt-line > span {
    font-size: 3.723rem;
    font-weight: bold;
}

.c-line {
    font-size: 2rem;
    letter-spacing: 0.1em;
    color: #79347b;
    font-weight: 300;
    position: relative;
    width: 1018px;
    margin: 0 auto;
}

.c-line > span {
    display: inline-block;
    background-color: #fff;
    z-index: 1;
    position: relative;
    padding: 0 1em;
}

.c-line:before {
    content: '';
    position: absolute;
    display: inline-block;
    background: url(../img/recruit/newgraduate/img_dotg.png) no-repeat 0 0 / cover;
    background-size: 1018px 1x;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
}

@media screen and (min-width: 769px) {
    .tt-gra > span {
        display: none;
    }

    .tt-gra {
        display: flex;
        align-items: center;
        max-width: 1330px;
        margin: 0 auto 25px;
    }

    .tt-gra:before,
    .tt-gra:after {
        content: "";
        flex-grow: 1;
        height: 2px;
        margin: 0 .4em;
    }
}

@media screen and (max-width: 768px) {
    .tt-normal {
        font-size: 3.2em;
        font-weight: 500 !important;
        margin-bottom: 1em;
    }

    .tt-normal + p {
        text-align: left !important;
        font-size: 3em;
        font-weight: 300;
        line-height: 1.666em;
        margin-bottom: 1em;
    }

    .tt-line {
        font-size: 3.2em;
        font-weight: 500;
        border-bottom: 2.8vw solid #dedaee;
    }

    .tt-line > span {
        font-size: 1.375em;
    }

    .c-line {
        width: 100%;
        font-size: 2.4em;
        font-weight: 500 !important;
    }

    .tt-gra > img {
        display: none;
    }

    .sec-top-area .recruit-sns-list {
        display: none;
    }

    .tt-gra {
        text-align: center;
    }

    .c-line > span {
        font-size: 4.1667vw;
    }

    .page-sub .sec-top-area .inner {
        padding-top: 18.6667vw;
        padding-bottom: 5.3333vw;
        position: relative;
        margin: 0;
    }

    .page-sub .sec-top-area .btn-anc {
        position: absolute;
        text-align: center;
        margin-top: 7.2000vw;
        margin-bottom: 15.3333vw;
        top: 0;
        left: calc(50% - 4.2667vw);
    }

    .page-sub .sec-top-area .btn-anc img {
        width: 8.5333vw;
    }

    .page-sub .sec-top-banner {
        padding-bottom: 7.2000vw;
    }
}

.sec-schedule,
.sec-recruiting,
.sec-qanda,
.sec-recruiting-point {
    padding-bottom: 70px;
}

/* sec-recruiting */
.sec-recruiting .recruiting-list h3 {
    font-size: 1.8rem;
    font-weight: 500;
    border-bottom: 1px dotted;
    padding: 8px 0;
    cursor: pointer;
    position: relative;
    margin-bottom: 4px;
    letter-spacing: 0.1em;
}

.sec-recruiting .recruiting-list > li > div {
    font-size: 1.8rem;
    line-height: 1.5677em;
    margin-bottom: 26px;
    font-weight: 300;
}

.sec-recruiting .recruiting-list > li > div:last-child {
    margin-bottom: 10px;
}

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

    .sec-schedule,
    .sec-recruiting,
    .sec-qanda,
    .sec-recruiting-point {
        padding-bottom: 9.3333vw;
    }

    /* sec-recruiting */
    .sec-recruiting .recruiting-list h3 {
        font-size: 3.2em;
        padding: 1.0667vw 0;
        margin-bottom: 0.5333vw;
        font-weight: 500;
        letter-spacing: 0;
    }

    .sec-recruiting .recruiting-list > li > div {
        font-size: 3em;
        line-height: 1.666em;
        margin-bottom: 3.4667vw;
    }

    .sec-recruiting .recruiting-list > li > div:last-child {
        margin-bottom: 1.3333vw;
    }
}

/* sec-schedule */
.sec-schedule .schedule-list > li {
    display: flex;
}

.sec-schedule .schedule-list .date {
    font-size: 1.6rem;
    font-weight: 500;
    min-width: 170px;
    letter-spacing: 0.15em;
}

.sec-schedule .schedule-list .date > span {
    display: block;
    font-weight: 300;
}

.sec-schedule .schedule-list .venue {
    min-width: 170px;
    padding-top: 0.5em;
    padding-right: 16px;
}

.sec-schedule .schedule-list .venue p {
    background-color: #9082c3;
    color: #fff;
    font-size: 1.4rem;
    display: inline-block;
    padding: 0 0.5em;
}

.sec-schedule .schedule-list .text {
    font-size: 1.8rem;
    line-height: 1.5677em;
    width: 820px;
}

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

    /* sec-schedule */
    .sec-schedule .schedule-list > li {
        display: block;
        border-bottom: 1px dotted;
        padding: 2.6667vw 0;
    }

    .sec-schedule .schedule-list .date {
        font-size: 2.6em;
        font-weight: 500;
        min-width: 100%;
        letter-spacing: 0.15em;
    }

    .sec-schedule .schedule-list .date > span {
        display: inline-block;
        font-weight: 300;
    }

    .sec-schedule .schedule-list .venue {
        min-width: 170px;
        padding-top: 0.5em;
        padding-right: 16px;
        margin-bottom: 0.5em;
    }

    .sec-schedule .schedule-list .venue p {
        font-size: 2.2em;
    }

    .sec-schedule .schedule-list .text {
        font-size: 3em;
        line-height: 1.666em;
        width: 100%;
    }
}

/* sec-contents */
.page-sub .sec-contents .top-box {
    max-width: 786px;
    margin: 90px auto 60px;
    border: 1px solid #4d4d4d;
    padding: 45px 45px;
    text-align: left;
}

.page-sub .sec-contents .top-box ul {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.234em;
    margin: 0;
    padding: 0;
    padding-left: 1em;
    text-indent: -1em;
}

.page-sub .top-box-title img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 17px;
}

@media screen and (max-width: 768px) {
    .page-sub .sec-contents .top-box {
        max-width: 100%;
        padding: 3.4667vw 2.6667vw;
        margin: 8vw auto 5.3333vw;
    }

    .page-sub .sec-contents .top-box ul {
        font-size: 2.6em;
        font-weight: 300;
        line-height: 1.546em;
    }

    .page-sub .top-box-title img {
        width: 100%;
        margin-bottom: 2.6667vw;
    }
}

/* sec-contents */
.page-sub .sec-contents {
    text-align: center;
    padding-bottom: 60px;
}

.page-sub .sec-contents h2 {
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 0.2em;
    margin-bottom: 10px;
}

.page-sub .sec-contents p {
    font-weight: 300;
    line-height: 2.38875em;
    font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
    .page-sub .sec-contents {
        padding-bottom: 8vw;
    }

    .page-sub .sec-contents h2 {
        font-size: 3.4em;
        line-height: 1.1829em;
        margin-bottom: 1em;
    }

    .page-sub .sec-contents .inner p {
        /* padding: 0 4vw;*/
        font-size: 3em;
        line-height: 1.666em;
    }
}

/************************
  sub page newgraduate
************************/
.page-sub h4 {
    color: #79347b;
    font-weight: 300;
}

.page-sub p {
    font-weight: 300;
}

.page-sub .staff-voice {
    color: #000;
    font-size: 100%;
}

/* sec-education */
.page-newgraduate .sec-education {
    padding-bottom: 70px;
}

.page-newgraduate .sec-education .inner {
    max-width: 1240px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.page-newgraduate .sec-education .text2 {
    display: inline-block;
}

.page-newgraduate .sc-list2,
.page-newgraduate .sc-list1 {
    display: flex;
    justify-content: center;
}

.page-newgraduate .sc-list1 {
    margin-top: 35px;
    margin-bottom: 55px;
}

.page-newgraduate .sc-list2 {
    margin-top: 30px;
}

.page-newgraduate .sc-list2 li .tt-img img,
.page-newgraduate .sc-list1 li .tt-img img {
    width: 100%;
    margin-bottom: 10px;
}

.page-newgraduate .sc-list1 li .img img {
    width: 136px;
}

.page-newgraduate .sc-list1 li {
    width: 168px;
}

.page-newgraduate .sc-list1 li:nth-child(1) {
    width: 102px;
}

.page-newgraduate .sc-list1 li:last-child {
    width: 375px;
}

.page-newgraduate .sc-list2 li {
    width: 338px;
}

.page-newgraduate .sc-list2 li:last-child {
    width: 375px;
}

.page-newgraduate .sc-list1 li .text {
    text-align: left;
    font-size: 1.3rem;
    line-height: 1.44em;
    padding-left: 8px;
    font-weight: 300;
}

.page-newgraduate .sc-list1 li:last-child .text {
    font-size: 1.8rem;
    color: #754c24;
    line-height: 1.79em;
    text-align: center;
    width: 254px;
    height: 146px;
    font-weight: 500;
    padding-top: 18px;
    padding-right: 8px;
    background: url(../img/recruit/newgraduate/img_bg_sc.png) no-repeat center center / cover;
    margin: 0 auto;
    letter-spacing: -0.03em;
}

.page-newgraduate .sc-list2 .text {
    font-size: 1.4rem;
    font-weight: 300;
    text-align: left;
    margin: 15px auto 20px;
}

.page-newgraduate .sc-list2 .text > span.bold {
    font-weight: 500;
}

.page-newgraduate .sc-list2 .t1 {
    width: 285px;
}

.page-newgraduate .sc-list2 .t2 {
    width: 321px;
}

.page-newgraduate .sc-list2 .t3 {
    width: 316px;
}

.page-newgraduate .remark {
    text-align: left;
    font-size: 1.4rem;
    color: #808080;
    margin-left: 70px;
    margin-bottom: 80px;
}

/* point-list */
.page-sub .point-list {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 70px;
}

.page-sub .point-list > li {
    max-width: 550px;
    text-align: center;
}

.page-sub .point-list .point1 {
    width: 93px;
}

.page-sub .point-list .point2 {
    width: 98px;
}

.page-sub .point-list .img img {
    margin-top: 30px;
    margin-bottom: 20px;
    width: 271px;
}

.page-sub .point-list .title {
    font-size: 2.4rem;
    color: #79347b;
    margin-bottom: 10px;
}

.page-sub .point-list .text {
    font-size: 1.8rem;
    line-height: 1.567em;
    font-weight: 300;
    text-align: left;
}

.page-sub .tt-manual {
    font-size: 2.4rem;
    margin-bottom: 25px;
}

.page-sub .tt-merit {
    font-size: 3rem;
    margin-bottom: 40px;
}

.page-sub .tt-merit > span {
    font-size: 4rem;
}

.page-sub .img-merit img {
    width: 652px;
    margin-bottom: 70px;
}

.page-sub .box-manual {
    display: flex;
    margin-bottom: 50px;
}

.page-sub .box-manual .img1 {
    width: 643px;
}

.page-sub .box-manual .img2 {
    width: 571px;
}

.page-sub .box-manual img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .page-newgraduate .sec-education {
        padding-bottom: 9.3333vw;
    }

    .page-newgraduate .catch2 {
        margin-bottom: 60px;
        margin-bottom: 60px;
    }

    .page-newgraduate .catch2 + p {
        margin-bottom: 15px;
    }

    .page-newgraduate .sc-list2,
    .page-newgraduate .sc-list1 {
        display: block;
    }

    .page-newgraduate .sc-list1 {
        margin-top: 5.3333vw 0;
    }

    .page-newgraduate .sc-list2 {
        margin-top: 30px;
    }

    .page-newgraduate .sc-list2 > li,
    .page-newgraduate .sc-list1 > li {
        display: flex;
        align-items: center;
        width: 100% !important;
    }

    .page-newgraduate .sc-list2 li .tt-img img,
    .page-newgraduate .sc-list1 li .tt-img img {
        width: 11.2000vw;
        margin-bottom: 0;
        margin-right: 4vw;
    }

    .page-newgraduate .sc-list2 li .img img,
    .page-newgraduate .sc-list1 li .img img {
        width: 24vw !important;
    }

    .page-newgraduate .sc-list2 li .img {
        padding-bottom: 4.5333vw;
    }

    .page-newgraduate .sc-list2 li .text,
    .page-newgraduate .sc-list1 li .text {
        font-size: 2.8em;
        line-height: 1.233em;
        padding-left: 4vw;
        margin: 0;
    }

    .page-newgraduate .sc-list1 li:last-child .text {
        font-size: 2.6em;
        line-height: 1.47em;
        text-align: center;
        width: 51.7333vw;
        height: 26.9333vw;

        font-weight: 500;
        padding-top: 5.3333vw;
        padding-right: 2.1333vw;
        background: url(../img/recruit/newgraduate/img_bg_sc_sp.png) no-repeat center center / cover;
        margin: 0;
        margin-left: 4vw;
        letter-spacing: -0.03em;
    }

    .page-newgraduate .sc-list2 li .text {
        padding-bottom: 4.5333vw;
    }

    .page-newgraduate .sc-list2 .text > span.bold {
        font-weight: 300;
    }

    .page-newgraduate .sc-list2 .t1,
    .page-newgraduate .sc-list2 .t2,
    .page-newgraduate .sc-list2 .t3 {
        width: 100%;
    }

    .page-newgraduate .remark {
        font-size: 3em;
        margin-left: 0;
        margin-bottom: 10.6667vw;
    }

    .page-sub .point-list {
        display: block;
        padding-top: 15px;
        padding-bottom: 70px;
    }

    .page-sub .point-list > li {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .page-sub .point-list .point1 {
        width: 21.0667vw;
    }

    .page-sub .point-list .point2 {
        width: 22.2667vw;
    }

    .page-sub .point-list .img img {
        margin-top: 3.2vw;
        margin-bottom: 4vw;
        width: 100%;
    }

    .page-sub .point-list .title {
        font-size: 3.2em;
        margin-bottom: 0.5em;
        line-height: 1.296em;
    }

    .page-sub .point-list .text {
        font-size: 2.6em;
        line-height: 1.623em;
        margin-bottom: 9.3333vw;
    }

    .page-sub .point-list > li:nth-child(2) .text {
        margin-bottom: 0;
    }

    .page-sub .tt-manual {
        font-size: 3em;
        margin-bottom: 0.5em;
    }

    .page-sub .tt-merit {
        font-size: 3.2em;
        margin-bottom: 6vw;
    }

    .page-sub .tt-merit > span {
        font-size: 1em;
    }

    .page-sub .img-merit img {
        width: 100%;
        padding: 0 4vw;
        margin-bottom: 9.3333vw;
    }

    .page-sub .box-manual {
        display: block;
        margin-bottom: 9.3333vw;
    }

    .page-sub .box-manual .img2,
    .page-sub .box-manual .img1 {
        width: 100%;
        margin-bottom: 5.3333vw;
    }

    .page-sub .box-manual img {
        width: 100%;
    }
}

/* sec-support */
.page-newgraduate .sec-support {
    padding-bottom: 70px;
}

.page-newgraduate .sec-support .inner {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 20px;
}

.page-newgraduate .sec-support .inner img {
    width: 100%;
}

.page-newgraduate .box-support {
    display: flex;
    margin-top: 70px;
    margin-bottom: 20px;
}

.page-newgraduate .sec-support h3.tt-normal {
    margin-bottom: 20px;
    letter-spacing: 0.06em;
}

.page-newgraduate .box-support p {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.5677em;
}

.page-newgraduate .box-support .img {
    margin-right: 64px;
    margin-left: -35px;
}

.page-newgraduate .sec-support .img2 {
    margin-bottom: 45px;
}

.page-newgraduate .box-support .img img {
    width: 303px;
}

.page-newgraduate .sec-support .box-security {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    margin-bottom: 25px;
}

.page-newgraduate .sec-support .box-security .img {
    width: 570px;
    margin-right: 20px;
}

.page-newgraduate .sec-support .box-security .box-inner {
    width: 592px;
}

.page-newgraduate .sec-support .box-security .title {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 7px;
}

.page-newgraduate .sec-support .box-security .text {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.5677em;
}

.page-newgraduate .sec-support .img-point {
    text-align: center;
}

.page-newgraduate .sec-support .img-point img {
    width: 678px;
}

.page-newgraduate .sec-support .text2 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.page-newgraduate .sec-support .text3 {
    font-size: 2.4rem;
}

.page-newgraduate .sec-support h3 {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .page-newgraduate .sec-support {
        padding-bottom: 21.3333vw;
    }

    .page-newgraduate .sec-support .inner {
        margin: 0 auto;
    }

    .page-newgraduate .sec-support .inner img {
        width: 100%;
    }

    .page-newgraduate .box-support {
        display: block;
        margin-top: 5.3333vw;
        margin-bottom: 20px;
    }

    .page-newgraduate .sec-support h3 {
        font-size: 3.2em;
        color: #79347b;
        font-weight: 500;
        text-align: center;
        padding-bottom: 5.3333vw;
    }

    .page-newgraduate .box-support p {
        font-size: 3em;
        font-weight: 300;
        line-height: 1.666em;
    }

    .page-newgraduate .box-support .img {
        margin-right: 6vw;
        margin-left: -5.0000vw;
        margin-bottom: 7.3333vw;
    }

    .page-newgraduate .sec-support .img2 {
        margin-bottom: 9.3333vw;
    }

    .page-newgraduate .box-support .img img {
        width: 100%;
    }

    .page-newgraduate .sec-support .box-security {
        display: block;
        padding-top: 0;
        margin-bottom: 0x;
    }

    .page-newgraduate .sec-support .box-security .img {
        width: 100%;
        margin-bottom: 6.6667vw;
    }

    .page-newgraduate .sec-support .box-security .box-inner {
        width: 100%;
    }

    .page-newgraduate .sec-support .box-security .title {
        font-size: 3em;
        font-weight: 300;
        line-height: 1.666em;
        margin-bottom: 1.5em;
    }

    .page-newgraduate .sec-support .box-security .text {
        font-size: 3em;
        font-weight: 300;
        line-height: 1.666em;
    }

    .page-newgraduate .sec-support .img-point {
        text-align: center;
    }

    .page-newgraduate .sec-support .img-point img {
        width: 86.5885vw;
        margin-bottom: 5.3333vw;
    }

    .page-newgraduate .sec-support .text2 {
        font-size: 2.6em;
        margin-bottom: 1em;
        text-align: left !important;
        padding: 0 4vw;
    }

    .page-newgraduate .sec-support .text3 {
        font-size: 3em;
        font-weight: 500;
    }

    .page-newgraduate .sec-support h3 {
        margin-bottom: 0;
    }
}

/* sec-careerup */
.sec-careerup {
    padding-bottom: 60px;
}

.sec-careerup .inner {
    max-width: 1040px;
    margin: 0 auto;
}

.sec-careerup .inner p {
    font-size: 1.8rem;
    line-height: 1.5677em;
}

.sec-careerup .img1 img {
    margin-top: 20px;
    margin-bottom: 35px;
    margin-left: 30px;
    width: 921px;
}

.sec-careerup h3 {
    font-size: 2.8rem;
    color: #79347b;
    font-weight: 300;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
}

.sec-careerup .text {
    margin-bottom: 25px;
}

.salary-table {
    border-collapse: collapse;
    table-layout: fixed;
    border-spacing: 0;
    width: 845px;
    margin: 0 auto;
}

.salary-table th {
    background-color: #e9e9f3;
    border-bottom: 10px solid #fff;
    border-right: 1px solid #fff;
    width: 25%;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.4em;
    padding: 8px 0;
    vertical-align: middle;
}

.salary-table td {
    border-bottom: 10px solid #fff;
    border-right: 1px solid #fff;
    width: 25%;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    height: 78px;
    letter-spacing: 0.2em;
    vertical-align: middle;
}

.salary-table td > span {
    font-size: 1.4rem;
}

.salary-table tr:nth-child(2) td {
    background-color: #e1ddef;
    color: #79347b;
}

.salary-table tr:nth-child(3) td {
    background-color: #d3ddef;
    color: #1d55b7;
}

.salary-table .s-logo {
    width: 61px;
    padding-top: 4px;
}

@media screen and (max-width: 768px) {
    .sec-careerup {
        padding-bottom: 8vw;
    }

    .sec-careerup .inner p {
        font-size: 3em;
        line-height: 1.666em;
    }

    .sec-careerup .inner {
        margin: 0 auto;
    }

    .sec-careerup .img1 img {
        margin: 5.3333vw 0 6vw;
        width: 100%;
    }

    .sec-careerup h3 {
        font-size: 3.2em;
        font-weight: 500;
        margin-bottom: 4.6667vw;
    }

    .sec-careerup .text {
        margin-bottom: 1em;
        text-align: left !important;
    }

    .img-price {
        width: 100%;
    }

    .page-assistant .img-price {
        margin-bottom: 8vw;
    }
}

/************************
  sub page assistant
************************/
.page-assistant .sec-assistant-education .inner {
    max-width: 1240px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
}

.page-assistant .top-box-title img {
    width: 520px;
}

.page-assistant .sec-careerup h3,
.page-assistant .point-list .title {
    color: #4d4d4d;
}

.page-assistant .sec-careerup .salary-table {
    margin-bottom: 100px
}

/************************
  sub page stylist
************************/
.page-stylist .sec-recruit-top .title-box h2 {
    line-height: 1.6584375em;
    margin-bottom: 0.8em;
}

.page-stylist .sec-recruit-top .title-box .catch {
    line-height: 1.17321em;
}

.page-stylist .top-box-title img {
    width: 520px;
}

/************************
  sub page partstylist
************************/
.page-partstylist .top-box-title img {
    width: 514px;
}

/************************
  sub page reception
************************/
.page-reception .inner-top {
    margin-bottom: 90px;
}

@media screen and (max-width: 768px) {
    .page-reception .inner-top {
        margin-bottom: 9.3333vw;
    }

    /*
  .page-reception .sec-recruit-top .title-box .catch{
  font-size: 3.4em;
  letter-spacing: 0.02em;
  }
*/
}

/************************
  sub page eyedesigner
************************/
.page-eyedesigner .inner-top {
    margin-bottom: 90px;
}

.page-eyedesigner .sec-recruit-top .title-box {
    right: 200px;
}

@media screen and (max-width: 768px) {
    .page-eyedesigner .inner-top {
        margin-bottom: 9.3333vw;
    }
}

/************************
  sub page news
************************/

.sec-top {
    padding-top: 160px;
    text-align: center;
}

.sec-top h2 {
    font-size: 3rem;
    position: relative;
    font-weight: 400;
    padding-bottom: 8px;
    margin-bottom: 14px;
    color: #434343;
}

.sec-top h2:after {
    content: '';
    position: absolute;
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 1px;
    bottom: 0;
    left: calc(50% - 20px);
    background-color: #333333;
}

.sec-top h2 + p {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: #000;
}

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

    .section_blog {
        font-size: 100%;
    }

    .sec-top {
        padding-top: 1.3333vw;
    }

    .sec-top h2 {
        font-size: 4.8em;
        padding-bottom: 1.0667vw;
        margin-bottom: 1.8667vw;
    }

    .sec-top h2:after {
        width: 6.4vw;
        left: calc(50% - 3.2vw);
    }

    .sec-top h2 + p {
        font-size: 2.6em;
        margin-bottom: 6.6667vw;
    }

    .section_recruit_plans_new h2 {
        padding: 0 4vw;
    }
}

#inline-content,
#inline-content2,
#inline-content3 {
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0 auto;
}

#inline-content caption,
#inline-content2 caption,
#inline-content3 caption {
    font-weight: 500;
    margin: 15px 0;
    text-align: center;
    font-size: 1.4rem;
}

#inline-content th,
#inline-content td {
    border: solid 1px #4d4d4d;
    padding: 9px 8px;
    vertical-align: middle;
    font-size: 1.2rem;
    line-height: 1.558em;
}

#inline-content th {
    text-align: center;
    background: #cfdaee;
    font-weight: 500;
    width: 170px;
}

#inline-content tbody th {
    width: 170px;
    background: #dedaee;
}

#inline-content tbody td {
    font-weight: 300;
}

#inline-content tr > td:nth-child(2) {
    width: 430px;
}

#inline-content tr > td:nth-child(3) {
    width: 400px;
}

#inline-content2 th,
#inline-content2 td {
    border: solid 1px #4d4d4d;
    padding: 9px 10px;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.558em;
}

#inline-content2 th {
    text-align: center;
    background: #cfdaee;
    font-weight: 500;
}

#inline-content2 tbody th {
    background: #dedaee;
    font-weight: 300;
}

#inline-content3 th,
#inline-content3 td {
    border: solid 1px #4d4d4d;
    padding: 7px 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.1rem;
}

#inline-content3 tbody th {
    background: #dedaee;
    font-weight: 500;
    width: 110px;
    text-align: center;
    font-weight: bold;
}

#inline-content3 tbody td {
    width: 100px;
}

@media screen and (min-width: 769px) {

    #inline-content2 tr > th:nth-child(1),
    #inline-content2 tr > th:nth-child(3) {
        width: 30px;
    }

    #inline-content2 tr > td:nth-child(2) {
        width: 348px;
    }

    #inline-content3 tbody {
        display: flex;
    }

    #inline-content3 tbody tr {
        display: flex;
        flex-direction: column;
    }

    #inline-content3 tbody th,
    #inline-content3 tbody td {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
    }

    #inline-content3 tr td:first-child,
    #inline-content3 tr th:first-child {
        border-bottom: none;
    }

    #inline-content3 tr:not(:last-child) td,
    #inline-content3 tr:not(:last-child) th {
        border-right: none;
    }
}

@media screen and (max-width: 768px) {
    #inline-content3 {
        width: 100%;
    }

    #inline-content2 tr > th:nth-child(1),
    #inline-content2 tr > th:nth-child(3) {
        width: 30px;
    }

    .staff-voice__parts {
        font-size: 2.6em;
    }

    .staff-voice__post .staff-voice__heading2 {
        font-size: 3em !important;
    }

    .staff-voice__heading3 {
        font-size: 1.5em !important;
    }

    .staff-voice__post.arc-page .staff-voice__heading3 {
        font-size: 2.0em !important;
    }

    .staff-voice__post.arc-page .staff-voice__text {
        font-size: 1.8em;
    }

    .staff-voice__post.arc-page .staff-voice__item-wrap > a {
        width: 50%;
        padding-right: 10px;
    }
}

@media screen and (max-width: 460px) {
    .staff-voice__post.arc-page .staff-voice__item-wrap > a {
        width: 100%;
    }

    .staff-voice__post .staff-voice__heading2 {
        font-size: 3.4em !important;
    }

    .staff-voice__post.arc-page .staff-voice__heading3 {
        font-size: 3em !important;
    }

    .staff-voice__post.arc-page .staff-voice__text {
        font-size: 2.6em;
    }
}

.insta-box .slick-prev {
    left: 2vw;
    z-index: 10;
    width: 8vw;
    height: 8vw;
}

.insta-box .slick-next {
    right: 2vw;
    z-index: 10;
    width: 8vw;
    height: 8vw;
}

.slick-prev:before,
.slick-next:before {
    font-size: 8vw;
}

.staff-voice__post h2,
.staff-voice__post a {
    color: #756857;
}

/*tiktok周り*/

.recruit-flex-box {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: space-between;
    max-width: 1288px;
    width: 100%;
    margin-bottom: 0;
}

.recruit01 {
    width: 49%;
    max-width: 624px;
    margin: 0 0 50px 0;
}

.tiktok-box,.youtube-box01 {
    width: 49%;
    margin: 0 0 50px 34px;
    max-width: 624px;
}

.youtube-box02 {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.youtube-box02 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tiktok-box h3,.youtube-box01 h3 {
    font-size: 2.87rem;
    font-weight: 900;
    color: #595757;
}

@media screen and (max-width:1199px) {
    .recruit-flex-box {
    display: block;
    }
    .recruit01 {
        width: 100%;
        margin: 0 auto 50px;
    }
    .recruit01.mt50 {
        margin: 50px auto;
    }
    .tiktok-box,.youtube-box01 {
        width: 100%;
        margin: 0 auto 50px;
    }
}


@media screen and (max-width:768px) {
    .tiktok-box h3,.youtube-box01 h3 {
        font-size: 18px;
    }
    .recruit01 h3 {
        height: 9.3333vw;
    }
    .recruit01 img {
        margin-bottom: 10px;
    }
    img.logo-recbook {
        width: 48%;
        margin-bottom: 10px;
    }
}