@charset "utf-8";

/*====================================================*/
/* 一覧ページ
/*====================================================*/
.post-type-archive-voice #h2-title::before {
    background-image: url(../images/voice/img-catch.webp);
}


.post-type-archive-voice .voice-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
}

.post-type-archive-voice .voice-list .box {
    margin: 0 9% 8% 0;
    width: 45.5%;
    opacity: 0;
}

.post-type-archive-voice .voice-list .box:nth-child(2n) {
    margin: 0 0 8%;
}

.post-type-archive-voice .voice-list .box:nth-last-child(-n+2) {
    margin: 0 9% 0 0;
}

.post-type-archive-voice .voice-list .box:last-child {
    margin: 0;
}

.post-type-archive-voice .voice-list .box a {
    text-decoration: none;
}

.post-type-archive-voice .voice-list .box .box-head {
    margin: 0 auto 25px;
}

.post-type-archive-voice .voice-list .box .box-head span {
    color: #8cbbd2;
    font-size: 2.4rem;
}

.post-type-archive-voice .voice-list .box .box-body .ImageBox {
    max-width: 75%;
    margin: 0 auto 40px 0;
}

.post-type-archive-voice .voice-list .box .box-body .ImageBox .ImageBoxInner {
    padding-top: 80%;
}

.post-type-archive-voice .voice-list .box .box-body .DetailBox {
    position: relative;
    padding: 0 200px 0 0;
}

.post-type-archive-voice .voice-list .box .box-body .DetailBox dl dd {
    color: #8cbbd2;
    font-size: 1.8rem;
    margin: 0 auto 5px;
}

.post-type-archive-voice .voice-list .box .box-body .DetailBox dl dt {
    font-size: 2rem;
}

.post-type-archive-voice .voice-list .box .box-body .DetailBox::after {
    border-radius: 5px;
    position: absolute;
    content: "";
    display: block;
    width: 175px;
    /* 必要に応じて調整 */
    height: auto;
    padding-top: 45%;
    /* 必要に応じて調整 */
    background-image: var(--acf-image);
    background-size: cover;
    background-position: center;
    bottom: 0;
    right: 0;
}

.post-type-archive-voice .section-foot {
    padding: 60px 0 0;
}


.post-type-archive-voice #contents:before,
.single-voice #contents:before {
    background-image: url(../images/voice/contents-before.svg);
    width: 9.166666666666666vw;
    padding-top: 16.768291666666666%;
    right: 6.25vw
}

.post-type-archive-voice #contents .section-area.main .mainInner:after,
.single-voice #contents .pagination .inner:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    bottom: 80px;
    left: 40px;
    background-image: url(../images/voice/section-after.svg);
    width: 223px;
    height: 200px;
}

/*====================================================*/
/* 詳細ページ
/*====================================================*/
.single-voice #h2-title .inner.InnerLeft {
    margin: 0 auto 0 0;
}

.single-voice #h2-title {
    padding: 0;
}


.single-voice #contents {
    padding: 0;
    /*margin: -226.75px 0 0;*/
    margin: -15.364583333333334vw 0 0;
}

.single-voice #contents:before {
    width: 5.677083333333333vw;
    padding-top: 10.416666666666668%;
    right: 15.364583333333334vw;
    top: 12.5vw;
}

.single-voice #contents .section-area {
    margin: 0;
}

.single-voice .article-head {
    padding: 7.03125vw 0 60px;
}

.single-voice .article-head h3 {
    font-weight: 400 !important;
}

.single-voice .article-body .article-box {
    position: relative;
    /*margin: 0 0 220px !important;*/
    margin: 0 0 11.458333333333332vw !important;
}

.single-voice .article-body .article-box:last-child {
    margin: 0 !important;
}


.single-voice .pagination .inner {
    padding: 0 25px;
    position: relative;
    padding-bottom: 360px;
}


.single-voice #contents .pagination .inner:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
}

/*--------------------------------------------------*/
/* Personal
/*--------------------------------------------------*/
.single-voice .article-body .personal:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--featured-image);
    background-size: 100% auto;
    background-position: left center;
    background-repeat: no-repeat;
    z-index: 0;
    width: 53.333333333333336vw;
    padding-top: 34.739583333333336%;
    height: 0;
}

.single-voice .article-body .personal {
    /*padding: 400px 0 0*/
    padding: 23.4375vw 0 0 !important;
}

.single-voice .article-body .personal .inner {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single-voice .article-body .personal .ImageBox {
    /* width: 400px; */
    width: 20.833333333333336vw;
    padding-right: 5.208333333333334vw;
}

.single-voice .article-body .personal .ImageBox .ImageBoxInner {
    padding-top: 150%;
}

.single-voice .article-body .personal .DetailBox {
    width: 100%;
    margin: 0 -25vw 0 0;
    padding: 0 28.125vw 0 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    z-index: 10;
}

.single-voice .article-body .personal .DetailBox .box {
    width: 48.5%;
    margin: 0 3% 3% 0 !important;
}

.single-voice .article-body .personal .DetailBox .box:nth-child(2n) {
    margin: 0 0 3% !important;
}

.single-voice .article-body .interview {
    position: relative;
}

.single-voice .article-body .interview .ImageBox.sp {
    display: none;
}

.single-voice .article-body .interview .DetailBox h4 {
    font-size: 3rem;
    /*font-size: 1.5625vw;*/
    margin: 0 0 40px;
    font-family: "shippori-mincho", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
}

.single-voice .article-body .interview .DetailBox dl {
    margin: 0 auto 25px;
}

.single-voice .article-body .interview .DetailBox dl dt:before,
.single-voice .article-body .interview .DetailBox dl dd:before {
    position: absolute;
    line-height: 1;
    top: 5px;
    left: 5px;
}

.single-voice .article-body .interview .DetailBox dl dt {
    margin: 0 auto 15px;
    position: relative;
    padding: 0 0 0 30px;
}

.single-voice .article-body .interview .DetailBox dl dt:before {
    content: "－";
}

.single-voice .article-body .interview .DetailBox dl dd {
    position: relative;
    padding: 0;
}

/*
.single-voice .article-body .interview .DetailBox dl dd:before {
    content: "A.";
}*/

/*--------------------------------------------------*/
/* Interview 1
/*--------------------------------------------------*/
.single-voice .article-body .interview-1 .inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 83.203125vw;
}

.single-voice .article-body .interview-1 .ImageBox {
    width: 40.062597809076685vw;
}

.single-voice .article-body .interview-1 .ImageBox .ImageBoxInner {
    padding-top: 90%;
}

.single-voice .article-body .interview-1 .DetailBox {
    width: 100%;
    margin: 0 0 0 -40.062597809076685vw;
    padding: 0 0 0 43.81846635367762vw;
}

/*--------------------------------------------------*/
/* Interview 2
/*--------------------------------------------------*/
.single-voice .article-body .interview-2::after {
    content: "";
    display: block;
    width: 83.42036553524804vw;
    /* 必要に応じて調整 */
    height: 100%;
    padding-top: 28.75%;
    /* 必要に応じて調整 */
    background-image: var(--acf-image);
    background-size: cover;
    background-position: center;
}

.single-voice .article-body .interview-2 .inner {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    margin-bottom: 11.458333333333332vw;
}

.single-voice .article-body .interview-2 .ImageBox {
    width: 440px;
}

.single-voice .article-body .interview-2 .ImageBox .ImageBoxInner {
    padding-top: 150%;
}

.single-voice .article-body .interview-2 .DetailBox {
    width: 100%;
    margin: 0 -440px 0 0;
    padding: 0 500px 0 0;
}

/*--------------------------------------------------*/
/* Interview 3
/*--------------------------------------------------*/

.single-voice .article-body .interview-3 .inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*max-width: 83.203125vw;*/
}

.single-voice .article-body .interview-3 .ImageBox {
    width: 40.062597809076685vw;
}


.single-voice .article-body .interview-3 .DetailBox {
    width: 100%;
    margin: 0 0 0 -40.062597809076685vw;
    padding: 0 0 0 43.81846635367762vw;
}

.single-voice .article-body .interview-3 .ImageBox .ImageBoxInner {
    padding-top: 56.25%;
    margin-bottom: 4.166666666666666vw;
    max-width: 33.33333333333333vw;
}

.single-voice .article-body .interview-3 .ImageBox .ImageBoxInner:last-child {
    margin-bottom: 0;
    margin-right: 0;
    margin-left: auto;
}

@media screen and (min-width: 1921px) {
    .single-voice .article-body .personal .ImageBox {
        padding-right: 0;
    }
}

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

    /*
    .post-type-archive-voice #contents:before {
        width: 10vw;
    }
*/
    .single-voice .article-body .personal {
        padding: 20vw 0 0 !important;
    }

    .single-voice .article-body .personal .ImageBox {
        /* width: 350px; */
        width: 25vw;
        padding-right: 6.25vw;
    }

    .single-voice .article-body .personal .DetailBox {
        margin: 0 -30vw 0 0;
        padding: 0 33.75vw 0 0;
    }

    .single-voice .article-body .personal .ImageBox {
        /* width: 350px; */
        width: 25vw;
        padding-right: 6.25vw;
    }
}

@media screen and (max-width: 1440px) {
    .single-voice #contents:before {
        width: 6.805555555555555vw;
        padding-top: 12.5%;
        right: 15.364583333333334vw;
        top: 12.5vw;
    }

    .single-voice .article-body .personal {
        padding: 19.09722222222222vw 0 0 !important;
    }

    .single-voice .article-body .personal .ImageBox {
        /* width: 350px; */
        width: 27.77777777777778vw;
        padding-right: 6.944444444444445vw;
    }

    .single-voice .article-body .personal .DetailBox {
        margin: 0 -33.33333333333333vw 0 0;
        padding: 0 37.5vw 0 0;
    }

    /*--------------------------------------------------*/
    /* Interview Common
    /*--------------------------------------------------*/
    .single-voice .article-body .interview .DetailBox h4 {
        font-size: 2.083333333333333vw;
        margin: 0 0 2.7777777777777777vw;
    }

    /*--------------------------------------------------*/
    /* Interview 1
    /*--------------------------------------------------*/
    .single-voice .article-body .interview-1 .inner {
        max-width: inherit;
    }



}

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

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

    .post-type-archive-voice #contents .main .mainInner,
    .single-voice .pagination .inner {
        /*padding-bottom: 320px;*/
        padding-bottom: 25vw;
    }

    .post-type-archive-voice #contents:before {
        width: 13.750000000000002vw;
        padding-top: 25.152437499999998%;
        right: 3.125vw
    }

    .post-type-archive-voice .voice-list .box .box-head span {
        /*font-size: 2.2rem;*/
        font-size: 1.7187500000000002vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox {
        /*padding: 0 175px 0 0;*/
        padding: 0 13.671875vw 0 0;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dd {
        /*font-size: 2rem;*/
        font-size: 1.5625vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dt {
        /*font-size: 2.25rem;*/
        font-size: 1.7578125vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox::after {
        /*width: 150px;*/
        width: 11.71875vw;
        padding-top: 47.5%;
    }


    .post-type-archive-voice #contents .section-area.main .mainInner:after,
    .single-voice #contents .pagination .inner:after {
        width: 17.421875vw;
        padding-top: 15.625%;
        height: 0;
    }

    .single-voice #contents:before {
        width: 7.656250000000001vw;
        padding-top: 14.0625%;
        right: 15.364583333333334vw;
        top: 12.5vw;
    }

    .single-voice .article-head {
        padding: 0 0 60px;
    }

    .single-voice .article-body .personal {
        padding: 25vw 0 0 !important;
    }

    .single-voice .article-body .personal:before {
        width: 62.5vw;
        padding-top: 34.739583333333336%;
    }

    .single-voice .article-body .personal .ImageBox {
        /* width: 350px; */
        width: 17.578125vw;
        padding-right: 0vw;
    }

    .single-voice .article-body .personal .DetailBox {
        margin: 0 -17.578125vw 0 0;
        padding: 0 21.484375vw 0 0;
    }



    .single-voice .article-body .interview-2 .ImageBox {
        width: 34.375vw;
    }

    .single-voice .article-body .interview-2 .DetailBox {
        margin: 0 -34.375vw 0 0;
        padding: 0 39.0625vw 0 0;
    }

    .single-voice #contents .pagination .inner:after {
        /* bottom: 80px; */
        bottom: 6.25vw;
        height: auto;
        left: 3.125vw;
    }
}

@media screen and (max-width: 1136px) {
    .post-type-archive-voice #contents:before {
        width: 14.084507042253522vw;
    }

    .post-type-archive-voice .voice-list .box .box-head span {
        /*font-size: 2.2rem;*/
        font-size: 1.936619718309859vw;
    }


    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dd {
        /*font-size: 2rem;*/
        font-size: 1.7605633802816902vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dt {
        /*font-size: 2.125rem;*/
        font-size: 1.8705985915492958vw;
    }

}

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

    .post-type-archive-voice #contents .main .mainInner,
    .single-voice .pagination .inner {
        /*padding-bottom: 280px;*/
        padding-bottom: 27.34375vw;
    }

    .post-type-archive-voice #contents:before {
        width: 15.625vw;
    }

    .post-type-archive-voice .voice-list .box .box-head span {
        /*font-size: 2rem;*/
        font-size: 1.953125vw;
    }


    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dd {
        /*font-size: 1.8rem;*/
        font-size: 1.7578125vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dt {
        /*font-size: 2rem;*/
        font-size: 1.953125vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .ImageBox {
        max-width: 80%;
        margin: 0 auto 25px 0;
    }

    .post-type-archive-voice #contents .section-area.main .mainInner:after,
    .single-voice #contents .pagination .inner:after {
        bottom: 5.859375vw;
    }

    .single-voice #contents:before {
        width: 8.0078125vw;
        padding-top: 14.6484375%;
        right: 17.08984375vw;
        top: 7.8125vw;
    }

    .single-voice #contents .pagination .inner:after {
        /* bottom: 80px; */
        bottom: 6.25vw;
        height: auto;
        left: 3.125vw;
    }

    .single-voice .article-head {
        padding: 0 0 40px;
    }

    .single-voice .article-body .personal {
        padding: 17.578125vw 0 0 !important;
    }

    .single-voice .article-body .personal:before {
        width: 62.5vw;
        padding-top: 34.739583333333336%;
    }

    .single-voice .article-body .personal .ImageBox {
        width: 24.4140625vw;
    }

    .single-voice .article-body .personal .DetailBox {
        margin: 0 -24.4140625vw 0 0;
        padding: 0 28.3203125vw 0 0;
    }

    .single-voice .article-body .interview .DetailBox h4 {
        font-size: 2.9296875vw;
    }
}

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

@media screen and (max-width: 835px) {
    .post-type-archive-voice #contents:before {
        width: 13.77245508982036vw;
    }

    .post-type-archive-voice .voice-list .box .box-head span {
        /*font-size: 2rem;*/
        font-size: 2.3952095808383236vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox {
        /*padding: 0 175px 0 0;*/
        padding: 0;
        letter-spacing: 0;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dd {
        /*font-size: 1.8rem;*/
        font-size: 2.155688622754491vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dt {
        /*font-size: 2rem;*/
        font-size: 2.3952095808383236vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox::after {
        /*width: 125px;*/
        width: 11.976047904191617vw;
        bottom: 12.455089820359282vw;
        padding-top: 40%;
    }

    .single-voice .article-body .personal {
        padding: 21.55688622754491vw 0 0 !important;
    }

    .single-voice .article-body .personal .ImageBox {
        width: 23.952095808383234vw;
    }

    .single-voice .article-body .personal .DetailBox {
        margin: 0 -23.952095808383234vw 0 0;
        padding: 0 28.74251497005988vw 0 0;
    }

    .single-voice .article-body .interview .DetailBox h4 {
        font-size: 2.9940119760479043vw;
    }

}

@media screen and (max-width: 750px) {
    .post-type-archive-voice #contents:before {
        width: 17.333333333333336vw;
        padding-top: 31.733333333333334%;
        right: 1.3333333333333335vw;
        top: -8vw;
    }

    .post-type-archive-voice .voice-list .box .box-head span {
        /*font-size: 2rem;*/
        font-size: 2.666666666666667vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox {
        /*padding: 0 150px 0 0;*/
        padding: 0;
        letter-spacing: 0;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dd {
        /*font-size: 1.8rem;*/
        font-size: 2.4vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dt {
        /*font-size: 2rem;*/
        font-size: 2.3952095808383236vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox::after {
        /*width: 125px;*/
        width: 13.333333333333334vw;
        bottom: 12.455089820359282vw;
        padding-top: 40%;
    }

    .single-voice #contents:before {
        width: 10.933333333333334vw;
        padding-top: 20%;
        right: 19.53125vw;
        top: 5.859375vw;
    }

    .single-voice .article-head h3 {
        /*font-size: 2.5rem;*/
        font-size: 3.3333333333333335vw !important;
        padding: 0 20vw 0 0;
    }

    .single-voice .article-body .interview .ImageBox.pc {
        display: none;
    }

    .single-voice .article-body .interview .ImageBox.sp {
        display: block;
        margin: 0 auto 3.3333333333333335vw;
    }

    .single-voice .article-body .interview .DetailBox h4 {
        font-size: 3vw;
        margin: 0 0 3.3333333333333335vw;
    }

    .single-voice .article-body .interview .DetailBox dl {
        margin: 0 auto 15px;
    }

    .single-voice .article-body .interview .DetailBox dl dt {
        margin: 0 auto 7.5px;
    }

    .single-voice .article-body .interview-1 .inner {
        display: block;
        padding-left: 25px;
        padding-right: 25px;
    }

    .single-voice .article-body .interview-1 .ImageBox {
        width: 100%;
        max-width: 66.66%;
        margin: 0 auto 40px;
    }

    .single-voice .article-body .interview-1 .ImageBox .ImageBoxInner {
        padding-top: 75%;
    }

    .single-voice .article-body .interview-1 .DetailBox {
        width: 100%;
        margin: 0;
        padding: 0;
    }


    .single-voice .article-body .interview-2 .inner {
        display: block;
        padding-left: 25px;
        padding-right: 25px;
    }

    .single-voice .article-body .interview-2 .ImageBox {
        width: 100%;
        max-width: 66.66%;
        margin: 0 auto 40px;
    }

    .single-voice .article-body .interview-2 .DetailBox {
        margin: 0;
        padding: 0;
    }


    .single-voice .article-body .interview-3 .inner {
        display: block;
        padding-left: 25px;
        padding-right: 25px;
    }

    .single-voice .article-body .interview-3 .ImageBox {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 5.333333333333334vw;
    }

    .single-voice .article-body .interview-3 .ImageBox .ImageBoxInner {
        padding-top: 42.5%;
        max-width: 72.5%;
    }

    .single-voice .article-body .interview-3 .DetailBox {
        width: 100%;
        margin: 0;
        padding: 0;
    }

}

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

    .post-type-archive-voice #contents .section-area.main .mainInner {
        /*padding-bottom: 280px;
        padding-top: 220px;*/
        padding-bottom: 43.75vw;
        padding-top:56.25vw;
    }

    .post-type-archive-voice #contents:before {
        top: 9.375vw
    }

    .post-type-archive-voice .voice-list .box .box-head span {
        /*font-size: 2rem;*/
        font-size: 3.125vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dd {
        /*font-size: 1.8rem;*/
        font-size: 2.8125vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dt {
        /*font-size: 2rem;*/
        font-size: 3.125vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox::after {
        /*width: 100px;*/
        width: 12.5vw;
        bottom: 12.455089820359282vw
    }


    .post-type-archive-voice #contents .section-area.main .mainInner:after,
    .single-voice #contents .pagination .inner:after {
        width: 27.968749999999996vw;
        padding-top: 25%;
        bottom: 9.375vw;
        left: 6.25vw;
    }

    .single-voice #contents {
        padding: 0;
        /* margin: -150px 0 0; */
        margin: -23.4375vw 0 0;
    }

    .single-voice #contents:before {
        width: 10.933333333333334vw;
        padding-top: 20%;
        right: 16.40625vw;
        top: 11.71875vw;
    }

    .single-voice .article-head h3 {
        /*font-size: 2rem;*/
        font-size: 3.125vw !important;
        padding: 0 15.625vw 0 0;
    }

    .single-voice .pagination .inner {
        padding-bottom: 43.75vw;
    }

    .single-voice .article-body .personal {
        padding: 39.0625vw 0 0 !important;
    }

    .single-voice .article-body .personal:before {
        width: 70vw;
        padding-top: 34.739583333333336%;
    }

    .single-voice .article-body .personal .inner {
        align-items: center;
    }

    .single-voice .article-body .personal .ImageBox {
        width: 21.875vw;
    }

    .single-voice .article-body .personal .DetailBox {
        margin: 0 -21.875vw 0 0;
        padding: 0 24.21875vw 0 0;
    }

    .single-voice .article-body .personal .DetailBox .box,
    .single-voice .article-body .personal .DetailBox .box:nth-child(2n) {
        width: 100%;
        margin: 0 0 3% !important;
    }

    .single-voice .article-body .personal .DetailBox .box dl {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .single-voice .article-body .personal .DetailBox .box dl dt {
        width: 90px;
    }

    .single-voice .article-body .personal .DetailBox .box dl dd {
        width: 100%;
        margin: 0 0 0 -90px;
        padding: 0 0 0 115px;
    }

    .single-voice .article-body .interview .ImageBox.sp {
        margin: 0 auto 3.90625vw;
    }

    .single-voice .article-body .interview .DetailBox h4 {
        font-size: 3vw;
        margin: 0 0 3.90625vw;
        letter-spacing: 0;
    }

    .single-voice .article-body .interview .DetailBox dl {
        margin: 0 auto 15px;
    }

    .single-voice .article-body .interview .DetailBox dl dt {
        margin: 0 auto 7.5px;
    }

    .single-voice .article-body .interview-2::after {
        width: 85.9375vw;
        padding-top: 40%;
    }
}

@media screen and (max-width: 480px) {
    .post-type-archive-voice #contents:before {
        top: 16.666666666666664vw;
    }

    .post-type-archive-voice #contents .section-area.main .mainInner {
        padding-top:59.375vw;
    }

    .post-type-archive-voice #contents .section-area.main .mainInner:after,
    .single-voice #contents .pagination .inner:after {
        left: 8.333333333333332vw;
    }

    .post-type-archive-voice .voice-list {
        display: block;
    }

    .post-type-archive-voice .voice-list .box,
    .post-type-archive-voice .voice-list .box:nth-child(2n) {
        margin: 0 0 50px !important;
        width: 100%;
    }

    .post-type-archive-voice .voice-list .box:last-child {
        margin: 0 !important;
    }

    .post-type-archive-voice .voice-list .box .box-head {
        margin: 0 auto 15px;
    }

    .post-type-archive-voice .voice-list .box .box-head span {
        /*font-size: 2rem;*/
        font-size: 4.166666666666666vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .ImageBox .ImageBoxInner {
        padding-top: 75%;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dd {
        /*font-size: 1.8rem;*/
        font-size: 3.75vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox dl dt {
        /*font-size: 1.8rem;*/
        font-size: 3.75vw;
    }

    .post-type-archive-voice .voice-list .box .box-body .DetailBox::after {
        /*width: 175px;*/
        width: 30vw;
        height: auto;
        bottom: 8.333333333333332vw
    }

    .single-voice #contents:before {
        width: 13.750000000000002vw;
        padding-top: 25%;
        right: 16.666666666666664vw;
        top: 15.625vw;
    }

    .single-voice .article-head h3 {
        /*font-size: 1.8rem;*/
        letter-spacing: 0;
        font-size: 3.75vw !important;
        padding: 0 15.625vw 0 0;
    }

    .single-voice .article-body .personal {
        padding: 41.66666666666667vw 0 0 !important;
    }

    .single-voice .article-body .personal:before {
        width: 67.70833333333334vw;
        padding-top: 34.739583333333336%;
    }

    .single-voice .article-body .personal .inner {
        align-items: flex-start;
    }

    .single-voice .article-body .personal .ImageBox {
        width: 26.041666666666668vw;
    }

    .single-voice .article-body .personal .DetailBox {
        margin: 0 -26.041666666666668vw 0 0;
        padding: 0 29.166666666666668vw 0 0;
    }

    .single-voice .article-body .personal .DetailBox .box dl {
        letter-spacing: 0;
    }

    .single-voice .article-body .personal .DetailBox .box dl dt {
        width: 18.75vw;
        font-weight: 500;
    }

    .single-voice .article-body .personal .DetailBox .box dl dd {
        width: 100%;
        margin: 0 0 0 -18.75vw;
        padding: 0 0 0 20.833333333333336vw;
    }

    .single-voice .article-body .interview .ImageBox.sp {
        margin: 0 auto 5.208333333333334vw;
    }

    .single-voice .article-body .interview .DetailBox h4 {
        font-size: 3vw;
        margin: 0 0 5.208333333333334vw;
    }

    .single-voice .article-body .interview .DetailBox h4 {
        font-size: 4.6875vw;
        font-weight: 500;
    }

    .single-voice .article-body .interview-3 .ImageBox .ImageBoxInner {
        padding-top: 45%;
        max-width: 80%;
    }
}

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