@charset "utf-8";

/*ニュース1行の周りの余白*/
.slider a {
    display: block;
    background: #fff;
    padding: 20px;
}

/*日付*/
.slider span {
    display: inline-block;
    font-size: 0.8rem;
    margin-right: 10px;
    color: #777;
}

/* 追記 */
.bx-wrapper {
    /* z-index: 999; */
    z-index: 10;
    position: fixed;
    bottom: 3rem;
    left: 3rem;
    width: calc(100% / 4);
}

.bx-viewport {
    border-radius: 20px;
    /* border: 2px solid #494949; */
    border: 1px solid #ad976e;
    z-index: 9;
    overflow: hidden;
}

.slider a {
    /* background-color: #ad976e; */
    background-color: #ffffff;
    /* color: #fff; */
    color: #494949;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    text-align: justify;
    text-justify: inter-ideograph;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.1em;
    overflow-wrap: break-word;
    max-width: 720px;
}

.slider span {
    /* color: #fff; */
    color: #494949;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    text-align: justify;
    text-justify: inter-ideograph;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 0.1em;
    overflow-wrap: break-word;
}

/* メンバーズボイススライダー */
.voice-slider-all {
    padding: 0 12rem;
}

.voice .bx-wrapper {
    position: static;
    z-index: 1;
    width: 100%;
}

.voice .bx-viewport {
    border: none;
    border-radius: 0;
}

.voice-slider-wrap {
    flex-direction: column;
    overflow: hidden;
}

.voice-slider li {
    width: 100%;
}

.voice-name {
    text-align: justify;
    font-size: 2.4rem;
    font-family: 'Shippori Mincho', serif;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1em;
    color: #494949;
    padding-bottom: 3.2rem;
}

.voice-p {
    font-weight: 700;
}

p.voice-p.ja{
    margin-bottom: 0;
    padding-bottom: 0;
}

.voice-name span {
    font-size: 1.2rem;
    color: #979696;
    margin-left: 0.8rem;
}

.voice-img {
    margin-bottom: 5.6rem;
}

/* how we workスライダー */
.howwework-slider-all{
        padding: 0 12rem;
}

.howwework .bx-wrapper {
    position: static;
    z-index: 1;
    width: 100%;
}

.howwework .bx-viewport {
    border: none;
    border-radius: 0;
}

.howwework-slider li {
    width: 100%;
}

.howwework-img{
    overflow: hidden;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}


/*768px以下の見た目 ※1行のままにしたい場合は不要*/
/* @media screen and (max-width:768px) {
    .bx-wrapper{
        z-index: 9;
        position: static;
        width: calc(100% - 4.8rem);
        margin: 0 auto;
    }
} */

/* @media screen and (max-width:375px){
    .slider{
    display: none;
    }
    .bx-viewport{
    display: none;
    }
} */

/*1280px以下の見た目 ※1行のままにしたい場合は不要*/
@media screen and (max-width:1280px) {
    .bx-wrapper {
        z-index: 9;
        position: static;
        width: calc(100% - 4.8rem);
        margin: 0 auto;
    }

    .slider a {
        max-width: 1280px;
    }
}

/* タブレット版 */
@media screen and (min-width:481px) and (max-width:1280px) {
    /* メンバーズボイススライダー */
    .voice-slider-all {
        padding: 0;
    }

    .voice-slider-all {
        padding: 0 4.8rem;
    }

    /* how we workスライダー */
    .howwework-slider-all {
        padding: 0;
    }

    .howwework-slider-all {
        padding: 0 4.8rem;
    }

    .voice-img{
        margin-bottom: 4.8rem;
    }
}

/* スマホ版 */
@media screen and (max-width:480px) {

    .join p.caption span{
        font-size: 2.1rem;
        line-height: 1.5;
    }
    /* メンバーズボイススライダー */
    .voice-slider-all {
        padding: 0 2.4rem;
        /* 追記 */
        margin: 0 4rem;
        padding:2rem;
        border: 0.1rem solid #c5c5c5;
    }

    .voice-img {
        margin-bottom: 4.8rem;
    }

    .voice-name{
        padding-bottom: 2.4rem;
    }

    /* how we workスライダー */
    .howwework-slider-all {
        padding: 0 2.4rem;
    }
}