:root {
    --main-color: #a76dc8;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: end;
}

.position-relative {
    position: relative!important;
}

.position-absolute {
    position: absolute!important;
}

.recruit--single1-content {
    background-color: #fff;
    z-index: 0;
}

@media (min-width: 1501px) {

    .recruit_b_wrapper {
        padding-top: 100px;
    }

    .recruit_b_wrapper .bg {
        background-image: url(../img/recruitB/recruitB-8.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        top: 34.30vw;
        left: 0;
        width: 100%;
        height: 56.45vw;
        z-index: -1;
    }
    
    .recruit--row {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .recruit--row-col1 {
        width: 39.8%;
        margin-left: 4.2%;
    }
    
    .recruit--title {
        margin-top: 5.63vw;
        line-height: 5.41vw;
    }
    
    .recruit--title h1 {
        font-size: 2.65vw;
        margin-left: 0.2vw;
        letter-spacing:0.13vw;
        color: var(--main-color);
    }
    
    .recruit--row-col2 {
        width: 56%;
    }
    
    .recruit--title p {
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-size: 6.125vw;
        letter-spacing: 0.63vw;
        color: var(--main-color);
    }
    
    .recruit--row2 {
        margin-top: 2.29vw;
    }
    
    .recruit--row2-col1 {
        width: 26%;
        position: sticky;
        top: 10.41vw;
        left: 5.55vw;
        margin-top: -26.45vw;
    }
    
    .recruit--row2-col1 .recruit--btn1 p,
    .recruit--row2-col1 .recruit--btn2 p {
        border: solid 0.13vw var(--main-color);
        border-radius: 1.38vw;
        padding: 0.2vw 2.22vw;
        width: 10.06vw;
        font-size: 1.04vw;
        color: var(--main-color);
    }
    
    .recruit--row2-col1 .recruit--btn1 {
        margin-bottom: 1.38vw;
    }
    
    .recruit--row2-col1 .recruit--btn1 .tri,
    .recruit--row2-col1 .recruit--btn2 .tri {
        clip-path: polygon(0 0, 0 100%, 100% 50%);
        width: 0.83vw;
        height: 0.97vw;
        left: 7.63vw;
        top: 0.76vw;
        background-color: var(--main-color);
        transition: .5s;
    }
    
    .recruit--row2-col1 .recruit--btn1:hover .tri,
    .recruit--row2-col1 .recruit--btn2:hover .tri {
        left: 7.98vw;
    }
    
    .recruit--navigation {
        margin-top: 1.38vw;
    }
    
    .recruit--navigation li {
        margin-bottom:0.34vw;
    }
    
    .recruit--navigation .dot {
        width: 0.97vw;
        height: 0.97vw;
        border-radius: 0.48vw;
        margin-left: 0.27vw;
        background-color: #9c9c9c;
        display: inline-block;
        transition: .5s;
        margin-right:0.34vw;
    }
    
    .recruit--navigation span{
        font-size: 0.9vw;
        letter-spacing:  0.1vw;
        color: #9c9c9c;
        transition: .5s;
    }
    
    .recruit--navigation .navi-list-child:hover .dot,
    .recruit--navigation .navi-list-child .dot.active {
        background-color: var(--main-color);
    }
    
    .recruit--navigation .navi-list-child:hover span,
    .recruit--navigation .navi-list-child .dot.active + span {
        color: var(--main-color);
    }
    
    .recruit--row2-col2 {
        margin-left: 14.09vw;
        width: 53%;
    }
    
    .recruit--row2-col2 .recruit--top-img2 {
        background-image: url(../img/recruitB/recruitB-1.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 26.31vw;
    }
    
    .recruit--row-col2 .recruit--top-img1 {
        background-image: url(../img/recruitB/recruitB-single-top1.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 92%;
        height: 39.02vw;
        margin-top: 1.88vw;
    }
    
    .recruit2--row {
        margin-top: 24.44vw;
    }
    
    .recruit2--row-col1 {
        width: 33.5vw;
        margin-left: 17vw;
    }
    
    .recruit2--row-col1 .recruit2--img1 {
        background-image: url(../img/recruitB/recruitB-3.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 23.47vw;
    }
    
    .recruit2--row-col2 {
        margin-left: 1.45vw;
    }
    
    .recruit2--row-col2 .recruit2--title h3 {
        color: var(--main-color);
        font-size: 3.33vw;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        line-height: 3.61vw;
        letter-spacing: 0vw;
        font-weight: normal;
    }
    
    .recruit2--row-col2 .recruit2--title p {
        color: var(--main-color);
        font-size: 1.31vw;
        letter-spacing: 0.04vw;
        line-height: 2.22vw;
    }
    
    .recruit2--row-col2 .recruit2--text {
        margin-left: 0.2vw;
        margin-top: 0.48vw;
    }
    
    .recruit2--row-col2 .recruit2--text p {
        font-size: 0.9vw;
        letter-spacing: 0.08vw;
        line-height: 1.27vw;
    }
    
    .recruit3--title {
        margin-top: 6.25vw;
    }
    
    .recruit3--title h3 {
        font-size: 2.43vw;
        letter-spacing: 0.45vw;
        margin-left: 5.27vw;
    }
    
    .recruit3--row {
        margin-top: 1.73vw;
        margin-left: 4.72vw;
    }
    
    .recruit3--col1 .tel-icon{
        background-image: url(../img/recruitB/recruitB-4.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 3.81vw;
        height: 3.19vw;
    }
    
    .recruit3--col2 {
        margin-left: 0.69vw;
    }
    
    .recruit3--col2 p {
        font-size: 2.91vw;
        letter-spacing: 0.41vw;
        line-height: 2.43vw;
        margin-top: 0.48vw;
        color: var(--main-color);
    }
    
    .recruit3--time {
        font-size: 0.97vw;
        margin-left: 4.51vw;
        margin-top:0.13vw;
        color: var(--main-color);
    }
    
    .recruit3--btn {
        margin-top: 0.41vw;
    }
    
    .recruit3--btn a {
        width: 30vw;
        margin-left: 5vw;
        display: inline-block;
    }
    
    .recruit3--btn p {
        background-image: linear-gradient(90deg, rgba(157, 94, 194, 1), rgba(38, 64, 114, 1));
        color: #fff;
        padding: 1.11vw;
        font-size: 1.11vw;
        letter-spacing: 0.24vw;
    }
    
    .recruit4--content {
        margin-top: 7.08vw;
        margin-left: 17vw;
        width: 75vw;
    }
    
    .recruit4--title h3 {
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-size: 3.15vw;
        color: var(--main-color);
        line-height: 2.77vw;
    }
    
    .recruit4--title h4 {
        margin-top: 0.83vw;
        font-size: 1.18vw;
        letter-spacing: 0.17vw;
        margin-left:0.13vw;
        color: var(--main-color);
    }
    
    .recruit4--title .caution {
        right: -0.69vw;
        top: 2.98vw;
    }
    
    .recruit4--title .caution p {
        font-size: 0.76vw;
        letter-spacing:  0.1vw;
        line-height: 1.18vw;
        color: #ababab;
    }
    
    .recruit4--row {
        gap: 2.01vw;
        margin-top: 1.87vw;
    }
    
    .recruit4--row-col {
        width: 31.5%;
    }
    
    .recruit4--row-col.col1 .recruit4--col-img {
        background-image: url(../img/recruitB/recruitB-5.jpg);
    }
    
    .recruit4--row-col.col2 .recruit4--col-img {
        background-image: url(../img/recruitB/recruitB-6.jpg);
    }
    
    .recruit4--row-col.col3 .recruit4--col-img {
        background-image: url(../img/recruitB/recruitB-7.jpg);
    }
    
    .recruit4--row-col .recruit4--col-img {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 22.9vw;
    }
    
    .recruit4--col-title {
        margin-top: 1.04vw;
    }
    
    .recruit4--col-title p {
        font-size: 1.45vw;
        letter-spacing: 0.21vw;
        line-height: 2.15vw;
        color: var(--main-color);
        text-wrap: nowrap;
    }
    
    .recruit4--col-title span {
        font-size: 0.97vw;
        letter-spacing: 0.02vw;
    }
    
    .recruit4--col-more {
        width: 4.23vw;
        height: 4.23vw;
        background-color: var(--main-color);
        border-radius: 2.15vw;
        margin-top: 0.27vw;
        margin-left:0.13vw;
        cursor: pointer;
    }
    
    .recruit4--col-more p {
        color: #fff;
        font-size: 0.9vw;
        line-height: 1.04vw;
        padding-top: 0.69vw;
    }
    
    .recruit4--col-more .tri {
        clip-path: polygon(0 100%, 50% 0, 100% 100%);
        width: 0.9vw;
        height: 0.55vw;
        background-color: #fff;
        right: 1.66vw;
        bottom: 0.69vw;
        transform: rotateZ(180deg);
        transition: .75s;
    }
    
    .recruit4--col-more.active .tri {
        transform: rotateZ(0deg);
    }
    
    .recruit4--col-text h5 {
        font-size: 0.97vw;
        margin-top: 0.55vw;
        letter-spacing: 0.17vw;
        color: var(--main-color);
    }
    
    .recruit4--col-text p {
        font-size: 0.9vw;
        letter-spacing: 0.09vw;
        text-wrap: nowrap;
    }
    
    .recruit5--content {
        margin: 3.61vw  calc(50% - 50vw) 0;
        padding-top: 2.5vw;
        background-color: #dfdce0;
        padding-bottom: 3.75vw;
    }
    
    .recruit5--title {
        margin-top: 1.73vw;
        margin-left: 6vw;
    }
    
    .recruit5--title .midashi--img {
        background-image: url(../img/recruitB/Q&A.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height:3.47vw;
        width: 7.98vw;
        margin: auto;
    }
    
    .recruit5--title h3 {
        margin-top: 0.69vw;
    }
    
    .recruit5--content .tabs {
        width: 73vw;
        margin-left: 17vw;
        margin-top: 2.08vw;
    }
    
    .recruit5--content .tabs .tab_item {
        height: 4.16vw;
        line-height: 4.16vw;
        margin-left: 1.04vw;
        margin-right: 1.04vw;
        font-size: 1.1vw;
        width: 22vw;
        max-width: unset;
    }
    
    .recruit5--content .tabs .tab_item:first-of-type {
        margin-left: 0.9vw;
    }
    
    .recruit5--content .tabs .tab_item:last-of-type {
        margin-right: 0vw;
    }
    
    .recruit5--content .tab_content {
        padding-top: 1.8vw;
    }
    
    .recruit5--content #all_content,
    .recruit5--content #design_content {
        padding-top: 4.79vw;
    }
    
    
    .recruit5--content .tab_content .recruit_faq_title {
        font-size: 1.11vw;
        margin-bottom: 0.9vw;
    }
    
    .recruit5--content .tab_content label.title {
        padding-left: 4.65vw;
        padding-top: 3.05vw;
        padding-bottom: 2.5vw;
        font-size: 0.93vw;
        background: none;
    }
    
    .recruit5--content .tab_content .option .icon_q {
        background-image: url(../img/common/faq_img01.png);
        background-size: cover;
        width: 1.94vw;
        height: 2.43vw;
        top: 2.56vw;
        left: 1.18vw;
    }
    
    .recruit5--content .tab_content .option .icon_a {
        background-image: url(../img/common/faq_img02.png);
        background-size: cover;
        width: 1.8vw;
        height: 1.94vw;
        margin-right: 1.66vw;
    }
    
    .recruit5--content .tab_content .shadow {
        margin-bottom: 1.38vw;
    }
    
    .title::after, .title::before {
        right: 3vw;
        top: 2.4vw!important;
        height: 2.25vw;
    }
    
    .option .content {
        margin: 0 1.04vw;
        padding-left:0.13vw;
        background: none;
        padding-bottom: 0.27vw;
    }
    
    .option .content p {
        font-size:  0.92vw;
        padding: 2.5vw  0!important;
    }
    
    .recruit6--content {
        padding-top: 59.9px;
        padding-bottom: 120px;
        background-color: #fff;
    }
    
    .recruit_b_wrapper .recruit6--title {
        margin-left: 6.65vw;
    }
    
    .single-recruit .recruit6--title {
        margin-left: 0;
    }
    
    .recruit6--content h3 {
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-size:50px;
        font-size: 3.15vw;
        color: var(--main-color);
        line-height: 2.77vw;
    }
    
    .recruit6--content h4 {
        margin-top: 7.92px;
        font-size: 1vw;
    }
    
    .recruit_b_wrapper .recruit6--recruit-type {
        margin-left: 7vw;
        margin-top: 30px;
    }

    .recruit6--recruit-type {
        margin-top: 30px;
    }
    
    .single-recruit .recruit6--recruit-type {
        margin-left: 0;
    }
    
    .recruit6--recruit-type-col.col1 {
        margin-right: 4.5%;
    }
    
    .recruit6--recruit-type-col {
        width: 28%;
    }
    
    .recruit6--recruit-type-col button {
        width: 100%;
        background-color: #9b9b9b;
        color: #fff;
        padding: 0.69vw;
        border-radius: 1.04vw;
        font-size: 1.5vw;
        transition: .5s;
        letter-spacing:0.13vw;
    }
    
    .recruit6--recruit-type-col button.active {
        background-color: var(--main-color);
        color: #fff;
    }
    
    .recruit_b_wrapper .recruit--list-main .region {
        margin-left: 19vw;
    }

    .recruit--list-main .region {
        margin-top: 52.9px;
        margin-left: 15.62vw;
        margin-bottom: 45.9px;
        width: 68.75vw;
        gap: 1.25vw;
        flex-wrap: wrap;
    }
    
    .recruit--list-main .region .dot {
        display: inline-block;
        width: 0.8vw;
        height: 0.8vw;
        background-color: #fff;
        border-radius: 1vw;
        margin-right: 0.69vw;
        transition: .5s;
    }
    
    .recruit--list-main .recruit--col-category button{
        color: #fff;
        display: block;
        border-radius: 1vw;
        padding: 0 1.38vw;
        background-color: #9b9b9b;
        /* border: solid 0.06vw  var(--main-color); */
        transition: .5s;
        font-size: 1.1vw;
    }
    
    .recruit--list-main .recruit--col-category button.active {
        background-color: var(--main-color);
        color: #fff;
    }
    
    .recruit--list-main .region .recruit--col-category button.active .dot {
        background-color: #fff;
    }
    
    .recruit_b_wrapper .recruit--list-main .recruit--post-row {
        margin: 0 0 0 17vw;
    }

    .recruit--list-main .recruit--post-row {
        flex-wrap: wrap;
        width: 73.4vw;
        margin: auto;
        gap: 1vw 1vw;
        margin-top: 3.12vw;
        min-width: 650px;
    }

    .recruit--list-main .recruit--post-row a {
        height: fit-content;
    }
    
    .recruit--col {
        width: 23.61vw;
        border: solid 0.1vw var(--main-color);
        border-radius: 1.04vw;
        padding-bottom: 0.69vw;
        min-width: 210px;
        padding-right: 1vw;
    }
    
    .recruit--col-title {
        margin-top: 1.04vw;
        margin-left: 0.83vw;
        margin-right: 0.83vw;
        border-radius: 6.94vw;
        border: solid 0.1vw var(--main-color);
        padding: 0vw  2.29vw;
        max-width: 21.52vw;
        display: inline-block;
    }
    
    .recruit--col-title .dot {
        display: inline-block;
        width: 0.6vw;
        height: 0.6vw;
        background-color: var(--main-color);
        border-radius: 0.3vw;
        margin-right: 0.69vw;
        transition: .5s;
    }
    
    .recruit--col-title span {
        font-size: 1vw;
        line-height: 1.5vw;
        font-weight: bold;
        display: inline-block;
        color: var(--main-color);
    }
    
    .recruit--col-text {
        color: var(--main-color);
        font-weight: bold;
        flex-wrap: wrap;
        margin-left: 0.97vw;
        margin-top: 0.2vw;
        gap: 0.27vw 0.34vw;
    }
    
    .recruit--col-text p {
        font-size: 1vw;
        letter-spacing:  0.1vw;
    }
    
    .view-more-btn {
        justify-content: end;
    }
    
    .view-more-btn-col.col1,
    .view-more-btn-col.col2 {
        margin-right: 5px;
    }
    
    .view-more-btn .tri {
        clip-path: polygon(0 0, 0 100%, 100% 50%);
        width: 0.6vw;
        height: 0.8vw;
        background-color: var(--main-color);
    }
    
    .view-more-btn-col p {
        font-size: 0.9vw;
        color: var(--main-color);
        font-weight: bold;
    }

    .contact--btn {
        background-color: #fff;
    }

    .contact--btn a {
        color: #fff;
        padding: 1vw 3vw;
        display: block;
        width: 35vw;
        margin: 3vw auto 0;
        background-color: var(--main-color);
        border-radius: 21px;
    }

    .contact--btn p {
        font-size: 1.5vw;
    }

    .contact--btn a .tri {
        clip-path: polygon(0 0, 0 100%, 100% 50%);
        background-color: #fff;
        width: 0.8vw;
        height: 1vw;
        right: 2vw;
        top: 2vw;
        transition: .5s;
    }

    .contact--btn a:hover .tri {
        right: 1.8vw;
    }
    
    /* single */
    .swiper-pagination-bullet {
        background-color: #eee!important;
    }
    
    .single-Img {
        margin-top: 100px;
    }
    
    .single--title {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 1;
    }
    
    .single--title p {
        color: #fff;
        font-size: 6.25vw;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        letter-spacing: 0.55vw;
        line-height: 5.55vw;
    }
    
    .single--title h1 {
        color: #fff;
        font-size: 2.43vw;
        letter-spacing:0.34vw;
    }
    
    .recruit--single1-content-bg {
        background-image: url(../img/recruitB/recruitB-8.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        /* top: 34.30vw; */
        left: 0;
        width: 100%;
        height: 56.45vw;
        z-index: -1;
    }
    
    .recruit--single1--title {
        padding-top: 4.44vw;
    }
    
    .recruit--single1--title h2 {
        font-size: 3.15vw;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        letter-spacing:0.34vw;
        color: var(--main-color);
    }
    
    .recruit--single1--title .region {
        background-color: var(--main-color);
        border-radius:3.47vw;
        padding:0.13vw 1.73vw;
        display: inline-block;
    }
    
    .recruit--single1--title .region .dot {
        display: inline-block;
        width: 0.6vw;
        height: 0.6vw;
        border-radius: 0.3vw;
        background-color: #fff;
        margin-right:0.34vw;
    }
    
    .recruit--single1--title .region p {
        color: #fff;
        display: inline-block;
        font-size: 1.1vw;
    }
    
    .recruit--single1--navi {
        margin-top: 3.75vw;
        width: 52.5vw;
        margin-left: 36.52vw;
    }
    
    .recruit--single1--navi-row {
        gap: 0 0.34vw;
        overflow-x: auto;
        overflow-y: hidden;
    }
    
    .recruit--single1--navi-col {
        height: 3.61vw;
        line-height: 3.61vw;
        flex-shrink: 0;
    }
    
    .recruit--single1--navi-col p {
        color: var(--main-color);
        letter-spacing: 0.03vw;
        font-size: 1.05vw;
        padding: 0 1.04vw;
        background-color: #fff;
        border-left: solid 0.08vw;
        border-top: solid 0.08vw;
        border-right: solid 0.08vw;
        border-radius:0.34vw 0.34vw  0 0;
    }
    
    .recruit--single1--navi-col button.active p {
        background-color: #f8f3fa;
    }
    
    .recruit--single1--main {
        width:  78.19vw;
        margin: auto;
    }
    
    .recruit--single1--main-col.col1 {
        width: 25.69vw;
        background-color: var(--main-color);
        border: solid 0.06vw  #c8c7c5;
    }
    
    .recruit--single1--main-col h4 {
        margin-left: 2.7vw;
        font-size: 1.1vw;
        color: #fff;
        padding: 1.45vw  0;
    }
    
    .recruit--single1--main-col.col2 {
        width: 52.43vw;
        border-top: solid 0.06vw  #c8c7c5;
        border-bottom: solid 0.06vw  #c8c7c5;
        border-right: solid 0.06vw  #c8c7c5;
        background-color: #f8f3fa;
    }
    
    .recruit--single1--main-col.col2 p {
        padding: 1.45vw  0;
        font-size: 1.1vw;
        margin-left: 2.7vw;
        letter-spacing:  0.1vw;
    }

    .google-map--box {
        padding: 1.45vw 0;
        margin-left: 2.7vw;
    }

    .google-map--box iframe {
        width: 95%;
    }

    .not-found {
        padding: 100px;
        background-color: #fff;
        font-size: 16px;
    }

    .recruit_b_wrapper .recruit--not-found {
        text-align: center;
        margin-top: 5vw;
        margin-left: 8vw;
        font-size: 28px;
    }

    .recruit--not-found {
        text-align: center;
        margin-top: 5vw;
        font-size: 28px;
    }

    /* single end */

}

@media (max-width: 1500px) {

    .recruit_b_wrapper {
        padding-top: 100px;
    }

    .recruit_b_wrapper .bg {
        background-image: url(../img/recruitB/recruitB-8.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        top: 34.30vw;
        left: 0;
        width: 100%;
        height: 56.45vw;
        z-index: -1;
    }
    
    .recruit--row {
        max-width: 1500px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .recruit--row-col1 {
        width: 39.8%;
        margin-left: 4.2%;
    }
    
    .recruit--title {
        margin-top: 5.63vw;
        line-height: 5.41vw;
    }
    
    .recruit--title h1 {
        font-size: 2.65vw;
        margin-left: 0.2vw;
        letter-spacing:0.13vw;
        color: var(--main-color);
    }
    
    .recruit--row-col2 {
        width: 56%;
    }
    
    .recruit--title p {
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-size: 6.125vw;
        letter-spacing: 0.63vw;
        color: var(--main-color);
    }
    
    .recruit--row2 {
        margin-top: 2.29vw;
    }
    
    .recruit--row2-col1 {
        width: 26%;
        position: sticky;
        top: 10.41vw;
        left: 5.55vw;
        margin-top: -26.45vw;
    }
    
    .recruit--row2-col1 .recruit--btn1 p,
    .recruit--row2-col1 .recruit--btn2 p {
        border: solid 0.13vw var(--main-color);
        border-radius: 1.38vw;
        padding: 0.2vw 2.22vw;
        width: 10.06vw;
        font-size: 1.04vw;
        color: var(--main-color);
    }
    
    .recruit--row2-col1 .recruit--btn1 {
        margin-bottom: 1.38vw;
    }
    
    .recruit--row2-col1 .recruit--btn1 .tri,
    .recruit--row2-col1 .recruit--btn2 .tri {
        clip-path: polygon(0 0, 0 100%, 100% 50%);
        width: 0.83vw;
        height: 0.97vw;
        left: 7.63vw;
        top: 0.76vw;
        background-color: var(--main-color);
        transition: .5s;
    }
    
    .recruit--row2-col1 .recruit--btn1:hover .tri,
    .recruit--row2-col1 .recruit--btn2:hover .tri {
        left: 7.98vw;
    }
    
    .recruit--navigation {
        margin-top: 1.38vw;
    }
    
    .recruit--navigation li {
        margin-bottom:0.34vw;
    }
    
    .recruit--navigation .dot {
        width: 0.97vw;
        height: 0.97vw;
        border-radius: 0.48vw;
        margin-left: 0.27vw;
        background-color: #9c9c9c;
        display: inline-block;
        transition: .5s;
        margin-right:0.34vw;
    }
    
    .recruit--navigation span{
        font-size: 0.9vw;
        letter-spacing:  0.1vw;
        color: #9c9c9c;
        transition: .5s;
    }
    
    .recruit--navigation .navi-list-child:hover .dot,
    .recruit--navigation .navi-list-child .dot.active {
        background-color: var(--main-color);
    }
    
    .recruit--navigation .navi-list-child:hover span,
    .recruit--navigation .navi-list-child .dot.active + span {
        color: var(--main-color);
    }
    
    .recruit--row2-col2 {
        margin-left: 14.09vw;
        width: 53%;
    }
    
    .recruit--row2-col2 .recruit--top-img2 {
        background-image: url(../img/recruitB/recruitB-2.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 26.31vw;
    }
    
    .recruit--row-col2 .recruit--top-img1 {
        background-image: url(../img/recruitB/recruitB-single-top1.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 92%;
        height: 39.02vw;
        margin-top: 1.88vw;
    }
    
    .recruit2--row {
        margin-top: 24.44vw;
    }
    
    .recruit2--row-col1 {
        width: 33.5%;
        margin-left: 15%;
    }
    
    .recruit2--row-col1 .recruit2--img1 {
        background-image: url(../img/recruitB/recruitB-3.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 23.47vw;
    }
    
    .recruit2--row-col2 {
        margin-left: 1.45vw;
    }
    
    .recruit2--row-col2 .recruit2--title h3 {
        color: var(--main-color);
        font-size: 3.33vw;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        line-height: 3.61vw;
        letter-spacing: 0vw;
        font-weight: normal;
    }
    
    .recruit2--row-col2 .recruit2--title p {
        color: var(--main-color);
        font-size: 1.31vw;
        letter-spacing: 0.04vw;
        line-height: 2.22vw;
    }
    
    .recruit2--row-col2 .recruit2--text {
        margin-left: 0.2vw;
        margin-top: 0.48vw;
    }
    
    .recruit2--row-col2 .recruit2--text p {
        font-size: 0.9vw;
        letter-spacing: 0.08vw;
        line-height: 1.27vw;
    }
    
    .recruit3--title {
        margin-top: 6.25vw;
    }
    
    .recruit3--title h3 {
        font-size: 2.43vw;
        letter-spacing: 0.45vw;
        margin-left: 5.27vw;
    }
    
    .recruit3--row {
        margin-top: 1.73vw;
        margin-left: 4.72vw;
    }
    
    .recruit3--col1 .tel-icon{
        background-image: url(../img/recruitB/recruitB-4.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 3.81vw;
        height: 3.19vw;
    }
    
    .recruit3--col2 {
        margin-left: 0.69vw;
    }
    
    .recruit3--col2 p {
        font-size: 2.91vw;
        letter-spacing: 0.41vw;
        line-height: 2.43vw;
        margin-top: 0.48vw;
        color: var(--main-color);
    }
    
    .recruit3--time {
        font-size: 0.97vw;
        margin-left: 4.51vw;
        margin-top:0.13vw;
        color: var(--main-color);
    }
    
    .recruit3--btn {
        margin-top: 0.41vw;
    }
    
    .recruit3--btn a {
        width: 29.5%;
        margin-left: 4.5%;
        display: inline-block;
    }
    
    .recruit3--btn p {
        background-image: linear-gradient(90deg, rgba(157, 94, 194, 1), rgba(38, 64, 114, 1));
        color: #fff;
        padding: 1.11vw;
        font-size: 1.11vw;
        letter-spacing: 0.24vw;
    }
    
    .recruit4--content {
        margin-top: 7.08vw;
        margin-left: 15%;
        width: 75%;
    }
    
    .recruit4--title h3 {
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-size: 3.15vw;
        color: var(--main-color);
        line-height: 2.77vw;
    }
    
    .recruit4--title h4 {
        margin-top: 0.83vw;
        font-size: 1.18vw;
        letter-spacing: 0.17vw;
        margin-left:0.13vw;
        color: var(--main-color);
    }
    
    .recruit4--title .caution {
        right: -0.69vw;
        top: 2.98vw;
    }
    
    .recruit4--title .caution p {
        font-size: 0.76vw;
        letter-spacing:  0.1vw;
        line-height: 1.18vw;
        color: #ababab;
    }
    
    .recruit4--row {
        gap: 2.01vw;
        margin-top: 1.87vw;
    }
    
    .recruit4--row-col {
        width: 31.5%;
    }
    
    .recruit4--row-col.col1 .recruit4--col-img {
        background-image: url(../img/recruitB/recruitB-5.jpg);
    }
    
    .recruit4--row-col.col2 .recruit4--col-img {
        background-image: url(../img/recruitB/recruitB-6.jpg);
    }
    
    .recruit4--row-col.col3 .recruit4--col-img {
        background-image: url(../img/recruitB/recruitB-7.jpg);
    }
    
    .recruit4--row-col .recruit4--col-img {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 22.9vw;
    }
    
    .recruit4--col-title {
        margin-top: 1.04vw;
    }
    
    .recruit4--col-title p {
        font-size: 1.45vw;
        letter-spacing: 0.21vw;
        line-height: 2.15vw;
        color: var(--main-color);
        text-wrap: nowrap;
    }
    
    .recruit4--col-title span {
        font-size: 0.97vw;
        letter-spacing: 0.02vw;
    }
    
    .recruit4--col-more {
        width: 4.23vw;
        height: 4.23vw;
        background-color: var(--main-color);
        border-radius: 2.15vw;
        margin-top: 0.27vw;
        margin-left:0.13vw;
        cursor: pointer;
    }
    
    .recruit4--col-more p {
        color: #fff;
        font-size: 0.9vw;
        line-height: 1.04vw;
        padding-top: 0.69vw;
    }
    
    .recruit4--col-more .tri {
        clip-path: polygon(0 100%, 50% 0, 100% 100%);
        width: 0.9vw;
        height: 0.55vw;
        background-color: #fff;
        right: 1.66vw;
        bottom: 0.69vw;
        transform: rotateZ(180deg);
        transition: .75s;
    }
    
    .recruit4--col-more.active .tri {
        transform: rotateZ(0deg);
    }
    
    .recruit4--col-text h5 {
        font-size: 0.97vw;
        margin-top: 0.55vw;
        letter-spacing: 0.17vw;
        color: var(--main-color);
    }
    
    .recruit4--col-text p {
        font-size: 0.9vw;
        letter-spacing: 0.09vw;
        text-wrap: nowrap;
    }
    
    .recruit5--content {
        margin: 3.61vw  calc(50% - 50vw) 0;
        padding-top: 2.5vw;
        background-color: #dfdce0;
        padding-bottom: 3.75vw;
    }
    
    .recruit5--title {
        margin-top: 1.73vw;
        margin-left: 2.5vw;
    }
    
    .recruit5--title .midashi--img {
        background-image: url(../img/recruitB/Q&A.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height:3.47vw;
        width: 7.98vw;
        margin: auto;
    }
    
    .recruit5--title h3 {
        margin-top: 0.69vw;
    }
    
    .recruit5--content .tabs {
        width: 73%;
        margin-left: 16%;
        margin-top: 2.08vw;
    }
    
    .recruit5--content .tabs .tab_item {
        height: 4.16vw;
        line-height: 4.16vw;
        margin-left: 1.04vw;
        margin-right: 1.04vw;
        font-size: 1.1vw;
        width: 22vw;
        max-width: 316px;
    }
    
    .recruit5--content .tabs .tab_item:first-of-type {
        margin-left: 0.9vw;
    }
    
    .recruit5--content .tabs .tab_item:last-of-type {
        margin-right: 0vw;
    }
    
    .recruit5--content .tab_content {
        padding-top: 1.8vw;
    }
    
    .recruit5--content #all_content,
    .recruit5--content #design_content {
        padding-top: 4.79vw;
    }
    
    
    .recruit5--content .tab_content .recruit_faq_title {
        font-size: 1.11vw;
        margin-bottom: 0.9vw;
    }
    
    .recruit5--content .tab_content label.title {
        padding-left: 4.65vw;
        padding-top: 3.05vw;
        padding-bottom: 2.5vw;
        font-size: 0.93vw;
        background: none;
    }
    
    .recruit5--content .tab_content .option .icon_q {
        background-image: url(../img/common/faq_img01.png);
        background-size: cover;
        width: 1.94vw;
        height: 2.43vw;
        top: 2.56vw;
        left: 1.18vw;
    }
    
    .recruit5--content .tab_content .option .icon_a {
        background-image: url(../img/common/faq_img02.png);
        background-size: cover;
        width: 1.8vw;
        height: 1.94vw;
        margin-right: 1.66vw;
    }
    
    .recruit5--content .tab_content .shadow {
        margin-bottom: 1.38vw;
    }
    
    .title::after, .title::before {
        right: 3vw;
        top: 2.4vw!important;
        height: 2.25vw;
    }
    
    .option .content {
        margin: 0 1.04vw;
        padding-left:0.13vw;
        background: none;
        padding-bottom: 0.27vw;
    }
    
    .option .content p {
        font-size:  0.92vw;
        padding: 2.5vw  0!important;
    }
    
    .recruit6--content {
        padding-top: 59.9px;
        padding-bottom: 120px;
        background-color: #fff;
    }
    
    .recruit_b_wrapper .recruit6--title {
        margin-left: 4.65vw;
    }
    
    .single-recruit .recruit6--title {
        margin-left: 0;
    }
    
    .recruit6--content h3 {
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-size:50px;
        font-weight: normal;
        color: var(--main-color);
        line-height: 50px;
    }
    
    .recruit6--content h4 {
        margin-top: 7.92px;
        font-size: 18px;
    }
    
    .recruit_b_wrapper .recruit6--recruit-type {
        margin-left: 7%;
        margin-top: 30px;
    }

    .recruit6--recruit-type {
        margin-top: 30px;
    }
    
    .single-recruit .recruit6--recruit-type {
        margin-left: 0;
    }
    
    .recruit6--recruit-type-col.col1 {
        margin-right: 4.5%;
    }
    
    .recruit6--recruit-type-col {
        width: 28%;
    }
    
    .recruit6--recruit-type-col button {
        width: 100%;
        background-color: #9b9b9b;
        color: #fff;
        padding: 0.69vw;
        border-radius: 1.04vw;
        font-size: 21px;
        transition: .5s;
        letter-spacing:0.13vw;
    }
    
    .recruit6--recruit-type-col button.active {
        background-color: var(--main-color);
        color: #fff;
    }
    
    .recruit_b_wrapper .recruit--list-main .region {
        margin-left: 17.01vw;
    }

    .recruit--list-main .region {
        margin-top: 52.9px;
        margin-left: 15.62vw;
        margin-bottom: 45.9px;
        width: 68.75vw;
        gap: 1.25vw;
        flex-wrap: wrap;
    }
    
    .recruit--list-main .region .dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #fff;
        border-radius: 5px;
        margin-right: 0.69vw;
        transition: .5s;
    }
    
    .recruit--list-main .recruit--col-category button{
        color: #fff;
        display: block;
        border-radius: 15px;
        padding: 0 1.38vw;
        background-color: #9b9b9b;
        /* border: solid 0.06vw  var(--main-color); */
        transition: .5s;
        font-size: 16px;
    }
    
    .recruit--list-main .recruit--col-category button.active {
        background-color: var(--main-color);
        color: #fff;
    }
    
    .recruit--list-main .region .recruit--col-category button.active .dot {
        background-color: #fff;
    }
    
    .recruit_b_wrapper .recruit--list-main .recruit--post-row {
        margin: 0 0 0 15%;
    }

    .recruit--list-main .recruit--post-row {
        flex-wrap: wrap;
        width: 73.4vw;
        margin: auto;
        gap: 11px 9.6px;
        margin-top: 3.12vw;
        min-width: 650px;
    }

    .recruit--list-main .recruit--post-row a {
        height: fit-content;
    }
    
    .recruit--col {
        width: 23.61vw;
        border: solid 1px var(--main-color);
        border-radius: 1.04vw;
        padding-bottom: 0.69vw;
        min-width: 210px;
    }
    
    .recruit--col-title {
        margin-top: 1.04vw;
        margin-left: 0.83vw;
        margin-right: 0.83vw;
        border-radius: 6.94vw;
        border: solid 1px var(--main-color);
        padding: 0vw  2.29vw;
        max-width: 21.52vw;
        display: inline-block;
    }
    
    .recruit--col-title .dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: var(--main-color);
        border-radius: 15px;
        margin-right: 0.69vw;
        transition: .5s;
    }
    
    .recruit--col-title span {
        font-size: 14.9px;
        line-height: 19.8px;
        font-weight: bold;
        display: inline-block;
        color: var(--main-color);
    }
    
    .recruit--col-text {
        color: var(--main-color);
        font-weight: bold;
        flex-wrap: wrap;
        margin-left: 0.97vw;
        margin-top: 0.2vw;
        gap: 0.27vw 0.34vw;
    }
    
    .recruit--col-text p {
        font-size: 14px;
        letter-spacing:  0.1vw;
    }
    
    .view-more-btn {
        justify-content: end;
    }
    
    .view-more-btn-col.col1,
    .view-more-btn-col.col2 {
        margin-right: 5px;
    }
    
    .view-more-btn .tri {
        clip-path: polygon(0 0, 0 100%, 100% 50%);
        width: 8px;
        height: 12px;
        background-color: var(--main-color);
    }
    
    .view-more-btn-col p {
        font-size: 12.9px;
        color: var(--main-color);
        font-weight: bold;
    }

    .recruit_b_wrapper .recruit--not-found {
        text-align: center;
        margin-top: 5vw;
        margin-left: 8vw;
    }

    .recruit--not-found {
        text-align: center;
        margin-top: 5vw;
    }

    .contact--btn {
        background-color: #fff;
    }

    .contact--btn a {
        color: #fff;
        padding: 9px 80px;
        display: block;
        width: 600px;
        margin: 34px auto 0;
        background-color: var(--main-color);
        border-radius: 21px;
    }

    .contact--btn p {
        font-size: 23px;
    }

    .contact--btn a .tri {
        clip-path: polygon(0 0, 0 100%, 100% 50%);
        background-color: #fff;
        width: 18px;
        height: 22px;
        right: 60px;
        top: 20px;
        transition: .5s;
    }

    .contact--btn a:hover .tri {
        right: 55px;
    }
    
    /* single */
    .swiper-pagination-bullet {
        background-color: #eee!important;
    }
    
    .single-Img {
        margin-top: 100px;
    }
    
    .single--title {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 1;
    }
    
    .single--title p {
        color: #fff;
        font-size: 6.25vw;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        letter-spacing: 0.55vw;
        line-height: 5.55vw;
    }
    
    .single--title h1 {
        color: #fff;
        font-size: 2.43vw;
        letter-spacing:0.34vw;
    }
    
    .recruit--single1-content-bg {
        background-image: url(../img/recruitB/recruitB-8.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        /* top: 34.30vw; */
        left: 0;
        width: 100%;
        height: 56.45vw;
        z-index: -1;
    }
    
    .recruit--single1--title {
        padding-top: 4.44vw;
    }
    
    .recruit--single1--title h2 {
        font-size:50px;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        letter-spacing:0.34vw;
        color: var(--main-color);
    }
    
    .recruit--single1--title .region {
        background-color: var(--main-color);
        border-radius:3.47vw;
        padding:0.13vw 1.73vw;
        display: inline-block;
    }
    
    .recruit--single1--title .region .dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #fff;
        margin-right:0.34vw;
    }
    
    .recruit--single1--title .region p {
        color: #fff;
        display: inline-block;
    }
    
    .recruit--single1--navi {
        margin-top: 3.75vw;
        width: 52.5vw;
        margin-left: 36.52vw;
    }
    
    .recruit--single1--navi-row {
        gap: 0 0.34vw;
        overflow-x: auto;
        overflow-y: hidden;
    }
    
    .recruit--single1--navi-col {
        height: 3.61vw;
        line-height: 3.61vw;
        flex-shrink: 0;
    }
    
    .recruit--single1--navi-col p {
        color: var(--main-color);
        letter-spacing: 0.03vw;
        font-size: 16px;
        padding: 0 1.04vw;
        background-color: #fff;
        border-left: solid 1px;
        border-top: solid 1px;
        border-right: solid 1px;
        border-radius:0.34vw 0.34vw  0 0;
    }
    
    .recruit--single1--navi-col button.active p {
        background-color: #f8f3fa;
    }
    
    .recruit--single1--main {
        width:  78.19vw;
        margin: auto;
    }
    
    .recruit--single1--main-col.col1 {
        width: 25.69vw;
        background-color: var(--main-color);
        border: solid 0.06vw  #c8c7c5;
    }
    
    .recruit--single1--main-col h4 {
        margin-left: 2.7vw;
        font-size: 15px;
        color: #fff;
        padding: 1.45vw  0;
    }
    
    .recruit--single1--main-col.col2 {
        width: 52.43vw;
        border-top: solid 0.06vw  #c8c7c5;
        border-bottom: solid 0.06vw  #c8c7c5;
        border-right: solid 0.06vw  #c8c7c5;
        background-color: #f8f3fa;
    }
    
    .recruit--single1--main-col.col2 p {
        padding: 1.45vw  0;
        font-size: 15px;
        margin-left: 2.7vw;
        letter-spacing:  0.1vw;
    }

    .google-map--box {
        padding: 1.45vw 0;
        margin-left: 2.7vw;
    }

    .google-map--box iframe {
        width: 95%;
    }

    .not-found {
        padding: 100px;
        background-color: #fff;
        font-size: 16px;
    }

    /* single end */

}

@media (max-width: 768px) {

    .pc {
        display: none;
    }

    .recruit_b_wrapper {
        padding-top: 100px;
    }

    .recruit_b_wrapper .bg {
        background-image: url(../img/recruitB/recruitB-8.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        top: 34.30vw;
        left: 0;
        width: 100%;
        height: 56.45vw;
        z-index: -1;
    }
    
    .recruit--row {
        max-width: 1500px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .recruit--row-col1 {
        width: 40%;
        margin-left: 0%;
        margin-right: 4%;
        z-index: 1;
    }
    
    .recruit--title {
        margin-top: 5vw;
        line-height: 5.41vw;
    }
    
    .recruit--title h1 {
        font-size: 15px;
        margin-left: 0;
        letter-spacing: 1px;
        color: var(--main-color);
        margin-top: 10px;
    }
    
    .recruit--row-col2 {
        width: 56%;
    }
    
    .recruit--title p {
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-size: 50px;
        letter-spacing: 0.63vw;
        color: var(--main-color);
    }
    
    .recruit--row2 {
        margin-top: 2.29vw;
    }
    
    .recruit--row2-col1 {
        display: none;
    }
    
    .recruit--row2-col1 .recruit--btn1 p,
    .recruit--row2-col1 .recruit--btn2 p {
        border: solid 0.13vw var(--main-color);
        border-radius: 1.38vw;
        padding: 0.2vw 2.22vw;
        width: 10.06vw;
        font-size: 1.04vw;
        color: var(--main-color);
    }
    
    .recruit--row2-col1 .recruit--btn1 {
        margin-bottom: 1.38vw;
    }
    
    .recruit--row2-col1 .recruit--btn1 .tri,
    .recruit--row2-col1 .recruit--btn2 .tri {
        clip-path: polygon(0 0, 0 100%, 100% 50%);
        width: 0.83vw;
        height: 0.97vw;
        left: 7.63vw;
        top: 0.76vw;
        background-color: var(--main-color);
        transition: .5s;
    }
    
    .recruit--row2-col1 .recruit--btn1:hover .tri,
    .recruit--row2-col1 .recruit--btn2:hover .tri {
        left: 7.98vw;
    }
    
    .recruit--navigation {
        margin-top: 1.38vw;
    }
    
    .recruit--navigation li {
        margin-bottom:0.34vw;
    }
    
    .recruit--navigation .dot {
        width: 0.97vw;
        height: 0.97vw;
        border-radius: 0.48vw;
        margin-left: 0.27vw;
        background-color: #9c9c9c;
        display: inline-block;
        transition: .5s;
        margin-right:0.34vw;
    }
    
    .recruit--navigation span{
        font-size: 0.9vw;
        letter-spacing:  0.1vw;
        color: #9c9c9c;
        transition: .5s;
    }
    
    .recruit--navigation .navi-list-child:hover .dot,
    .recruit--navigation .navi-list-child .dot.active {
        background-color: var(--main-color);
    }
    
    .recruit--navigation .navi-list-child:hover span,
    .recruit--navigation .navi-list-child .dot.active + span {
        color: var(--main-color);
    }
    
    .recruit--row2-col2 {
        margin-left: 0;
        width: 100%;
    }
    
    .recruit--row2-col2 .recruit--top-img2 {
        background-image: url(../img/recruitB/recruitB-2.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 62%;
        height: 30.04vw;
        margin: auto;
    }
    
    .recruit--row-col2 .recruit--top-img1 {
        background-image: url(../img/recruitB/recruitB-single-top1.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 41vw;
        margin-top: 9vw;
    }
    
    .recruit2--row {
        margin-top: 10vw;
        flex-direction: column;
        padding-right: 20px;
        padding-left: 20px;
    }
    
    .recruit2--row-col1,
    .recruit2--row-col2 {
        width: 100%;
        margin: 0 auto 5vw;
    }
    
    .recruit2--row-col1 .recruit2--img1 {
        background-image: url(../img/recruitB/recruitB-3.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 51vw;
    }
    
    .recruit2--row-col2 .recruit2--title h3 {
        color: var(--main-color);
        font-size: 30px;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        line-height: 30px;
        letter-spacing: 0vw;
        font-weight: normal;
    }
    
    .recruit2--row-col2 .recruit2--title p {
        color: var(--main-color);
        font-size: 20px;
        letter-spacing: 0.04vw;
        line-height: 25px;
        margin-top: 3vw;
    }
    
    .recruit2--row-col2 .recruit2--text {
        margin-left: 0vw;
        margin-top: 3vw;
    }
    
    .recruit2--row-col2 .recruit2--text p {
        font-size: 15px;
        letter-spacing: 0.08vw;
        line-height: 20px;
    }
    
    .recruit3--title {
        margin-top: 6.25vw;
    }
    
    .recruit3--title h3 {
        font-size: 17px;
        letter-spacing: 2.4px;
        margin-left: 0;
    }
    
    .recruit3--row {
        margin-top: 1.73vw;
        margin-left: 0;
    }
    
    .recruit3--col1 .tel-icon{
        background-image: url(../img/recruitB/recruitB-4.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 29px;
        height: 24.4px;
    }
    
    .recruit3--col2 {
        margin-left: 0.69vw;
    }
    
    .recruit3--col2 p {
        font-size: 22.3px;
        letter-spacing: 3.14px;
        line-height: 18.6px;
        margin-top: 3.6px;
        color: var(--main-color);
    }
    
    .recruit3--time {
        font-size: 14px;
        margin-left: 0;
        margin-top: 10px;
        color: var(--main-color);
    }
    
    .recruit3--btn {
        margin-top: 10px;
    }
    
    .recruit3--btn a {
        width: auto;
        margin-left: 0;
        display: inline-block;
    }
    
    .recruit3--btn p {
        background-image: linear-gradient(90deg, rgba(157, 94, 194, 1), rgba(38, 64, 114, 1));
        color: #fff;
        padding: 10px 20px;
        font-size: 14px;
        letter-spacing: 1.8px;
    }
    
    .recruit4--content {
        margin: 15vw auto;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }
    
    .recruit4--title h3 {
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-size: 30px;
        color: var(--main-color);
        line-height: 2.77vw;
    }
    
    .recruit4--title h4 {
        margin-top: 0.83vw;
        font-size: 15px;
        letter-spacing: 0.17vw;
        margin-left:0.13vw;
        color: var(--main-color);
    }
    
    .recruit4--title .caution {
        right: -0.69vw;
        top: 2.98vw;
    }
    
    .recruit4--title .caution p {
        font-size: 8px;
        letter-spacing: 0.1vw;
        line-height: 12px;
        color: #ababab;
    }
    
    .recruit4--row {
        gap: 2.01vw;
        margin-top: 1.87vw;
        flex-wrap: wrap;
    }
    
    .recruit4--row-col {
        width: 40%;
        margin: 3vw auto;
        min-width: 200px;
    }
    
    .recruit4--row-col.col1 .recruit4--col-img {
        background-image: url(../img/recruitB/recruitB-5.jpg);
    }
    
    .recruit4--row-col.col2 .recruit4--col-img {
        background-image: url(../img/recruitB/recruitB-6.jpg);
    }
    
    .recruit4--row-col.col3 .recruit4--col-img {
        background-image: url(../img/recruitB/recruitB-7.jpg);
    }
    
    .recruit4--row-col .recruit4--col-img {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 47vw;
        max-height: 400px;
    }
    
    .recruit4--col-title {
        margin-top: 3vw;
    }
    
    .recruit4--col-title p {
        font-size: 20px;
        letter-spacing: 0.21vw;
        line-height: 25px;
        color: var(--main-color);
        text-wrap: wrap;
    }
    
    .recruit4--col-title span {
        font-size: 15px;
        letter-spacing: 0.02vw;
        margin-top: 1vw;
        display: block;
    }
    
    .recruit4--col-more {
        width: 100%;
        height: auto;
        background-color: var(--main-color);
        border-radius: 25px;
        margin-top: 2vw;
        margin-left: 0;
        cursor: pointer;
    }
    
    .recruit4--col-more p {
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        padding-top: 0;
    }
    
    .recruit4--col-more .tri {
        clip-path: polygon(0 100%, 50% 0, 100% 100%);
        width: 15px;
        height: 12px;
        background-color: #fff;
        right: 15px;
        bottom: 7.5px;
        transform: rotateZ(180deg);
        transition: .75s;
    }
    
    .recruit4--col-more.active .tri {
        transform: rotateZ(0deg);
    }
    
    .recruit4--col-text h5 {
        font-size: 20px;
        margin-top: 15px;
        letter-spacing: 0.17vw;
        color: var(--main-color);
    }
    
    .recruit4--col-text p {
        font-size: 15px;
        letter-spacing: 0.09vw;
        text-wrap: wrap;
    }
    
    .recruit5--content {
        margin: 3.61vw  calc(50% - 50vw) 0;
        padding-top: 2.5vw;
        background-color: #dfdce0;
        padding-bottom: 3.75vw;
    }
    
    .recruit5--title {
        margin-top: 4vw;
    }
    
    .recruit5--title .midashi--img {
        background-image: url(../img/recruitB/Q&A.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 35px;
        width: 82px;
        margin: auto;
    }
    
    .recruit5--title h3 {
        margin-top: 1vw;
    }
    
    .recruit5--content .tabs {
        width: 73%;
        margin: 3vw auto;
    }
    
    .recruit5--content .tabs .tab_item {
        height: auto;
        line-height: 20px;
        margin-left: 1.04vw;
        margin-right: 1.04vw;
        font-size: 15px;
        width: 22vw;
        max-width: 316px;
        padding: 5px;
        min-width: 145px;
        margin-bottom: 10px;
    }
    
    .recruit5--content .tabs .tab_item:first-of-type {
        margin-left: 0.9vw;
    }
    
    .recruit5--content .tabs .tab_item:last-of-type {
        margin-right: 0vw;
    }
    
    .recruit5--content .tab_content {
        padding-top: 1.8vw;
    }
    
    .recruit5--content #all_content,
    .recruit5--content #design_content {
        padding-top: 4.79vw;
    }
    
    
    .recruit5--content .tab_content .recruit_faq_title {
        font-size: 16px;
        margin-bottom: 15px;
    }
    
    .recruit5--content .tab_content label.title {
        padding-left: 6.65vw;
        padding-top: 3.05vw;
        padding-bottom: 2.5vw;
        font-size: 12px;
        background: none;
    }
    
    .recruit5--content .tab_content .option .icon_q {
        background-image: url(../img/common/faq_img01.png);
        background-size: cover;
        width: 15px;
        height: 19px;
        top: 3.25vw;
        left: 1.5vw;
    }
    
    .recruit5--content .tab_content .option .icon_a {
        background-image: url(../img/common/faq_img02.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 6%;
        height: 18px;
        margin-right: 2%;
    }
    
    .recruit5--content .tab_content .shadow {
        margin-bottom: 1.38vw;
    }
    
    .title::after, .title::before {
        right: 5vw;
        top: 3.5vw !important;
        height: 2.5vw;
        min-height: 17px;
    }
    
    .option .content {
        margin: 0 1.04vw;
        padding-left:0.13vw;
        background: none;
        padding-bottom: 0.27vw;
    }
    
    .option .content p {
        font-size:  12px;
        width: 92%;
    }
    
    .recruit6--content {
        padding-top: 50px;
        padding-bottom: 50px;
        background-color: #fff;
    }
    
    .recruit_b_wrapper .recruit6--title {
        margin-left: 0;
    }
    
    .single-recruit .recruit6--title {
        margin-left: 0;
    }
    
    .recruit6--content h3 {
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        font-size: 35px;
        font-weight: normal;
        color: var(--main-color);
        line-height:3.47vw;
    }
    
    .recruit6--content h4 {
        margin-top: 5px;
        font-size: 15px;
    }
    
    .recruit_b_wrapper .recruit6--recruit-type {
        margin-left: 0;
        margin-top: 2.08vw;
    }
    
    .single-recruit .recruit6--recruit-type {
        margin-left: 0;
    }
    
    .recruit6--recruit-type-col.col1 {
        margin-right: 4.5%;
    }
    
    .recruit6--recruit-type-col {
        width: 28%;
    }
    
    .recruit6--recruit-type-col button {
        width: 100%;
        background-color: #9b9b9b;
        color: #fff;
        padding: 5px;
        border-radius: 8px;
        font-size: 15px;
        transition: .5s;
        letter-spacing: 1px;
    }
    
    .recruit6--recruit-type-col button.active {
        background-color: var(--main-color);
        color: #fff;
    }
    
    .recruit--list-main .region {
        width: 90%;
        gap: 10px;
        flex-wrap: wrap;
        margin: 20px auto!important;
    }
    
    .single-recruit .recruit--list-main .region {
        margin-left: 15.62vw;
    }
    
    .recruit--list-main .region .dot {
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: #fff;
        border-radius: 4px;
        margin-right: 4px;
        transition: .5s;
    }
    
    .recruit--list-main .recruit--col-category button{
        color: #fff;
        display: block;
        border-radius: 15px;
        padding: 1px 13px;
        background-color: #9b9b9b;
        transition: .5s;
        font-size: 14px;
    }
    
    .recruit--list-main .recruit--col-category button.active {
        background-color: var(--main-color);
        color: #fff;
    }
    
    .recruit--list-main .region .recruit--col-category button.active .dot {
        background-color: #fff;
    }

    .recruit_b_wrapper .recruit--list-main .recruit--post-row {
        margin: auto;
    }
    
    .recruit--list-main .recruit--post-row {
        flex-direction: column;
        width: 90%;
        gap: 10px;
        margin: auto;
        min-width: initial;
    }
    
    .recruit--col {
        width: 100%;
        border: solid 1px var(--main-color);
        border-radius: 8px;
        padding-bottom: 6px;
    }
    
    .recruit--col-main {
        width: 100%;
    }

    .recruit--col-title {
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 10px;
        border: solid 1px var(--main-color);
        padding: 0vw 20px;
        max-width: initial;
        display: inline-block;
    }
    
    .recruit--col-title .dot {
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: var(--main-color);
        border-radius: 15px;
        margin-right: 0.69vw;
        transition: .5s;
    }
    
    .recruit--col-title span {
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        display: inline-block;
        color: var(--main-color);
    }
    
    .recruit--col-text {
        color: var(--main-color);
        font-weight: bold;
        flex-wrap: wrap;
        margin-left: 10px;
        margin-top: 10px;
        margin-right: 10px;
        gap: 10px;
    }
    
    .recruit--col-text p {
        font-size: 14px;
        letter-spacing: 1px;
    }
    
    .view-more-btn {
        margin-right: 5%;
        justify-content: end;
    }
    
    .view-more-btn-col.col1 {
        margin-right: 4.5px;
        transition: .5s;
    }
    
    .recruit--col-main:hover .view-more-btn-col.col1 {
        margin-right: 4.5px;
    }
    
    .view-more-btn .tri {
        clip-path: polygon(0 0, 0 100%, 100% 50%);
        width: 10px;
        height: 13px;
        background-color: var(--main-color);
    }
    
    .view-more-btn-col p {
        font-size: 14px;
        color: var(--main-color);
        font-weight: bold;
    }
    
    /* single */
    .swiper-pagination-bullet {
        background-color: #eee!important;
    }
    
    .single-Img {
        margin-top: 100px;
    }
    
    .single--title {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 1;
    }
    
    .single--title p {
        color: #fff;
        font-size: 6.25vw;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        letter-spacing: 0.55vw;
        line-height: 5.55vw;
    }
    
    .single--title h1 {
        color: #fff;
        font-size: 2.43vw;
        letter-spacing:0.34vw;
    }

    .recruit--single1-content {
        background-color: #fff;
        z-index: 0;
    }
    
    .recruit--single1-content-bg {
        background-image: url(../img/recruitB/recruitB-8.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        /* top: 34.30vw; */
        left: 0;
        width: 100%;
        height: 56.45vw;
        z-index: -1;
    }
    
    .recruit--single1--title {
        padding-top: 4.44vw;
    }
    
    .recruit--single1--title h2 {
        font-size: 26px;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        letter-spacing:0.34vw;
        color: var(--main-color);
    }
    
    .recruit--single1--title .region {
        background-color: var(--main-color);
        border-radius: 20px;
        padding: 1px 13px;
        display: inline-block;
    }
    
    .recruit--single1--title .region .dot {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background-color: #fff;
        margin-right: 4px;
    }
    
    .recruit--single1--title .region p {
        color: #fff;
        display: inline-block;
        font-size: 14px;
    }
    
    .recruit--single1--navi {
        width: 90%;
        margin: 25px auto 25px;
    }
    
    .recruit--single1--navi-row {
        gap: 10px;
        flex-wrap: wrap;
    }
    
    .recruit--single1--navi-col {
        height: auto;
        line-height: 6vw;
        flex-shrink: 0;
    }
    
    .recruit--single1--navi-col p {
        color: var(--main-color);
        letter-spacing: 0.03vw;
        font-size: 14px;
        padding: 0 1.04vw;
        background-color: #fff;
        border: solid 1px;
        border-radius: 2px;
    }
    
    .recruit--single1--navi-col button.active p {
        background-color: #f8f3fa;
    }
    
    .recruit--single1--main {
        width:  90%;
        margin: auto;
    }

    .recruit--single1--main-row {
        flex-direction: column;
        padding-bottom: 3vw;
    }
    
    .recruit--single1--main-col.col1 {
        width: 25%;
        background-color: var(--main-color);
        border: solid 0.06vw  #c8c7c5;
    }
    
    .recruit--single1--main-col h4 {
        margin-left: 0vw;
        font-size: 15px;
        color: #fff;
        padding: 1.45vw  0;
        text-align: center;
    }
    
    .recruit--single1--main-col.col2 {
        width: 100%;
        border: solid 1px  #c8c7c5;
        background-color: #f8f3fa;
    }
    
    .recruit--single1--main-col.col2 p {
        padding: 1.45vw  0;
        font-size: 15px;
        margin-left: 2.7vw;
        letter-spacing:  0.1vw;
    }

    .google-map--box {
        padding: 1.45vw 0;
        margin-left: 2.7vw;
    }

    .google-map--box iframe {
        width: 95%;
        height: 75vw;
        max-height: 350px;
    }

    .swiper-pagination {
        bottom: 0!important;
    }

    .contact--btn a {
        padding: 10px 20px;
        width: 90%;
        margin: 25px auto 0;
        border-radius: 8px;
    }

    .contact--btn p {
        font-size: 13px;
    }

    .contact--btn a .tri {
        right: 10px;
        top: 14px;
        width: 13px;
        height: 17px;
    }

    .contact--btn a:hover .tri {
        right: 5px;
    }

    .not-found {
        padding: 50px 30px;
        background-color: #fff;
        font-size: 16px;
    }

    /* single end */

    
}


@media (max-width: 600px) {
    .single-Img {
        margin-top: 80px;
    }
}

@media (max-width: 425px) {
    .recruit5--content .tabs .tab_item {
        height: auto;
        line-height: 20px;
        margin-left: 1.04vw;
        margin-right: 1.04vw;
        font-size: 15px;
        width: 90%;
        margin: 0 0 10px 5%!important;
        margin-left: 0;
        padding: 5px;

    }
}