@charset "utf-8";

/*

swiper-bundle.ini.css
Version: 2025.06.11

*/

/* --------------------------------------------------------
/* swiper-bundle.ini.css
/* swiper-visual.css
/* swiper-fullslider.css
/* swiper-campaign.css
/* swiper-card.css
/* swiper-picture.css
/* swiper-gallery.css
/* swiper-flow.css
/* swiper-topics.css
/* swiper-interview.css
-------------------------------------------------------- */


/* swiper-bundle.ini.css
-------------------------------------------------------- */
/* 共通調整 */
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
    /* content: "prev"; */
    content: none;
}
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
    /* content: "next"; */
    content: none;
}
[class*=swiper]:focus {
    outline: none;
}

/* フェードモード時 */
.swiper-fade .swiper-slide {
    transition-property: opacity !important;
}


/* swiper-visual.css
-------------------------------------------------------- */
.swiper-visual {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    /* height: 100%; */
    /* background: #fff; */
}
.swiper-visual > div {
    z-index: 0 !important;
}
.swiper-visual-inner {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    padding: 0 14px;
    max-width: 1640px;
    width: 100%;
    /* height: 100%; */
}

/* .swiper */
.swiper-visual .swiper {
    z-index: 1;
    overflow: visible;
    padding: 0;
    width: 100%;
    height: auto;
}

/* .swiper-wrapper */
.swiper-visual .swiper-wrapper {
    /* transition-timing-function: ease-in; */ /* ease,linear,ease-in,ease-out,ease-in-out */
    transition-timing-function: cubic-bezier(.25, .1, .25, 1.0);
}

/* .swiper-slide */
.swiper-visual .swiper-slide-inner {
    display: flex;
    width: auto;
    height: auto;
    text-align: center;
    transition: 1.8s cubic-bezier(.2, 1, .2, 1);

    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.swiper-visual .swiper-slide-inner img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover; object-position: 50% 50%;"; /* IE対策 */

    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -o-object-fit: cover;
       object-fit: cover;
}
.swiper-visual .swiper-slide:not(.swiper-slide-visible) .swiper-slide-inner {
    opacity: 1;
    pointer-events: none;
}

/* .swiper-pagination */
.swiper-visual .swiper-pagination-bullet {
    width: 40px;
    height: 3px;
    border-radius: 0;
    background: #000;
    opacity: .2;
}
.swiper-visual .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    opacity: 1;
}

/* .swiper-button */
.swiper-visual .swiper-button-prev,
.swiper-visual .swiper-button-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: flex;
    margin-top: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0);
    /* background: transparent; */
    cursor: pointer;
    transition: all .4s ease;
    transform: translateY(-50%);

    align-items: center;
    justify-content: center;
}
.swiper-visual .swiper-button-prev {
    left: 10px;
}
.swiper-visual .swiper-button-next {
    right: 10px;
}
.swiper-visual .swiper-button-prev:hover,
.swiper-visual .swiper-button-next:hover {
    background: rgba(0, 0, 0, .5);
}
.swiper-visual .swiper-button-prev::before,
.swiper-visual .swiper-button-next::before {
    display: block;
    width: 15px;
    height: 15px;
    border-width: 3px 0 0 3px;
    border-style: solid;
    border-color: #fff;
    content: "";
}
.swiper-visual .swiper-button-prev::before {
    margin-right: -5px;
    transform: rotate(-45deg);
}
.swiper-visual .swiper-button-next::before {
    margin-left: -5px;
    transform: rotate(135deg);
}

/* tb（768px以上の場合に適用） */
@media (min-width: 768px) {
    .swiper-visual .swiper-button-prev:hover,
    .swiper-visual .swiper-button-next:hover {
        transform: translateY(-50%) scale(1.1);
    }
}

/* pc（1200px以上の場合に適用） */
@media (min-width: 1200px) {
    .swiper-visual-inner {
        padding: 0 20px;
    }
    .swiper-visual .swiper-button-prev,
    .swiper-visual .swiper-button-next {
        background: rgba(0, 0, 0, .6);
    }
    .swiper-visual .swiper-button-prev {
        left: -30px;
    }
    .swiper-visual .swiper-button-next {
        right: -30px;
    }
}


/* swiper-fullslider.css
-------------------------------------------------------- */
.swiper-fullslider {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    /* background: #fff; */
}
.swiper-fullslider > div {
    z-index: 0 !important;
}
.swiper-fullslider-inner {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    padding: 0;
    /* max-width: 1920px; */
    width: 100%;
    height: 100%;
}

/* .swiper */
.swiper-fullslider .swiper {
    z-index: 1;
    overflow: visible;
    padding: 0;
    min-height: 450px;
    max-height: 840px;
    width: 100%;
    height: 60vh;
}

/* .swiper-wrapper */
.swiper-fullslider .swiper-wrapper {
    /* transition-timing-function: ease-in; */ /* ease,linear,ease-in,ease-out,ease-in-out */
    /* transition-timing-function: cubic-bezier(.25, .1, .25, 1.0); */
}

/* .swiper-slide */
.swiper-fullslider .swiper-slide-inner {
    position: relative;
    z-index: 2;
    display: flex;
    width: auto;
    height: 100%;
    text-align: center;
    transition: 1.8s cubic-bezier(.2, 1, .2, 1);

    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.swiper-fullslider .swiper-slide-inner .entity-img {
    display: none;
}
.swiper-fullslider .swiper-slide-inner img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover; object-position: 50% 50%;"; /* IE対策 */

    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* .swiper-pagination */
.swiper-fullslider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 0;
    background: #000;
    opacity: .2;
}
.swiper-fullslider .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    opacity: .8;
}

/* .swiper-button */
.swiper-fullslider .swiper-button-prev,
.swiper-fullslider .swiper-button-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: flex;
    visibility: hidden;
    margin-top: 0;
    width: 60px;
    height: 60px;
    border-radius: 0;
    background: rgba(1, 92, 172, 1);
    /* background: transparent; */
    opacity: 0;
    cursor: pointer;
    transition: all .4s ease;
    transform: translateY(-50%);

    align-items: center;
    justify-content: center;
}
.swiper-fullslider .swiper-button-prev {
    left: 0;
}
.swiper-fullslider .swiper-button-next {
    right: 0;
}
.swiper-fullslider .swiper:hover .swiper-button-prev,
.swiper-fullslider .swiper:hover .swiper-button-next {
    visibility: visible;
    opacity: 1;
}
.swiper-fullslider .swiper:hover .swiper-button-prev {
    left: 0;
}
.swiper-fullslider .swiper:hover .swiper-button-next {
    right: 0;
}
.swiper-fullslider .swiper-button-prev:hover,
.swiper-fullslider .swiper-button-next:hover {
    background: rgba(0, 0, 0, 1);
    /* background: transparent; */
}
.swiper-fullslider .swiper-button-prev::before,
.swiper-fullslider .swiper-button-next::before {
    display: block;
    width: 12px;
    height: 12px;
    border-width: 3px 0 0 3px;
    border-style: solid;
    border-color: #fff;
    content: "";
    transition: all .4s ease;
}
.swiper-fullslider .swiper-button-prev::before {
    margin-right: -5px;
    transform: rotate(-45deg);
}
.swiper-fullslider .swiper-button-next::before {
    margin-left: -5px;
    transform: rotate(135deg);
}
.swiper-fullslider .swiper-button-prev:hover::before {
    margin-right: 10px;
}
.swiper-fullslider .swiper-button-next:hover::before {
    margin-left: 10px;
}

/* .swiper-fullslider-list-item .bg */
.swiper-fullslider-list-item .bg {
    position: relative;
    width: 100%;
    height: 100%;
    /* background-position: 100% 100%; */
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.swiper-fullslider-list-item .bg::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: url(../../../../assets/img/common/bg_overlay_24.png) repeat 0 0;
    /* background: rgba(0, 0, 0, .3); */
    content: "";
}
/* .swiper-fullslider-list-item .bg::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 42%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: "";
    transform: skewX(-10deg);
    transform-origin: top right;
} */

/* .swiper-fullslider-bnr */
.swiper-fullslider-bnr {
    position: absolute;
    bottom: 7%;
    left: 3%;
    z-index: 2;
    max-width: 380px;
    width: 80%;
    /* border: 4px solid #fff; */
    /* border-radius: 4px; */
    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .1);
}
.swiper-fullslider-bnr a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    height: 110px;
    color: #fff;
    text-decoration: none;
    letter-spacing: .15em;
    transition: all .3s ease;

    -webkit-font-feature-settings: "palt" 1;
       -moz-font-feature-settings: "palt" 1;
        -ms-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
}
.swiper-fullslider-bnr a .box {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 56%;
    height: 100%;
    background: #fff;
}
.swiper-fullslider-bnr a .box::before {
    position: absolute;
    top: 0;
    left: -120px;
    z-index: 3;
    width: 0;
    height: 0;
    border-width: 120px 60px 120px 60px;
    border-style: solid;
    border-color: transparent #fff #fff transparent;
    content: "";
}
.swiper-fullslider-bnr a .box .ttl {
    position: absolute;
    top: 50%;
    color: #442602;
    font-size: 1.6rem;
    transform: translate(0, -50%);
}
.swiper-fullslider-bnr a .box .ttl .en {
    display: block;
    font-style: italic;
    font-size: 1.0rem;
    font-family: "din-demi";
    line-height: 1.3;
}

/* .swiper-fullslider-bnr a img */
.swiper-fullslider-bnr a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin: auto;
    width: 100%;
    height: 100% !important;
    vertical-align: middle;
    font-family: "object-fit: cover; object-position: 50% 50%;"; /* IE対策 */
    transition-duration: .5s;
    transform: scale(1);

    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -o-object-fit: cover;
       object-fit: cover;
}
.swiper-fullslider-bnr a:hover img {
    transform: scale(1.2) translate3d(0, 0, 0) !important;
}

/* .swiper-fullslider-bnr a::after */
.swiper-fullslider-bnr a::after {
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 3;
    display: inline-block;
    margin-top: 0;
    color: #020202;
    content: "\e848";
    font-weight: 700;
    font-size: 2.0rem;
    font-family: "webfont";
    transform: translate(0, -50%);
}

/* .swiper-fullslider-list-item .box */
.swiper-fullslider-list-item .box {
    position: absolute;
    z-index: 3;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
}
.swiper-fullslider-list-item .box {
    opacity: 0;
    transition: all 4s ease 0s;
}
.swiper-fullslider-list-item .box-copy,
.swiper-fullslider-list-item .box-ttl {
    position: relative;
    text-shadow: 0 0 30px rgba(255, 255, 255, .9),
    0 0 20px rgba(255, 255, 255, .9),
    0 0 10px rgba(255, 255, 255, .9);
}
.swiper-fullslider-list-item .box-copy {
    margin: 0 auto;
    padding: 0;
    color: #0d3780;
    text-align: center;
    letter-spacing: .03em;
    font-weight: 600;
    font-size: 6.1rem;
    /* font-family: "Noto Serif JP", serif; */
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    line-height: 1.4;
}
.swiper-fullslider-list-item .box-copy .small {
    font-size: 60%;
}
.swiper-fullslider-list-item .box-ttl {
    margin: 0 auto;
    /* margin-bottom: 3vw; */
    max-width: 920px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    line-height: 1.6;
}
.swiper-fullslider-list-item .box-ttl .ja {
    display: block;
    margin-top: 1em;
    color: #020202;
    /* text-shadow: 0 0 8px rgba(0, 0, 0, .6); */
    font-weight: 500;
    font-size: 1.8rem;
    /* font-family: "Noto Serif JP", serif; */
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.swiper-fullslider-list-item .box-ttl .en {
    display: block;
    color: #0d3780;
    /* text-shadow: 0 0 8px rgba(0, 0, 0, .6); */
    letter-spacing: .25em;
    font-weight: 700;
    font-size: 1.2rem;
    opacity: 1.0;
}

/* animation */
.swiper-slide[class*=-active].swiper-fullslider-list-item .bg.bg-right,
.swiper-slide-active.swiper-fullslider-list-item .bg.bg-right,
.swiper-slide-duplicate-active.swiper-fullslider-list-item .bg.bg-right,
.swiper-slide-prev.swiper-fullslider-list-item .bg.bg-right {
    animation: swiper-fullslider-leftToRight 10s linear 0s 1 normal both;
}
@keyframes swiper-fullslider-leftToRight {
    0% {
        transform: scale(1.1) translateX(-1%);
    }
    100% {
        transform: scale(1.1) translateX(1%);
    }
}

.swiper-slide[class*=-active].swiper-fullslider-list-item .bg.bg-zoom,
.swiper-slide-active.swiper-fullslider-list-item .bg.bg-zoom,
.swiper-slide-duplicate-active.swiper-fullslider-list-item .bg.bg-zoom,
.swiper-slide-prev.swiper-fullslider-list-item .bg.bg-zoom {
    animation: swiper-fullslider-zoomUp 10s linear 0s 1 normal both;
}
@keyframes swiper-fullslider-zoomUp {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}

/* sp（0px～768px未満の場合に適用） */
@media (min-width: 0) and (max-width: 767.98px) {
    .swiper-fullslider-list-item .box.box-01,
    .swiper-fullslider-list-item .box.box-02,
    .swiper-fullslider-list-item .box.box-03,
    .swiper-fullslider-list-item .box.box-04 {
        top: 10%;
        left: 50%;
        padding: 0 0;
        width: 90%;
        height: auto;
        text-align: center;
        transform: translateX(-50%);
    }
    .swiper-fullslider-list-item .box-copy {
        font-size: 2.8rem;
    }
    .swiper-fullslider-list-item .box-ttl {
        font-size: 1.4rem;
    }
}

/* tb（768px～1200px未満の場合に適用） */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .swiper-fullslider-list-item .box.box-01,
    .swiper-fullslider-list-item .box.box-02,
    .swiper-fullslider-list-item .box.box-03,
    .swiper-fullslider-list-item .box.box-04 {
        top: 10%;
        left: 50%;
        padding: 0 15px;
        width: 95%;
        height: auto;
        text-align: center;
        transform: translateX(-50%);
    }
    .swiper-fullslider-list-item .box-copy {
        font-size: 4.2rem;
    }
    .swiper-fullslider-list-item .box-ttl {
        font-size: 1.6rem;
    }
}

/* pc（1200px以上の場合に適用） */
@media (min-width: 1200px) {
    .swiper-fullslider-inner {
        padding: 0;
        width: 100%;
    }
    .swiper-fullslider .swiper {
        height: calc(100vh - 170px) !important;
    }
    .swiper-fullslider-list-item .box.box-01 {
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 0 15px;
        width: 100%;
        height: 100%;
        text-align: center;
        transform: translate(-50%, -50%);

        justify-content: center;
        align-items: center;
    }
    .swiper-fullslider-list-item .box.box-02 {
        position: absolute;
        top: 13%;
        left: 5%;
        padding: 0;
        width: auto;
        /* transform: translateY(-50%); */
    }
    .swiper-fullslider-list-item .box.box-03 {
        position: absolute;
        right: 5%;
        bottom: 13%;
        padding: 0;
        width: auto;
        text-align: left;
        /* transform: translateY(-50%); */
    }
    .swiper-fullslider-list-item .box.box-04 {
        position: absolute;
        top: 13%;
        left: 5%;
        padding: 0;
        width: auto;
        /* transform: translateY(-50%); */
    }
    .swiper-fullslider-list-item .box-copy,
    .swiper-fullslider-list-item .box-ttl {
        text-align: left;
    }
    .swiper-fullslider-list-item .box-01 .box-copy,
    .swiper-fullslider-list-item .box-01 .box-ttl {
        text-align: center;
    }
    .swiper-fullslider-list-item .box-copy {
        margin: 0;
        font-size: 7.0rem;
    }
    .swiper-fullslider-list-item .box-ttl {
        margin: 1em 0 0 0;
    }
    .swiper-fullslider-list-item .box-ttl .ja {
        font-size: 2.4rem;
    }
    .swiper-fullslider-list-item .box-ttl .en {
        font-size: 1.4rem;
    }
    .swiper-fullslider .swiper-button-prev {
        left: 100px;
    }
    .swiper-fullslider .swiper-button-next {
        right: 100px;
    }
    .swiper-fullslider .swiper:hover .swiper-button-prev {
        left: 80px;
    }
    .swiper-fullslider .swiper:hover .swiper-button-next {
        right: 80px;
    }
}


/* swiper-campaign.css
-------------------------------------------------------- */
.swiper-campaign {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    /* background: #fff; */
}
.swiper-campaign > div {
    z-index: 0 !important;
}
.swiper-campaign-inner {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    padding: 0 14px;
    max-width: 1640px;
    width: 100%;
}

/* .swiper */
.swiper-campaign .swiper {
    z-index: 1;
    overflow: visible;
    padding: 20px 0 90px;
    width: 100%;
    height: auto;
}

/* .swiper-wrapper */
.swiper-campaign .swiper-wrapper {
    /* transition-timing-function: ease-in; */ /* ease,linear,ease-in,ease-out,ease-in-out */
    transition-timing-function: cubic-bezier(.25, .1, .25, 1.0);
}

/* .swiper-slide */
.swiper-campaign .swiper-slide-inner {
    display: flex;
    width: auto;
    height: auto;
    text-align: left;
    transition: 1.8s cubic-bezier(.2, 1, .2, 1);

    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.swiper-campaign .swiper-slide-inner img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover; object-position: 50% 50%;"; /* IE対策 */

    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* pc（1200px以上の場合に適用） */
@media (min-width: 1200px) {
    .swiper-campaign .swiper-slide-inner:hover img.swiper-img {
        opacity: .8;
        transform: scale(1.1);
    }
}

.swiper-campaign .swiper-slide-inner {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: #fff;
    /* box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16), 0 0 0 2px transparent inset; */
    color: #020202;
    text-decoration: none;
}
.swiper-campaign .swiper-slide:not(.swiper-slide-visible) .swiper-slide-inner {
    /* opacity: .3; */
    pointer-events: none;
}

/* .swiper-campaign .swiper-slide-inner .archive-thumbnail */
.swiper-campaign .swiper-slide-inner .archive-thumbnail {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    /* height: 260px; */
    background: #fff;
}
/* .swiper-campaign .swiper-slide-inner .archive-thumbnail img {
    transition: all .3s ease;
}
.swiper-campaign .swiper-slide-inner:hover .archive-thumbnail img {
    transform: scale(1.05);
} */
.swiper-campaign .swiper-slide-inner .archive-thumbnail .img-time {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    padding: .6em 1.2em;
    /* width: 56px;
    height: 56px; */
    background-color: rgba(220, 0, 12, .9);
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.4;

    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

/* .swiper-campaign .swiper-slide-inner .box */
.swiper-campaign .swiper-slide-inner .box {
    display: flex;
    padding: 0 0 0;
    width: 100%;
    /* height: 100%; */

    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

/* .swiper-campaign .swiper-slide-inner .box-code */
.swiper-campaign .swiper-slide-inner .box-code {
    display: flex;
    margin: 0 0 0 0;
    padding: 0 0;
    width: 100%;
    /* border: 1px solid #ebf1ff; */
    /* border-radius: 20px; */
    /* background: #ebf1ff; */
    color: #6a85cd;

    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
}
.swiper-campaign .swiper-slide-inner .box-code dt {
    /* color: rgba(0, 159, 232, 1); */
    font-weight: 500;
    font-size: 1.0rem;
}
.swiper-campaign .swiper-slide-inner .box-code dd {
    font-weight: 400;
    font-size: 1.2rem;
}

/* .swiper-campaign .swiper-slide-inner .box-ttl */
.swiper-campaign .swiper-slide-inner .box-ttl {
    display: block;
    /* overflow: hidden; */
    margin: 0 0 .2em;
    padding: 0 1em 0;
    text-align: left;
    /* text-overflow: ellipsis;
    white-space: nowrap; */
    font-weight: 700;
    font-size: 1.5rem;
}

/* pc（1200px以上の場合に適用） */
@media (min-width: 1200px) {
    .swiper-campaign .swiper-slide-inner .box-ttl {
        font-size: 1.8rem;
    }
}

/* .swiper-campaign .swiper-slide-inner .box-txt */
.swiper-campaign .swiper-slide-inner .box-txt {
    margin: 0 0 0;
    padding: .6em 1em 0;
    /* text-align: justify; */
    font-size: 1.7rem;
    line-height: 1.6;
}
.swiper-campaign .swiper-slide-inner .box-txt strong {
    color: rgba(255, 96, 16, 1);
    font-size: 126%;
}
.swiper-campaign .swiper-slide-inner .box-txt .price {
    padding: 0 5px 0 0;
    color: rgba(220, 0, 12, 1);
    font-weight: 900;
    font-size: 150%;
    line-height: 1.3;
}
.swiper-campaign .swiper-slide-inner .box-txt .price small {
    font-size: 60%;
}
.swiper-campaign .swiper-slide-inner .box-txt .layout {
    padding: 0 0 0 5px;
}

/* pc（1200px以上の場合に適用） */
@media (min-width: 1200px) {
    .swiper-campaign .swiper-slide-inner .box-txt {
        font-size: 1.7rem;
    }
}

/* .swiper-campaign .swiper-slide-inner .box-dl */
.swiper-campaign .swiper-slide-inner .box-dl {
    display: flex;
    margin-bottom: .3em;
    padding: .5em 1em 0;

    flex-flow: wrap;
}
.swiper-campaign .swiper-slide-inner .box-dl dt,
.swiper-campaign .swiper-slide-inner .box-dl dt + dd {
    display: inline-block;
    vertical-align: top;
}
.swiper-campaign .swiper-slide-inner .box-dl dt + dd {
    margin: 0 0 .3em 0;
    /* display: inline-flex; */
    padding: .35em .85em;
    /* width: 35%; */

    align-items: center;
}
.swiper-campaign .swiper-slide-inner .box-dl dt {
    display: inline-flex;
    margin: 0 0 .3em 0;
    padding: .3em .5em;
    width: 25%;
    /* padding: 0; */
    border: 1px solid #f5f4f0;
    /* border-radius: 4px; */
    background-color: #f5f4f0;
    color: #666;
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1.5;

    align-items: center;
    justify-content: center;
}
.swiper-campaign .swiper-slide-inner .box-dl dd {
    margin: .5em 0;
    padding: 0;
    width: 75%;
    font-size: 1.3rem;
    line-height: 1.5;
}
.swiper-campaign .swiper-slide-inner .box-dl .land-area,
.swiper-campaign .swiper-slide-inner .box-dl .land-tsubo,
.swiper-campaign .swiper-slide-inner .box-dl .land-transaction {
    /* display: inline-flex;
    margin-right: .5em; */
    align-items: center;
}

/* sp（0px～768px未満の場合に適用） */
@media (min-width: 0) and (max-width: 767.98px) {
    .swiper-campaign .swiper-slide-inner .box-dl {
        justify-content: flex-start;
    }
    /* .swiper-campaign .swiper-slide-inner .box-dl dt,
    .swiper-campaign .swiper-slide-inner .box-dl dd {
        text-align: center;

        flex: 0 0 100%;
    } */
}

/* .swiper-campaign .swiper-slide-inner .box-comment */
.swiper-campaign .swiper-slide-inner .box-comment {
    display: flex;
    padding: 0 1em 0;
    width: 100%;
    /* border-top: 1px solid #ccc; */

    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: .85em;
}
.swiper-campaign .swiper-slide-inner .box-comment .img {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0;
    width: 25%;
    /* height: 60px; */
    background: transparent;
}
.swiper-campaign .swiper-slide-inner .box-comment .img img {
    border-radius: 0;
}
.swiper-campaign .swiper-slide-inner .box-comment .dl {
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    background: #fff;

    flex: 1;
}
.swiper-campaign .swiper-slide-inner .box-comment .dl dt {
    margin: 0;
    padding: 0;
    background: transparent;
    color: #020202;
    font-size: 1.3rem;
}
.swiper-campaign .swiper-slide-inner .box-comment .dl dt span {
    display: inline-block;
    margin: 0 .5em 3px 0;
    padding: .3em .4em .3em;
    border: 1px solid rgba(255, 149, 0, 1);
    background: rgba(255, 149, 0, 1);
    color: #fff;
    font-size: .8em;
    line-height: 1;
}
.swiper-campaign .swiper-slide-inner .box-comment .comment-archive {
    font-size: 1.3rem;
    line-height: 1.7;
}

/* .swiper-campaign .swiper-slide-inner .box-meta */
.swiper-campaign .swiper-slide-inner .box-meta {
    font-size: 0;
}
.swiper-campaign .swiper-slide-inner .box-meta .box-meta-category {
    display: inline-block;
    margin: 0 4px 4px 0;
    padding: 0;
    border-radius: 4px;
    background: rgba(17, 17, 17, 1);
    color: #fff !important;
    font-weight: 500;
    /* border: 1px solid #ccc;
    background: #fcfcfc; */
    font-size: 1.0rem;
}
.swiper-campaign .swiper-slide-inner .box-meta .box-meta-category span {
    display: block;
    padding: .1em .6em .1em;
    color: #fff !important;
    text-decoration: none !important;
}
.swiper-campaign .swiper-slide-inner .box-meta .box-meta-category span:hover {
    text-decoration: none;
}

/* .swiper-campaign .swiper-slide-inner .box-category */
.swiper-campaign .swiper-slide-inner .box-category {
    margin: 16px 0 0;
    padding: 16px 0 0;
    border-top: 1px solid #e8e8e8;
    text-align: left;
    font-size: 1.4rem;
}
.swiper-campaign .swiper-slide-inner .box-category::before {
    display: inline-block;
    margin: 0 12px 0 0;
    padding: 2px 12px;
    background: #45413f;
    color: #fff;
    content: attr(data-name);
    font-weight: 700;
    font-size: 1.2rem;
}

/* .swiper-campaign .swiper-slide-inner .box-more */
/* .swiper-campaign .swiper-slide-inner .box-more {
    position: absolute;
    right: 0;
    bottom: 20px;
    padding-right: 65px;
    color: #1972b5;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
    transition: color .15s linear;
}
.swiper-campaign .swiper-slide-inner .box-more::before {
    position: absolute;
    right: 34px;
    bottom: 3px;
    display: block;
    width: 26px;
    height: 2px;
    background-color: #1972b5;
    content: "";
    transition: background-color .15s linear;
}
.swiper-campaign .swiper-slide-inner .box-more::after {
    position: absolute;
    right: 30px;
    bottom: 3px;
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 4px solid #1972b5;
    border-left: 7px solid #1972b5;
    content: "";
    transition: all .15s linear;
} */
.swiper-campaign .swiper-slide-inner .box-more {
    position: relative;
    display: block;
    margin: 0;
    padding: .5em .5em;
    /* max-width: 280px; */
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: #111;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1.5;
    transition: all .3s ease-in-out;
}
.swiper-campaign .swiper-slide-inner .box-more:hover {
    color: #fff;
}
/* .swiper-campaign .swiper-slide-inner .box-more:hover::before {
    background-color: #005bbc;
}
.swiper-campaign .swiper-slide-inner .box-more:hover::after {
    border-bottom: 4px solid #005bbc;
    border-left: 7px solid #005bbc;
} */

/* .swiper-pagination */
.swiper-campaign .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #000;
    opacity: .2;
}
.swiper-campaign .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    opacity: 1;
}

/* .swiper-button */
.swiper-campaign .swiper-button-prev,
.swiper-campaign .swiper-button-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: flex;
    margin-top: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    /* background: transparent; */
    cursor: pointer;
    transition: all .4s ease;
    transform: translateY(-50%);

    align-items: center;
    justify-content: center;
}
.swiper-campaign .swiper-button-prev {
    left: 0;
}
.swiper-campaign .swiper-button-next {
    right: 0;
}
.swiper-campaign .swiper-button-prev:hover,
.swiper-campaign .swiper-button-next:hover {
    background: rgba(0, 0, 0, .6);
}
.swiper-campaign .swiper-button-prev::before,
.swiper-campaign .swiper-button-next::before {
    display: block;
    width: 15px;
    height: 15px;
    border-width: 3px 0 0 3px;
    border-style: solid;
    border-color: #fff;
    content: "";
}
.swiper-campaign .swiper-button-prev::before {
    margin-right: -5px;
    transform: rotate(-45deg);
}
.swiper-campaign .swiper-button-next::before {
    margin-left: -5px;
    transform: rotate(135deg);
}

/* pc（1200px以上の場合に適用） */
@media (min-width: 1200px) {
    .swiper-campaign-inner {
        padding: 0 20px;
    }
    .swiper-campaign .swiper-slide-inner .img {
        height: 79px;
    }
}


/* swiper-card.css
-------------------------------------------------------- */
.swiper-card {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    /* background: #fff; */
}
.swiper-card > div {
    z-index: 0 !important;
}
.swiper-card-inner {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    padding: 0 14px;
    max-width: 1640px;
    width: 100%;
}

/* .swiper */
.swiper-card .swiper {
    z-index: 1;
    overflow: visible;
    padding: 60px 0;
    width: 100%;
    height: auto;
}

/* .swiper-wrapper */
.swiper-card .swiper-wrapper {
    /* transition-timing-function: ease-in; */ /* ease,linear,ease-in,ease-out,ease-in-out */
    transition-timing-function: cubic-bezier(.25, .1, .25, 1.0);
}

/* .swiper-slide */
.swiper-card .swiper-slide-inner {
    display: flex;
    width: auto;
    height: auto;
    text-align: center;
    transition: 1.8s cubic-bezier(.2, 1, .2, 1);

    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.swiper-card .swiper-slide-inner img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover; object-position: 50% 50%;"; /* IE対策 */

    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -o-object-fit: cover;
       object-fit: cover;
}
.swiper-card .swiper-slide-inner {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16), 0 0 0 2px transparent inset;
    color: #020202;
    text-decoration: none;
}
.swiper-card .swiper-slide:not(.swiper-slide-visible) .swiper-slide-inner {
    opacity: .3;
    pointer-events: none;
}
.swiper-card .swiper-slide-inner .img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 280px;
}
.swiper-card .swiper-slide-inner .img img {
    transition: all .3s ease;
}
.swiper-card .swiper-slide-inner:hover .img img {
    transform: scale(1.05);
}
.swiper-card .swiper-slide-inner .img-time {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    padding: .5em 1em;
    background-color: rgba(23, 86, 162, .9);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1;

    justify-content: center;
    align-items: center;
}
.swiper-card .swiper-slide-inner .box {
    padding: 2em 2em 4em;
    width: 100%;
}
.swiper-card .swiper-slide-inner .box-ttl {
    display: block;
    overflow: hidden;
    margin: 0 0 8px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 2.2rem;
}
.swiper-card .swiper-slide-inner .box-txt {
    text-align: justify;
    font-size: 1.4rem;
}
.swiper-card .swiper-slide-inner .box-category {
    margin: 16px 0 0;
    padding: 16px 0 0;
    border-top: 1px solid #e8e8e8;
    text-align: left;
    font-size: 1.4rem;
}
.swiper-card .swiper-slide-inner .box-category::before {
    display: inline-block;
    margin: 0 12px 0 0;
    padding: 2px 12px;
    background: #45413f;
    color: #fff;
    content: attr(data-name);
    font-weight: 700;
    font-size: 1.2rem;
}
.swiper-card .swiper-slide-inner .box-more {
    position: absolute;
    right: 0;
    bottom: 30px;
    padding-right: 65px;
    color: #1972b5;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
    transition: color .15s linear;
}
.swiper-card .swiper-slide-inner .box-more::before {
    position: absolute;
    right: 34px;
    bottom: 3px;
    display: block;
    width: 26px;
    height: 2px;
    background-color: #1972b5;
    content: "";
    transition: background-color .15s linear;
}
.swiper-card .swiper-slide-inner .box-more::after {
    position: absolute;
    right: 30px;
    bottom: 3px;
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 4px solid #1972b5;
    border-left: 7px solid #1972b5;
    content: "";
    transition: all .15s linear;
}
.swiper-card .swiper-slide-inner .box-more:hover {
    color: #005bbc;
}
.swiper-card .swiper-slide-inner .box-more:hover::before {
    background-color: #005bbc;
}
.swiper-card .swiper-slide-inner .box-more:hover::after {
    border-bottom: 4px solid #005bbc;
    border-left: 7px solid #005bbc;
}

/* .swiper-pagination */
.swiper-card .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #000;
    opacity: .2;
}
.swiper-card .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    opacity: 1;
}

/* .swiper-button */
.swiper-card .swiper-button-prev,
.swiper-card .swiper-button-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: flex;
    margin-top: 0;
    width: 60px;
    height: 60px;
    border-radius: 0;
    background: rgba(0, 0, 0, .3);
    /* background: transparent; */
    cursor: pointer;
    transition: all .4s ease;
    transform: translateY(-50%);

    align-items: center;
    justify-content: center;
}
.swiper-card .swiper-button-prev {
    left: 0;
}
.swiper-card .swiper-button-next {
    right: 0;
}
.swiper-card .swiper-button-prev:hover,
.swiper-card .swiper-button-next:hover {
    background: rgba(0, 0, 0, .5);
}
.swiper-card .swiper-button-prev::before,
.swiper-card .swiper-button-next::before {
    display: block;
    width: 15px;
    height: 15px;
    border-width: 3px 0 0 3px;
    border-style: solid;
    border-color: #fff;
    content: "";
}
.swiper-card .swiper-button-prev::before {
    margin-right: -5px;
    transform: rotate(-45deg);
}
.swiper-card .swiper-button-next::before {
    margin-left: -5px;
    transform: rotate(135deg);
}

/* pc（1200px以上の場合に適用） */
@media (min-width: 1200px) {
    .swiper-card-inner {
        padding: 0 20px;
    }
}


/* swiper-picture.css
-------------------------------------------------------- */
.swiper-picture {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    /* background: #fff; */
}
.swiper-picture > div {
    z-index: 0 !important;
}
.swiper-picture-inner {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    padding: 0 0 50px;
    width: 100%;
}

/* .swiper */
.swiper-picture .swiper {
    z-index: 1;
    overflow: visible;
    padding: 0;
    width: 100%;
    height: auto;
}

/* .swiper-wrapper */
.swiper-picture .swiper-wrapper {
    /* transition-timing-function: ease-in; */ /* ease,linear,ease-in,ease-out,ease-in-out */
    /* transition-timing-function: cubic-bezier(.25, .1, .25, 1.0); */
}

/* .swiper-slide */
.swiper-picture .swiper-slide-inner {
    display: flex;
    width: auto;
    height: auto;
    text-align: center;
    transition: 1.8s cubic-bezier(.2, 1, .2, 1);

    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.swiper-picture .swiper-slide-inner img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover; object-position: 50% 50%;"; /* IE対策 */

    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* .swiper-pagination */
.swiper-picture .swiper-horizontal > .swiper-pagination-bullets,
.swiper-picture .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-picture .swiper-pagination-custom,
.swiper-picture .swiper-pagination-fraction {
    bottom: -40px;
}
.swiper-picture .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ccc;
    opacity: .5;
}
.swiper-picture .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    opacity: 1;
}

/* .swiper-button */
.swiper-picture .swiper-button-prev,
.swiper-picture .swiper-button-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: flex;
    margin-top: 0;
    width: 60px;
    height: 60px;
    border-radius: 0;
    /* background: rgba(255, 255, 255, .9); */
    background: transparent;
    cursor: pointer;
    transition: all .4s ease;
    transform: translateY(-50%);

    align-items: center;
    justify-content: center;
}
.swiper-picture .swiper-button-prev {
    left: 0;
}
.swiper-picture .swiper-button-next {
    right: 0;
}
.swiper-picture .swiper-button-prev:hover,
.swiper-picture .swiper-button-next:hover {
    background: rgba(0, 0, 0, .5);
}
.swiper-picture .swiper-button-prev::before,
.swiper-picture .swiper-button-next::before {
    display: block;
    width: 15px;
    height: 15px;
    border-width: 3px 0 0 3px;
    border-style: solid;
    border-color: #fff;
    content: "";
}
.swiper-picture .swiper-button-prev::before {
    margin-right: -5px;
    transform: rotate(-45deg);
}
.swiper-picture .swiper-button-next::before {
    margin-left: -5px;
    transform: rotate(135deg);
}


/* swiper-gallery.css
-------------------------------------------------------- */
.swiper-gallery {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    /* background: #fff; */
}
.swiper-gallery > div {
    z-index: 0 !important;
}
.swiper-gallery-inner {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
}

/* .swiper */
.swiper-gallery .swiper {
    z-index: 1;
    /* overflow: visible; */
    /* padding: 0; */
    width: 100%;
    height: auto;
}

/* .swiper-wrapper */
.swiper-gallery .swiper-wrapper {
    /* transition-timing-function: ease-in; */ /* ease,linear,ease-in,ease-out,ease-in-out */
    /* transition-timing-function: cubic-bezier(.25, .1, .25, 1.0); */
}

/* .swiper-slide */
.swiper-gallery .swiper-slide-inner {
    display: flex;
    width: auto;
    height: auto;
    text-align: center;
    transition: 1.8s cubic-bezier(.2, 1, .2, 1);

    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.swiper-gallery .swiper-slide-inner img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover; object-position: 50% 50%;"; /* IE対策 */

    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* .swiper-pagination */
.swiper-gallery .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ccc;
    opacity: .5;
}
.swiper-gallery .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    opacity: 1;
}

/* .swiper-button */
.swiper-gallery .swiper-button-prev,
.swiper-gallery .swiper-button-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: flex;
    margin-top: 0;
    width: 60px;
    height: 60px;
    border-radius: 0;
    /* background: rgba(255, 255, 255, .9); */
    background: transparent;
    cursor: pointer;
    transition: all .4s ease;
    transform: translateY(-50%);

    align-items: center;
    justify-content: center;
}
.swiper-gallery .swiper-button-prev {
    left: 0;
}
.swiper-gallery .swiper-button-next {
    right: 0;
}
.swiper-gallery .swiper-button-prev:hover,
.swiper-gallery .swiper-button-next:hover {
    background: rgba(0, 0, 0, .5);
}
.swiper-gallery .swiper-button-prev::before,
.swiper-gallery .swiper-button-next::before {
    display: block;
    width: 15px;
    height: 15px;
    border-width: 3px 0 0 3px;
    border-style: solid;
    border-color: #fff;
    content: "";
}
.swiper-gallery .swiper-button-prev::before {
    margin-right: -5px;
    transform: rotate(-45deg);
}
.swiper-gallery .swiper-button-next::before {
    margin-left: -5px;
    transform: rotate(135deg);
}

/* .swiper-gallery-body */
.swiper-gallery-body {
    width: 100%;
}

/* .swiper-gallery-thumbnail */
.swiper-gallery-thumbnail {
    padding: 10px 0;
}
.swiper-gallery-thumbnail .swiper-slide-inner {
    opacity: .4;
}
.swiper-gallery-thumbnail .swiper-slide-thumb-active .swiper-slide-inner {
    opacity: 1;
}


/* swiper-flow.css
-------------------------------------------------------- */
.swiper-flow {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    /* background: #fff; */
}
.swiper-flow > div {
    z-index: 0 !important;
}
.swiper-flow-inner {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    padding: 20px 20px;
    max-width: 1640px;
    width: 100%;
}

/* .flow-hdr */
.flow-hdr {
    margin-bottom: 50px;
    width: 100%;
}
.flow-hdr-txt {
    margin: 0 auto 10px;
    color: #020202;
    text-align: center;
    /* text-shadow: 0 0 25px rgba(0, 0, 0, .2); */
    letter-spacing: .1em;
    font-size: 1.4rem;
    line-height: 1.4;
}
.flow-hdr-ttl {
    margin: 0 0 30px;
    color: #020202;
    text-align: center;
    /* text-shadow: 0 0 25px rgba(0, 0, 0, .2); */
    letter-spacing: .1em;
    font-size: 2.8rem;
    line-height: 1.4;
}
.flow-body-txt {
    margin: 0 0 80px;
    color: #020202;
    text-align: center;
    /* text-shadow: 0 0 25px rgba(0, 0, 0, .2); */
    font-weight: 600;
    font-size: 1.6rem;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 2.4;
}

/* .swiper */
.swiper-flow .swiper {
    z-index: 1;
    overflow: visible;
    padding: 0;
    width: 100%;
    height: auto;
}

/* .swiper-wrapper */
.swiper-flow .swiper-wrapper {
    /* transition-timing-function: ease-in; */ /* ease,linear,ease-in,ease-out,ease-in-out */
    /* transition-timing-function: cubic-bezier(.25, .1, .25, 1.0); */
}

/* .swiper-main */
.swiper-flow .swiper-main {
    overflow: visible;
    margin: auto;
    max-width: 600px;
}

/* .swiper-pagination-main */
.swiper-flow .swiper-pagination-main {
    display: flex;
    margin: auto;
    margin-bottom: 4em;
    max-width: 600px;
}
.swiper-flow .swiper-pagination-main .swiper-pagination-bullet {
    position: relative;
    display: inline;
    padding-bottom: 1em;
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
    color: #ddd;
    text-align: center;
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 1;
    opacity: 1;
    cursor: pointer;
    transition: .8s cubic-bezier(.2, 1, .2, 1);

    flex: 1;
}
.swiper-flow .swiper-pagination-main .swiper-pagination-bullet::before,
.swiper-flow .swiper-pagination-main .swiper-pagination-bullet::after {
    position: absolute;
    background-color: #f5695f;
    content: "";
    transition: .8s cubic-bezier(.2, 1, .2, 1);
}
.swiper-flow .swiper-pagination-main .swiper-pagination-bullet::before {
    right: 0;
    bottom: -6px;
    left: 0;
    z-index: 1;
    margin: auto;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 100%;
    box-shadow: 0 0 0 5px #f8f8f8;
}
.swiper-flow .swiper-pagination-main .swiper-pagination-bullet::after {
    right: 50%;
    bottom: 0;
    width: 100%;
    height: 3px;
}
.swiper-flow .swiper-pagination-main .swiper-pagination-bullet:first-child::after {
    display: none;
}
.swiper-flow .swiper-pagination-main .swiper-pagination-bullet .step {
    font-size: 1.6rem;
}
.swiper-flow .swiper-pagination-main .swiper-pagination-bullet-active {
    color: #f5695f;
}
.swiper-flow .swiper-pagination-main .swiper-pagination-bullet-active::before {
    box-shadow: 0 0 0 4px #f8f8f8, 0 0 0 7px #f5695f;
}
.swiper-flow .swiper-pagination-main .swiper-pagination-bullet-active ~ *::before,
.swiper-flow .swiper-pagination-main .swiper-pagination-bullet-active ~ *::after {
    background-color: #ddd;
}

/* .swiper-slide */
.swiper-flow .swiper-slide {
    height: auto;
}

/* .mainslide */
.swiper-flow .mainslide {
    padding: 4em 0 4em;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: #ddd;
    box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
    text-align: center;
}
.swiper-flow .mainslide-num {
    margin-bottom: .1em;
    font-weight: 600;
    font-size: 1.6rem;
}
.swiper-flow .mainslide-ttl {
    display: block;
    font-size: 2.4rem;
    line-height: 1.6;
}
.swiper-flow .subslide {
    padding: 2em;
}
.swiper-flow .subslide-media {
    margin-bottom: 2em;
}

/* .swiper-sub */
.swiper-flow .swiper-sub {
    overflow: hidden;
}

/* .swiper-pagination-sub */
.swiper-flow .swiper-pagination-sub .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ddd;
    opacity: .2;
}
.swiper-flow .swiper-pagination-sub .swiper-pagination-bullet-active {
    background: #f5695f;
    opacity: 1;
}

/* .swiper-button */
.swiper-flow .swiper-button-prev,
.swiper-flow .swiper-button-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: flex;
    margin-top: 0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: rgba(0, 0, 0, .3);
    /* background: transparent; */
    cursor: pointer;
    transition: all .4s ease;
    transform: translateY(-50%);

    align-items: center;
    justify-content: center;
}
.swiper-flow .swiper-button-prev {
    left: -65px;
}
.swiper-flow .swiper-button-next {
    right: -65px;
}
.swiper-flow .swiper-button-prev:hover,
.swiper-flow .swiper-button-next:hover {
    background: rgba(0, 0, 0, .5);
}
.swiper-flow .swiper-button-prev::before,
.swiper-flow .swiper-button-next::before {
    display: block;
    width: 15px;
    height: 15px;
    border-width: 3px 0 0 3px;
    border-style: solid;
    border-color: #fff;
    content: "";
}
.swiper-flow .swiper-button-prev::before {
    margin-right: -5px;
    transform: rotate(-45deg);
}
.swiper-flow .swiper-button-next::before {
    margin-left: -5px;
    transform: rotate(135deg);
}

/* sp（768px未満の場合に適用） */
@media (max-width: 767.98px) {
    .swiper-flow {
        font-size: 50%;
    }
    .swiper-flow-inner {
        padding: 14px 14px;
    }
    .swiper-flow .swiper-main,
    .swiper-flow .swiper-pagination-main {
        max-width: calc(100% - 3.2rem);
    }
    .swiper-flow .swiper-pagination-main .swiper-pagination-bullet::before {
        bottom: -6px;
    }
    .swiper-flow .swiper-pagination-main .swiper-pagination-bullet .step {
        display: block;
        margin-bottom: .5em;
        text-indent: 0;
        font-size: 1.4rem;
    }
}


/* swiper-topics.css
-------------------------------------------------------- */
.swiper-topics {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    /* background: #fff; */
}
.swiper-topics > div {
    z-index: 0 !important;
}
.swiper-topics-inner {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    padding: 0 14px;
    max-width: 1368px;
    width: 100%;
}

/* .swiper */
.swiper-topics .swiper {
    z-index: 1;
    /* overflow: visible; */
    padding: 0 0 60px 0;
    width: 100%;
    height: auto;
}

/* .swiper-wrapper */
.swiper-topics .swiper-wrapper {
    /* transition-timing-function: ease-in; */ /* ease,linear,ease-in,ease-out,ease-in-out */
    transition-timing-function: cubic-bezier(.25, .1, .25, 1.0);
}

/* .swiper-slide */
.swiper-topics .swiper-slide-inner {
    display: flex;
    width: auto;
    height: auto;
    text-align: center;
    transition: 1.8s cubic-bezier(.2, 1, .2, 1);

    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.swiper-topics .swiper-slide-inner img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover; object-position: 50% 50%;"; /* IE対策 */

    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -o-object-fit: cover;
       object-fit: cover;
}
.swiper-topics .swiper-slide-inner {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 1px solid #ededed;
    border-radius: 0;
    background: #fff;
    /* box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16), 0 0 0 2px transparent inset; */
    color: #020202;
    text-decoration: none;
}
.swiper-topics .swiper-slide:not(.swiper-slide-visible) .swiper-slide-inner {
    /* opacity: .3; */
    pointer-events: none;
}
.swiper-topics .swiper-slide-inner .img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px;
}
.swiper-topics .swiper-slide-inner .img img {
    transition: transform .4s ease-in-out;
}
.swiper-topics .swiper-slide-inner:hover .img img {
    transform: scale(1.08);
}
.swiper-topics .swiper-slide-inner .img-time {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    padding: 1.2em;
    /* width: 56px;
    height: 56px; */
    background-color: rgba(249, 96, 94, .9);
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.4;

    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.swiper-topics .swiper-slide-inner .box {
    padding: 1em 1em 3em;
    width: 100%;
}
.swiper-topics .swiper-slide-inner .box-ttl {
    display: block;
    /* overflow: hidden; */
    margin: 0 0 8px;
    text-align: left;
    /* text-overflow: ellipsis;
    white-space: nowrap; */
    font-weight: 700;
    font-size: 2.0rem;
    line-height: 1.6;
}
.swiper-topics .swiper-slide-inner .box-txt {
    text-align: justify;
    font-size: 1.5rem;
}
.swiper-topics .swiper-slide-inner .box-time {
    margin: 16px 0 0;
    padding: 16px 0 0;
    border-top: 1px solid #ededed;
    text-align: left;
    font-size: 1.4rem;
}
.swiper-topics .swiper-slide-inner .box-category {
    margin: 16px 0 0;
    padding: 16px 0 0;
    border-top: 1px solid #ededed;
    text-align: left;
    font-size: 1.4rem;
}
.swiper-topics .swiper-slide-inner .box-category::before {
    display: inline-block;
    margin: 0 12px 0 0;
    padding: 2px 12px;
    background: #45413f;
    color: #fff;
    content: attr(data-name);
    font-weight: 700;
    font-size: 1.2rem;
}
.swiper-topics .swiper-slide-inner .box-more {
    position: absolute;
    right: 0;
    bottom: 30px;
    padding-right: 65px;
    color: #1972b5;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
    transition: color .15s linear;
}
.swiper-topics .swiper-slide-inner .box-more::before {
    position: absolute;
    right: 28px;
    bottom: 3px;
    display: block;
    width: 20px;
    height: 2px;
    background-color: #1972b5;
    content: "";
    transition: background-color .15s linear;
}
.swiper-topics .swiper-slide-inner .box-more::after {
    position: absolute;
    right: 24px;
    bottom: 3px;
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 4px solid #1972b5;
    border-left: 7px solid #1972b5;
    content: "";
    transition: all .15s linear;
}
.swiper-topics .swiper-slide-inner .box-more:hover {
    color: #005bbc;
}
.swiper-topics .swiper-slide-inner .box-more:hover::before {
    background-color: #005bbc;
}
.swiper-topics .swiper-slide-inner .box-more:hover::after {
    border-bottom: 4px solid #005bbc;
    border-left: 7px solid #005bbc;
}

/* .swiper-pagination */
.swiper-topics .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #000;
    opacity: .2;
}
.swiper-topics .swiper-pagination-bullet-active {
    background: rgba(0, 0, 0, 1);
    opacity: 1;
}

/* .swiper-button */
.swiper-topics .swiper-button-prev,
.swiper-topics .swiper-button-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: flex;
    margin-top: 0;
    width: 38px;
    height: 38px;
    border-radius: 0;
    background: rgba(1, 92, 172, 1);
    /* background: transparent; */
    cursor: pointer;
    transition: all .4s ease;
    transform: translateY(-50%);

    align-items: center;
    justify-content: center;
}
.swiper-topics .swiper-button-prev {
    left: 0;
}
.swiper-topics .swiper-button-next {
    right: 0;
}
.swiper-topics .swiper-button-prev:hover,
.swiper-topics .swiper-button-next:hover {
    background: rgba(1, 92, 172, .5);
}
.swiper-topics .swiper-button-prev::before,
.swiper-topics .swiper-button-next::before {
    display: block;
    width: 10px;
    height: 10px;
    border-width: 2px 0 0 2px;
    border-style: solid;
    border-color: #fff;
    content: "";
}
.swiper-topics .swiper-button-prev::before {
    margin-right: -5px;
    transform: rotate(-45deg);
}
.swiper-topics .swiper-button-next::before {
    margin-left: -5px;
    transform: rotate(135deg);
}

/* pc（1200px以上の場合に適用） */
@media (min-width: 1200px) {
    .swiper-topics-inner {
        padding: 0 60px;
    }
}


/* swiper-interview.css
-------------------------------------------------------- */
.swiper-interview {
    position: relative;
    overflow-x: hidden;
    margin: 0 auto 0;
    padding: 0 20px 100px;
    width: 100%;
    height: 100%;
    background: transparent;
}
.swiper-interview > div {
    z-index: 0 !important;
}
.swiper-interview-inner {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
}

/* .swiper */
.swiper-interview .swiper {
    z-index: 1;
    overflow: visible;
    padding: 0;
    min-height: 300px;
    max-height: 520px;
    width: 100%;
    height: 50vw;
}

/* .swiper-wrapper */
.swiper-interview .swiper-wrapper {
    /* transition-timing-function: ease-in; */ /* ease,linear,ease-in,ease-out,ease-in-out */
    transition-timing-function: cubic-bezier(.25, .1, .25, 1.0);
}

/* .swiper-slide */
.swiper-interview .swiper-slide {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    /* border: 1px solid #ccc9c8; */
    background: #fff;

    backface-visibility: hidden;
    /* border-radius: 8px; */
    /* box-shadow: 0 4px 16px rgba(0, 0, 0, .15); */
}
.swiper-interview .swiper-slide::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    /* background-color: rgba(255, 255, 255, .8); */
    background-color: rgba(0, 0, 0, 0);
    content: "";
    transition: all .8s ease;
    pointer-events: none;
}
.swiper-interview .swiper-slide.swiper-slide-active::before,
.swiper-interview .swiper-slide.swiper-slide-duplicate-active::before {
    background-color: rgba(0, 0, 0, 0);
}
.swiper-interview .swiper-slide-inner {
    position: relative;
    z-index: 2;
    display: flex;
    width: auto;
    height: 100%;
    text-align: center;
    transition: 1.8s cubic-bezier(.2, 1, .2, 1);

    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.swiper-interview .swiper-slide-inner .entity-img {
    display: none;
}
.swiper-interview .swiper-slide-inner img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover; object-position: 50% 50%;"; /* IE対策 */

    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* .swiper-pagination */
.swiper-interview .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 0;
    background: #ccc;
    opacity: .5;
}
.swiper-interview .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    opacity: 1;
}

/* .swiper-button */
.swiper-interview .swiper-button-prev,
.swiper-interview .swiper-button-next {
    position: absolute;
    top: 45%;
    z-index: 10;
    display: flex;
    /* visibility: hidden; */
    margin-top: 0;
    width: 60px;
    height: 60px;
    border-radius: 0;
    background: rgba(0, 0, 0, .4);
    /* opacity: 0; */
    cursor: pointer;
    transition: all .3s ease;
    transform: translateY(-50%);

    align-items: center;
    justify-content: center;
}
.swiper-interview .swiper-button-prev {
    top: auto;
    right: calc(25vw / 14.4 + 45px);
    bottom: 0;
    left: auto;
    width: calc(25vw / 14.4 + 45px);
    height: calc(25vw / 14.4 + 45px);
    background-color: #1e2b69;
    transform: translateY(50%);
}
.swiper-interview .swiper-button-next {
    top: auto;
    right: 0;
    bottom: 0;
    width: calc(25vw / 14.4 + 45px);
    height: calc(25vw / 14.4 + 45px);
    background-color: #22a7c3;
    transform: translateY(50%);
}
.swiper-interview .swiper:hover .swiper-button-prev,
.swiper-interview .swiper:hover .swiper-button-next {
    visibility: visible;
    opacity: 1;
    /* transform: translateX(0); */
}
.swiper-interview .swiper-button-prev:hover,
.swiper-interview .swiper-button-next:hover {
    background: rgba(8, 108, 179, 1);
}
.swiper-interview .swiper-button-prev::before,
.swiper-interview .swiper-button-next::before {
    display: block;
    width: 15px;
    height: 15px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #fff;
    content: "";
    transition: all .4s ease;
}
.swiper-interview .swiper-button-prev::before {
    margin-right: -5px;
    transform: rotate(-45deg);
}
.swiper-interview .swiper-button-next::before {
    margin-left: -5px;
    transform: rotate(135deg);
}

/* .swiper-interview-list-item-bg */
.swiper-interview-list-item-bg {
    position: relative;
    width: 100%;
    height: 100%;
    /* background-position: right bottom; */
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}
.swiper-interview-list-item-bg::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    /* background: url(../../../../assets/img/common/bg_overlay_07.png) repeat 0 0; */
    /* background: rgba(0, 0, 0, .3); */
    content: "";
}
.swiper-interview-list-item-bg img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover; object-position: 50% 50%;"; /* IE対策 */

    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* .swiper-interview-list-item-box */
.swiper-interview-list-item-box {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
}
.swiper-interview-list-item-box-inner {
    position: relative;
}
.swiper-interview-list-item-box-copy {
    margin: 0;
    padding: 0;
}
.swiper-interview-list-item-box-copy span {
    position: relative;
    display: inline-block;
    margin-top: .2em;
    padding: .4em .8em .4em;
    /* background: rgba(51, 51, 51, .8); */
    background: rgba(1, 92, 172, .9);
    color: #fff;
    /* color: #3c3c3c; */
    text-align: left;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 1.5;
}
.swiper-interview-list-item-box-copy span.copy-label {
    font-size: 2.2rem;
}
.swiper-interview-list-item-box-copy span.copy-ttl {
    font-size: 2.0rem;
}
.swiper-interview-list-item-box-type {
    font-size: 2.8rem;
}
.swiper-interview-list-item-box-ttl {
    margin: 0 auto 1em;
    /* max-width: 740px; */
    border-bottom: 1px dashed;
    color: #fff;
    text-align: center;
    /* text-shadow: 0 3px 15px rgba(0, 0, 0, 1); */
    font-size: 2.0rem;
}

/* .swiper-interview .swiper-pagination-custom */
.swiper-interview .swiper-pagination-custom {
    position: absolute;
    top: auto;
    right: auto;
    bottom: calc(12.5vw / 14.4 + 27.5px);
    left: calc(100% - calc(50vw / 14.4 + 90px));
    z-index: 3;
    display: inline-block;
    width: auto;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, .4);
    white-space: nowrap;
    letter-spacing: .1em;
    font-weight: 500;
    font-size: calc(24vw / 14.4 + 20px);
    font-family: "Barlow Semi Condensed", sans-serif;
    line-height: 1.2;
}
.swiper-interview .swiper-pagination-custom span {
    color: #fff;
}

/* .swiper-interview .swiper-controller */
/* .swiper-interview .swiper-controller {
    position: absolute;
    bottom: -110px;
    left: 50%;
    z-index: 2;
    display: flex;
    margin: 0 auto;
    padding: 20px 0 20px;
    max-width: 300px;
    width: 90%;
    background: rgba(255, 255, 255, 0);
    transform: translateX(-50%);

    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}
.swiper-interview .swiper-controller .swiper-button-prev,
.swiper-interview .swiper-controller .swiper-button-next {
    position: relative;
    top: auto;
    border: 3px solid rgba(255, 96, 16, 1);
    border-radius: 100%;
    background: rgba(255, 96, 16, 1);
    transform: none;
}
.swiper-interview .swiper-controller .swiper-button-prev {
    right: auto;
    bottom: auto;
    width: calc(25vw / 14.4 + 25px);
    height: calc(25vw / 14.4 + 25px);
    transform: none;
}
.swiper-interview .swiper-controller .swiper-button-next {
    right: auto;
    bottom: auto;
    width: calc(25vw / 14.4 + 25px);
    height: calc(25vw / 14.4 + 25px);
    transform: none;
}
.swiper-interview .swiper-controller .swiper-button-prev::before,
.swiper-interview .swiper-controller .swiper-button-next::before {
    width: 13px;
    height: 13px;
    border-width: 2px 0 0 2px;
    border-color: rgba(255, 255, 255, 1);
}
.swiper-interview .swiper-controller .swiper-pagination-custom {
    position: relative;
    bottom: auto;
    left: auto;
    display: flex;
    width: 140px;
    color: rgba(255, 96, 16, 1);
    text-shadow: none;
    font-size: calc(24vw / 14.4 + 14px);

    flex-flow: row;
    justify-content: center;
    align-items: center;
} */

/* sp（0px～768px未満の場合に適用） */
@media (min-width: 0) and (max-width: 767.98px) {
    .swiper-interview-list-item-box.swiper-interview-list-item-box-01,
    .swiper-interview-list-item-box.swiper-interview-list-item-box-02,
    .swiper-interview-list-item-box.swiper-interview-list-item-box-03,
    .swiper-interview-list-item-box.swiper-interview-list-item-box-04 {
        bottom: 5%;
        left: 50%;
        padding: 0 15px;
        width: 100%;
        height: auto;
        text-align: left;
        transform: translateX(-50%);
    }
    .swiper-interview-list-item-box-copy {
        font-size: 1.8rem;
    }
    .swiper-interview-list-item-box-copy span.copy-label {
        font-size: 1.8rem;
    }
    .swiper-interview-list-item-box-copy span.copy-ttl {
        font-size: 1.9rem;
    }
    .swiper-interview-list-item-box-ttl {
        font-size: 1.0rem;
    }
    .swiper-interview-list-item-box-img {
        display: none;
    }
    /* .swiper-interview .swiper-button-prev,
    .swiper-interview .swiper-button-next {
        display: none !important;
    } */
}

/* tb（768px～1200px未満の場合に適用） */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .swiper-interview-list-item-box.swiper-interview-list-item-box-01,
    .swiper-interview-list-item-box.swiper-interview-list-item-box-02,
    .swiper-interview-list-item-box.swiper-interview-list-item-box-03,
    .swiper-interview-list-item-box.swiper-interview-list-item-box-04 {
        bottom: 5%;
        left: 50%;
        padding: 0 15px;
        width: 100%;
        height: auto;
        text-align: left;
        transform: translateX(-50%);
    }
    .swiper-interview-list-item-box-copy {
        font-size: 1.8rem;
    }
    .swiper-interview-list-item-box-copy span.copy-label {
        font-size: 1.8rem;
    }
    .swiper-interview-list-item-box-copy span.copy-ttl {
        font-size: 1.8rem;
    }
    .swiper-interview-list-item-box-ttl {
        font-size: 1.0rem;
    }
    .swiper-interview-list-item-box-img {
        display: none;
    }
    /* .swiper-interview .swiper-button-prev,
    .swiper-interview .swiper-button-next {
        display: none !important;
    } */
}

/* pc（1200px以上の場合に適用） */
@media (min-width: 1200px) {
    .swiper-interview .swiper-interview-inner {
        padding: 0 20px;
        max-width: 1640px;
        width: 100%;
    }
    .swiper-interview .swiper {
        max-height: 610px;
    }
    /* .swiper-interview .swiper-slide-next,
    .swiper-interview .swiper-slide-prev {
        opacity: .5;
    } */
    .swiper-interview-list-item-box.swiper-interview-list-item-box-01,
    .swiper-interview-list-item-box.swiper-interview-list-item-box-02,
    .swiper-interview-list-item-box.swiper-interview-list-item-box-03,
    .swiper-interview-list-item-box.swiper-interview-list-item-box-04 {
        bottom: 0;
        left: 0;
        margin: 0 0 5% 0;
        padding: 0 5%;
        width: 100%;
        height: auto;
        text-align: left;
    }
    /* .swiper-interview-list-item-box.swiper-interview-list-item-box-01 {
        right: 0;
        bottom: 0;
        margin: 0 0 10%;
        padding: 0 10%;
        width: auto;
        height: auto;
        text-align: right;
    }
    .swiper-interview-list-item-box.swiper-interview-list-item-box-02 {
        top: 10%;
        left: 50%;
        padding: 0 15px;
        width: auto;
        height: auto;
        text-align: center;
        transform: translateX(-50%);
    }
    .swiper-interview-list-item-box.swiper-interview-list-item-box-03 {
        top: 10%;
        left: 50%;
        padding: 0 15px;
        width: auto;
        height: auto;
        text-align: center;
        transform: translateX(-50%);
    }
    .swiper-interview-list-item-box.swiper-interview-list-item-box-04 {
        top: 50%;
        left: 50%;
        padding: 0 15px;
        width: 100%;
        height: 100%;
        text-align: center;
        transform: translate(-50%, -50%);

        justify-content: center;
        align-items: center;
    } */
    /* .swiper-interview-list-item-box-01 .swiper-interview-list-item-box-copy,
    .swiper-interview-list-item-box-01 .swiper-interview-list-item-box-ttl {
        text-align: right;
    }
    .swiper-interview-list-item-box-02 .swiper-interview-list-item-box-copy,
    .swiper-interview-list-item-box-02 .swiper-interview-list-item-box-ttl {
        text-align: center;
    }
    .swiper-interview-list-item-box-03 .swiper-interview-list-item-box-copy,
    .swiper-interview-list-item-box-03 .swiper-interview-list-item-box-ttl {
        text-align: left;
    } */
    .swiper-interview-list-item-box-copy,
    .swiper-interview-list-item-box-ttl {
        text-align: left;
    }
    .swiper-interview-list-item-box-copy {
        font-size: 2.8rem;
    }
    .swiper-interview-list-item-box-ttl {
        margin: 0 auto 1em;
        font-size: 1.6rem;
    }
    .swiper-interview-list-item-box-img {
        position: absolute;
        top: 0;
        right: 10%;
        bottom: 0;
        z-index: 1;
        margin: auto;
        max-width: 40vw;
        max-height: 60vh;
        height: max-content;
    }
    .swiper-interview-list-item-box-img {
        display: none;
    }
}

/* pc（1400px以上の場合に適用） */
@media (min-width: 1400px) {
    .swiper-interview .swiper {
        max-height: 700px;
    }
}
