@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPMincho&display=swap");
@font-face {
    font-family: "Hannari";
    src: url("../../fonts/recruiting/hannari.woff") format("woff"), url("../../fonts/recruiting/hannari.otf") format("truetype");
}

html,
body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
    font-weight: 400;
    font-size: 62.5%;
    /*	letter-spacing: 0.05em;*/
    color: #fff;
    -webkit-font-feature-settings: "palt" 1;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-feature-settings: "palt" 1;
    text-rendering: optimizeSpeed;
    text-size-adjust: 100%;
    scroll-behavior: smooth;
}

* {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

a,
.pc {
    display: block;
}

.sp {
    display: none;
}

.container {
    width: 50%;
    margin-left: auto;
    margin-right: 3%;
    position: relative;
}

.container02 {
    max-width: 750px;
    margin-left: auto;
    margin-right: 0;
    background: rgba(26, 26, 26, 0.7);
}

.container03 {
    padding-left: 50px;
    padding-right: 50px;
}

.mv {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

.mv .overlay {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
}

.mv video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

header {
    position: relative;
    z-index: 1;
    margin-bottom: 10%;
}

header h2 {
    /*
    	max-width: 500px;
    	width: 53%;
    */
    text-align: center;
}

header h2 img {
    width: 100%;
}

header h2 .logo {
    max-width: 120px;
    width: 18.5%;
}

header h2 p {
    font-size: 30px;
    font-size: clamp(16px, 1.56vw, 30px);
    margin-top: 1.33em;
}

.hd_container {
    /*	max-width: 1480px;*/
    height: 100vh;
    /*
   	padding-left: 50px;
   	padding-right: 50px;
   	margin-left: auto;
   	margin-right: auto;
   */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hd_left,
.hd_right {
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.gnav {
    max-width: 471px;
    width: 50%;
}

.gnav ul li {
    margin-bottom: 40px;
}

.gnav ul li:last-of-type {
    margin-bottom: 0;
}

.gnav ul li:first-of-type img {
    width: 68.3%;
}

.gnav ul li:nth-of-type(2) img {
    width: 49.2%;
}

.gnav ul li:nth-of-type(3) img {
    width: 83%;
}

.gnav ul li:nth-of-type(4) img {
    width: 51%;
}

.gnav ul li:nth-of-type(5) img {
    width: 100%;
}

.gnav ul li a img {
    width: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.gnav ul li a img:hover {
    opacity: 0.7;
}

.gnav .cta {
    width: 84.9%;
    margin-top: 65px;
}

.gnav .cta li {
    margin-bottom: 18px;
}

.gnav .cta li:last-of-type {
    margin-bottom: 0;
}

.gnav .cta li img {
    width: 100% !important;
}

.page_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

.page_nav .nav_wrap {
    max-width: 471px;
    width: 49.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page_nav h1 {
    width: 26.5%;
    margin-bottom: 40px;
    text-align: center;
}

.page_nav h1 .logo {
    display: block;
    margin-bottom: 40px;
}

.page_nav .gnav {
    width: 100%;
}

footer {
    max-width: 750px;
    width: 50%;
    margin-left: auto;
    margin-right: 3%;
    background: rgba(26, 26, 26, 0.7);
    position: relative;
}

.ft_container {
    padding: 25px;
}

.ft_logo {
    text-align: center;
    margin-bottom: 60px;
}

.ft_logo a {
    /*  display: inline-block;*/
}

.ft_logo a img {
    max-width: 60px;
    width: 23.4%;
    margin-bottom: 10px;
}

.ft_logo a p {
    font-size: 18px;
    font-size: clamp(12px, 0.93vw, 18px);
}

.copyright {
    text-align: center;
    font-size: 0.85em;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .container {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
    }
    .container03 {
        padding-left: 4%;
        padding-right: 4%;
    }
    .open_nav,
    .close_nav {
        position: fixed;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        padding: 0;
        border: none;
        background: rgba(104, 211, 221, 0.9);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .open_nav img {
        width: 58%;
    }
    .close_nav img {
        width: 37.4%;
    }
    .gnav_sp {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2500;
        background-color: #1a1a1a;
        overflow: auto;
        display: none;
    }
    .gnav_sp .menu_wrap {
        width: 100%;
        height: 90%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .gnav_sp .nav_menu {
        width: 80%;
    }
    .gnav_sp .nav_menu li {
        margin-bottom: 7%;
    }
    .gnav_sp .nav_menu li:first-of-type img {
        width: 65.1%;
    }
    .gnav_sp .nav_menu li:nth-of-type(2) img {
        width: 43.8%;
    }
    .gnav_sp .nav_menu li:nth-of-type(3) img {
        width: 81.6%;
    }
    .gnav_sp .nav_menu li:nth-of-type(4) img {
        width: 51%;
    }
    .gnav_sp .nav_menu li:nth-of-type(5) img {
        width: 93.5%;
    }
    .gnav_sp .nav_menu li:nth-of-type(6) img {
        width: 58.5%;
    }
    .gnav_sp .nav_menu li:last-of-type {
        margin-bottom: 0;
    }
    .gnav_sp .top_btn {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        margin-bottom: 0;
        padding: 15px 20px 20px;
    }
    .gnav_sp .top_btn ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .gnav_sp .top_btn ul li {
        width: 49%;
    }
    header {
        margin-bottom: 0;
    }
    .hd_left {
        width: 100%;
    }
    header h2 {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    header h2 .logo {
        width: 33.3%;
    }
    header h2 p {
        font-size: 21px;
        font-size: clamp(21px, 6.56vw, 28px);
        line-height: 1.75;
        letter-spacing: 0.1em;
    }
    footer {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
    }
    .ft_container {
        padding: 30px 4%;
    }
    .copyright {
        font-size: 10px;
    }
}


/*トップページ*/

.top .page_nav {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

.top .page_nav h1 .logo {
    width: 100%;
    margin-bottom: 0;
}

.top .page_nav.headerColorScroll {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.top .sec_title {
    text-align: center;
    margin-top: -30px;
    margin-bottom: 100px;
}

.top .sec01 h2 {
    font-size: 60px;
    font-size: clamp(32px, 3.12vw, 60px);
    letter-spacing: 0.05em;
    display: inline-block;
    line-height: inherit;
}

.top .sec01 h2 strong {
    font-size: 2em;
    /*	padding-left: 10px;*/
}

.top .sec01 .sec_title p {
    font-size: 34px;
    font-size: clamp(18px, 1.77vw, 34px);
    /*	font-family: 'Hannari';*/
    font-family: "BIZ UDPMincho", serif;
    line-height: 1.16;
    letter-spacing: 0.15em;
    color: #68D3DD;
}

.top .sec01 ul li {
    text-align: center;
    padding-bottom: 110px;
}

.top .sec01 ul li figure {
    width: 7.35%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.top .sec01 ul li:nth-of-type(2) figure {
    width: 10.2%;
}

.top .sec01 ul li:nth-of-type(3) figure {
    width: 9.69%;
}

.top .sec01 ul li:nth-of-type(4) figure {
    width: 9.75%;
}

.top .sec01 ul li:nth-of-type(5) figure {
    width: 10.4%;
}

.top .sec01 ul li:nth-of-type(6) figure {
    width: 12.6%;
}

.top .sec01 ul li:nth-of-type(7) figure {
    width: 10.5%;
}

.top .sec01 ul li:nth-of-type(8) figure {
    width: 9.81%;
}

.top .sec01 ul li h3 {
    font-size: 40px;
    font-size: clamp(21px, 2.08vw, 40px);
    line-height: 1.25;
    color: #68D3DD;
    margin-bottom: 30px;
}

.top .sec01 ul li p {
    font-size: 21px;
    font-size: clamp(16px, 1.09vw, 21px);
    font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif;
    line-height: 1.9;
}

.top .sec02 {
    padding-bottom: 110px;
}

.top .sec02 .sec_title h2 {
    font-size: 72px;
    font-size: clamp(38px, 3.75vw, 72px);
    /*	font-family: 'Hannari';*/
    letter-spacing: 0.15em;
    color: #FDA4A5;
}

.top .sec02 .sec_title p {
    font-size: 24px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-family: "BIZ UDPMincho", serif;
    line-height: 1.75;
    letter-spacing: 0.15em;
}

.top .sec02 .more {
    width: 46.1%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 53px;
}

.top .sec02 .inexperienced {
    display: none;
    padding-bottom: 180px;
}

.top .sec02 .inexperienced>li:not(:last-of-type) {
    margin-bottom: 90px;
}

.top .sec02 .inexperienced>li h3 {
    margin-bottom: 50px;
}

.top .sec02 .inexperienced>li p {
    margin-left: auto;
    margin-right: auto;
    font-size: 21px;
    font-size: clamp(16px, 1.09vw, 21px);
    font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif;
    line-height: 1.9;
    text-align: center;
}

.top .sec02 .inexperienced>li ul li p {
    width: 70%;
    text-align: left;
}

.top span.magenta {
    color: #ED1E79;
}

.top .feed {
    padding-bottom: 100px;
}

.top .feed h4 {
    max-width: 172px;
    width: 26.4%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .top .sec_title {
        margin-bottom: 40px;
    }
    .top .sec01 h2 {
        font-size: 28px;
        font-size: clamp(28px, 8.75vw, 36px);
    }
    .top .sec01 .sec_title p {
        font-size: 16px;
        font-size: clamp(16px, 5vw, 20px);
    }
    .top .sec01 ul li {
        padding-bottom: 50px;
    }
    .top .sec01 ul li figure {
        margin-bottom: 10px;
    }
    .top .sec01 ul li h3 {
        font-size: 17px;
        font-size: clamp(17px, 5.31vw, 21px);
        margin-bottom: 10px;
    }
    .top .sec01 ul li p {
        font-size: 11px;
        font-size: clamp(11px, 3.43vw, 15px);
    }
    .top .sec_title {
        margin-bottom: 30px;
    }
    .top .sec02 {
        padding-bottom: 50px;
    }
    .top .sec02 .sec_title h2 {
        font-size: 26px;
        font-size: clamp(26px, 8.12vw, 34px);
    }
    .top .sec02 .sec_title p {
        font-size: 14px;
        font-size: clamp(14px, 4.37vw, 18px);
    }
    .top .sec02 .more {
        margin-bottom: 30px;
    }
    .top .sec02 .inexperienced {
        padding-bottom: 90px;
    }
    .top .sec02 .inexperienced>li:not(:last-of-type) {
        margin-bottom: 50px;
    }
    .top .sec02 .inexperienced>li h3 {
        margin-bottom: 20px;
    }
    .top .sec02 .inexperienced>li p {
        font-size: 11px;
        font-size: clamp(11px, 3.43vw, 15px);
    }
    .top .sec02 .inexperienced>li ul li p {
        width: 100%;
    }
    .top .feed {
        padding-bottom: 50px;
    }
    .top .feed h4 {
        width: 40%;
        margin-bottom: 20px;
    }
}


/*トップページここまで*/


/*採用条件*/

.page-template-page-recruiting-condition header {
    display: none;
}

#recruiting.page {
    padding-top: 10%;
}

#recruiting.page .page_nav .nav_wrap .logo {
    display: block;
    width: 26.5%;
    margin-bottom: 60px;
}

#recruiting.page .page_nav .nav_wrap h1 {
    max-width: 358px;
    width: 76%;
    margin-bottom: 90px;
}

#recruiting.page .sec_title {
    text-align: center;
    margin-top: -30px;
    margin-bottom: 100px;
}

#recruiting.page .sec_title h2 {
    font-size: 72px;
    font-size: clamp(38px, 3.75vw, 72px);
    /*	font-family: 'Hannari';*/
    letter-spacing: 0.15em;
    color: #68D3DD;
}

#recruiting.page .sec_title p {
    font-size: 24px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-family: "BIZ UDPMincho", serif;
    line-height: 1.75;
    letter-spacing: 0.15em;
}

#recruiting.page .sec_title p.pink {
    color: #FDA4A5;
    margin-top: 30px;
}

#recruiting.page .sec_title span.hannari {
    font-family: "Hannari";
}

#recruiting.page section {
    padding-bottom: 100px;
}

#recruiting.page dl {
    text-align: center;
}

#recruiting.page dl dt {
    font-size: 36px;
    font-size: clamp(24px, 1.87vw, 36px);
    /*  font-family: 'Hannari';*/
    font-weight: normal;
    letter-spacing: 0.15em;
    color: #68D3DD;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

#recruiting.page dl dd {
    font-size: 21px;
    font-size: clamp(16px, 1.09vw, 21px);
    font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif;
    line-height: 1.9;
    margin-bottom: 80px;
}

#recruiting.page dl dd:last-of-type {
    margin-bottom: 0;
}

#recruiting.page dl dd ul {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

#recruiting.page dl dd ul li {
    text-align: left;
    margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
    .page-template-page-recruiting-condition header {
        display: block;
    }
    .page-template-page-recruiting-condition header .hd_container {
        height: 0;
    }
    .page-template-page-recruiting-condition header .hd_left {
        display: none;
    }
    #recruiting.page .sp_title {
        text-align: center;
        max-width: 300px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    #recruiting.page .sp_title .logo {
        max-width: 120px;
        width: 33%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
    #recruiting.condition .sp_title h1 {
        width: 70.3%;
        margin-left: auto;
        margin-right: auto;
    }
    #recruiting.page .sec01 {
        padding-bottom: 40px;
    }
    #recruiting.page .sec_title {
        margin-top: -15px;
        margin-bottom: 50px;
    }
    #recruiting.page .sec_title h2 {
        font-size: 26px;
        font-size: clamp(26px, 8.12vw, 34px);
    }
    #recruiting.page .sec_title p {
        font-size: 14px;
        font-size: clamp(14px, 4.37vw, 18px);
        letter-spacing: 0.07em;
    }
    #recruiting.page .sec_title p.pink {
        margin-top: 10px;
    }
    #recruiting.page dl dt {
        font-size: 18px;
        font-size: clamp(18px, 5.62vw, 24px);
        margin-bottom: 20px;
    }
    #recruiting.page dl dd {
        font-size: 11px;
        font-size: clamp(11px, 3.43vw, 15px);
        margin-bottom: 40px;
    }
    #recruiting.page dl dd ul {
        width: 100%;
    }
}


/*採用条件ここまで*/


/*男性スタッフ求人*/

.page-template-page-recruiting-mens header {
    display: none;
}

#recruiting.mens .page_nav .nav_wrap h1 {
    max-width: 455px;
    width: 96.6%;
}

#recruiting.mens .sec_title p {
    letter-spacing: 0;
}

@media screen and (max-width: 768px) {
    .page-template-page-recruiting-mens header {
        display: block;
    }
    .page-template-page-recruiting-mens header .hd_container {
        height: 0;
    }
    .page-template-page-recruiting-mens header .hd_left {
        display: none;
    }
    #recruiting.mens .sp_title h1 {
        width: 92.7%;
        margin-left: auto;
        margin-right: auto;
    }
    #recruiting.mens .sec_title p {
        font-size: 13px;
        font-size: clamp(13px, 4.06vw, 17px);
    }
    #recruiting.mens dl dd {
        letter-spacing: -0.05em;
    }
    #recruiting.mens dl dd ul {
        width: 100%;
        padding-left: 4em;
    }
}


/*男性スタッフ求人ここまで*/


/*報酬例*/

.page-template-page-recruiting-salary header {
    display: none;
}

#recruiting.salary .page_nav .nav_wrap h1 {
    max-width: 507px;
    width: 100%;
}

#recruiting.salary .lead {
    text-align: center;
    font-size: 24px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-family: "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.66;
    margin-bottom: 150px;
}

#recruiting.salary .lead .pink {
    color: #FDA4A5;
}

#recruiting.salary ul.profile_list {
    width: 58.4%;
    margin-left: auto;
    margin-right: auto;
}

#recruiting.salary ul.profile_list>li:not(:last-of-type) {
    margin-bottom: 165px;
}

#recruiting.salary ul.profile_list h4 {
    font-size: 21px;
    font-size: clamp(16px, 1.09vw, 21px);
    font-family: "BIZ UDPMincho", serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
}

#recruiting.salary ul.profile_list h4 img {
    width: 48.6%;
}

#recruiting.salary ul.profile_list h4 span {
    width: 39.4%;
    margin-left: 15px;
}

#recruiting.salary ul.profile_list>li:nth-of-type(2) h4 img {
    width: 54.7%;
}

#recruiting.salary ul.profile_list>li:nth-of-type(3) h4 img {
    width: 33.1%;
}

#recruiting.salary ul.profile_list>li:nth-of-type(3) h4 span {
    margin-bottom: -8px;
}

#recruiting.salary ul.profile_list>li ul {
    margin-bottom: 25px;
    margin-left: 0;
}

#recruiting.salary ul.profile_list>li ul li {
    font-size: 21px;
    font-size: clamp(16px, 1.09vw, 21px);
    font-family: "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.33;
}

#recruiting.salary ul.profile_list>li figure {
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .page-template-page-recruiting-salary header {
        display: block;
    }
    .page-template-page-recruiting-salary header .hd_container {
        height: 0;
    }
    .page-template-page-recruiting-salary header .hd_left {
        display: none;
    }
    #recruiting.salary .sp_title h1 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    #recruiting.salary .sec_title p {
        font-size: 13px;
        font-size: clamp(13px, 4.06vw, 17px);
    }
    #recruiting.salary .lead {
        font-size: 13px;
        font-size: clamp(13px, 4.06vw, 17px);
        letter-spacing: 0.03em;
        margin-bottom: 80px;
    }
    #recruiting.salary ul.profile_list {
        width: 85%;
    }
    #recruiting.salary ul.profile_list>li:not(:last-of-type) {
        margin-bottom: 80px;
    }
    #recruiting.salary ul.profile_list h4 {
        font-size: 12px;
        font-size: clamp(12px, 3.75vw, 15px);
        margin-bottom: 15px;
    }
    #recruiting.salary ul.profile_list>li ul {
        margin-bottom: 15px;
    }
    #recruiting.salary ul.profile_list>li ul li {
        font-size: 12px;
        font-size: clamp(12px, 3.75vw, 15px);
        letter-spacing: 0.03em;
    }
    #recruiting.salary ul.profile_list>li figure {
        margin-bottom: 15px;
    }
}


/*報酬例ここまで*/


/*面接〜入店*/

.page-template-page-recruiting-flow header {
    display: none;
}

#recruiting.flow .page_nav .nav_wrap h1 {
    max-width: 176px;
    width: 37.3%;
}

#recruiting.flow .sec01 ul li {
    border: 1px solid #68D3DD;
    padding: 60px 40px;
    margin-bottom: 140px;
    position: relative;
}

#recruiting.flow .sec01 ul li:last-of-type {
    margin-bottom: 0;
}

#recruiting.flow .sec01 ul li::after {
    content: "";
    width: 15.5%;
    height: auto;
    aspect-ratio: 2/1;
    background-image: url("../../images/recruiting/arrow_flow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    position: absolute;
    bottom: -95px;
    left: 0;
    right: 0;
    margin: auto;
}

#recruiting.flow .sec01 ul li:last-of-type::after {
    content: none;
}

#recruiting.flow .sec01 ul li h3 {
    width: 35.2%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

#recruiting.flow .sec01 ul li p {
    text-align: center;
    font-size: 24px;
    font-size: clamp(16px, 1.25vw, 24px);
    line-height: 1.66;
    font-family: "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and (max-width: 768px) {
    .page-template-page-recruiting-flow header {
        display: block;
    }
    .page-template-page-recruiting-flow header .hd_container {
        height: 0;
    }
    .page-template-page-recruiting-flow header .hd_left {
        display: none;
    }
    #recruiting.flow .sp_title h1 {
        width: 37.8%;
        margin-left: auto;
        margin-right: auto;
    }
    #recruiting.flow .sec01 ul li {
        padding: 25px 15px;
        margin-bottom: 60px;
    }
    #recruiting.flow .sec01 ul li::after {
        bottom: -45px;
    }
    #recruiting.flow .sec01 ul li h3 {
        margin-bottom: 25px;
    }
    #recruiting.flow .sec01 ul li p {
        font-size: 12px;
        font-size: clamp(12px, 3.75vw, 1px);
        /*		letter-spacing: -.04em;*/
    }
}


/*面接〜入店ここまで*/


/*お問い合わせ*/

.page-template-page-recruiting-contact .mv {
    background-image: url("../../images/recruiting/bg_contact.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.page-template-page-recruiting-contact .mv .overlay,
.page-template-page-recruiting-contact .mv video {
    display: none;
}

.page-template-page-recruiting-contact header,
.page-template-page-recruiting-contact footer {
    display: none;
}

#recruiting.contact .contact_wrap {
    max-width: 800px;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#recruiting.contact .title {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 85px;
}

#recruiting.contact .title .logo {
    /* max-width: 120px; */
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 90px;
}

#recruiting.contact .contact_bn {
    margin-bottom: 115px;
}

#recruiting.contact .contact_bn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#recruiting.contact .contact_bn ul li {
    width: 48%;
}

#recruiting.contact .contact_content {
    padding-bottom: 100px;
}

#recruiting.contact dl {
    text-align: left;
    border-bottom: none;
}

#recruiting.contact dl dt {
    float: none;
    display: block;
    width: 100%;
    font-size: 21px;
    font-family: "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif;
    font-weight: normal;
    letter-spacing: 0.06em;
    color: #1C0F07;
    padding: 8px 0;
    border-bottom: none;
    margin-bottom: 15px;
}

#recruiting.contact dl dt span.must {
    color: #C1272D;
    border: 1px solid;
    padding: 10px 22px;
    margin-right: 15px;
}

#recruiting.contact dl dt span.small {
    font-size: 0.85em;
}

#recruiting.contact dl dd {
    display: block;
    width: 100%;
    font-size: 21px;
    letter-spacing: 0.06em;
    color: #1C0F07;
    padding: 0;
    margin-bottom: 50px;
}

#recruiting.contact .mw_wp_form_confirm dd {
    padding: 18px;
}

#recruiting.contact dl dd input,
#recruiting.contact dl dd textarea {
    max-width: inherit;
    width: 100%;
    height: auto;
    font-size: 18px;
    letter-spacing: 0.06em;
    background: #B3B3B3;
    padding: 18px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#recruiting.contact dl dd:last-of-type {
    margin-bottom: 50px;
}

#recruiting.contact .contact_btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#recruiting.contact .mw_wp_form_confirm .contact_btn ul li.back {
    margin-right: 30px;
}

#recruiting.contact .contact_btn input {
    width: 280px;
    font-family: "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif;
    border: none;
    font-size: 21px;
    letter-spacing: 0.3em;
    color: #fff;
    background: #1C0F07 !important;
    padding: 20px 0;
    -webkit-appearance: none;
    border-radius: 0;
}

#recruiting.contact p.complete {
    font-size: 21px;
    line-height: 2.25;
    color: #1C0F07;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .page-template-page-recruiting-contact header {
        display: block;
    }
    .page-template-page-recruiting-contact header .hd_container {
        height: 0;
    }
    .page-template-page-recruiting-contact header .hd_left {
        display: none;
    }
    #recruiting.contact .contact_wrap {
        width: 92%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 4%;
        margin-right: 4%;
    }
    #recruiting.contact .title {
        width: 80%;
        margin-top: 60px;
        margin-bottom: 40px;
    }
    #recruiting.contact .title .logo {
        width: 33%;
        margin-bottom: 30px;
    }
    #recruiting.contact .title h1 {
        width: 56%;
        margin-left: auto;
        margin-right: auto;
    }
    #recruiting.contact .contact_bn {
        margin-bottom: 60px;
    }
    #recruiting.contact .contact_content {
        padding-bottom: 40px;
    }
    #recruiting.contact dl dt {
        font-size: 14px;
        margin-bottom: 5px;
    }
    #recruiting.contact dl dt span.must {
        padding: 5px 10px;
        margin-right: 8px;
    }
    #recruiting.contact dl dd {
        font-size: 14px;
        margin-bottom: 30px;
    }
    #recruiting.contact .mw_wp_form_confirm dd {
        padding: 9px;
    }
    #recruiting.contact dl dd input,
    #recruiting.contact dl dd textarea {
        font-size: 14px;
        padding: 9px;
    }
    #recruiting.contact .contact_btn ul {
        display: block;
    }
    #recruiting.contact .contact_btn ul li {
        text-align: center;
    }
    #recruiting.contact .mw_wp_form_confirm .contact_btn ul li.back {
        margin-right: 0;
        margin-bottom: 20px;
    }
    #recruiting.contact .contact_btn input {
        width: 80%;
        font-size: 14px;
        padding: 10px;
    }
    #recruiting.contact p.complete {
        font-size: 16px;
    }
}


/*お問い合わせここまで*/


/*Q&A*/

.page-template-page-recruiting-faq header {
    display: none;
}

#recruiting.page.faq dl {
    font-size: clamp(16px, 1.09vw, 21px);
    margin-bottom: 1.5em;
}

#recruiting.page.faq dl dt {
    margin-bottom: 0;
    background-color: #fff;
    padding: 2em 2em;
    padding-left: 5em;
    border-bottom: none;
    text-align: left;
    font-size: clamp(16px, 1.09vw, 21px);
    color: #1a1a1a;
    font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif;
    line-height: 1.5;
    cursor: pointer;
    position: relative;
}

#recruiting.page.faq dl dt::before,
#recruiting.page.faq dl dt::after {
    content: " ";
    display: block;
    width: 1em;
    height: 2px;
    background-color: #68d3dd;
    position: absolute;
    bottom: 50%;
    right: 1em;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all cubic-bezier(0.17, 0.67, 0.53, 2.04) 0.8s;
    transition: all cubic-bezier(0.17, 0.67, 0.53, 2.04) 0.8s;
}

#recruiting.page.faq dl dt::after {
    -webkit-transform: translateY(50%) rotate(90deg);
    transform: translateY(50%) rotate(90deg);
}

#recruiting.page.faq dl dt i {
    position: absolute;
    left: 1em;
    bottom: 50%;
    width: 3em;
    height: 3em;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    background-image: url(../../images/recruiting/faq_icon_q.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

#recruiting.page.faq dl dt.active::after {
    -webkit-transform: translateY(50%) rotate(180deg);
    transform: translateY(50%) rotate(180deg);
}

#recruiting.page.faq dl dd {
    text-align: left;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    padding-bottom: 1em;
    padding-top: 2em;
    padding-left: 5em;
    letter-spacing: 0.05em;
    display: none;
}

#recruiting.page.faq dl dd i {
    position: absolute;
    left: 1em;
    top: 1.25em;
    width: 3em;
    height: 3em;
    background-image: url(../../images/recruiting/faq_icon_a.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 768px) {
    .page-template-page-recruiting-faq header {
        display: block;
    }
    .page-template-page-recruiting-faq header .hd_container {
        height: 0;
    }
    .page-template-page-recruiting-faq header .hd_left {
        display: none;
    }
    #recruiting.page.faq dl {
        font-size: clamp(11px, 3.43vw, 15px);
    }
    #recruiting.page.faq dl dt {
        font-size: clamp(11px, 3.43vw, 15px);
    }
}


/*Q&Aここまで*/