/* ======================================== Pages ======================================== */
/* ==================== Home (Index) ==================== */
/* ========== loading ========== */
.loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 1;
    visibility: visible;
    transition: opacity 1s, visibility 1s;
}
.loading.is-hide {
    opacity: 0;
    visibility: hidden;
}
.loading__img {
    width: 5rem;
    height: 5rem;
    animation: spin .8s linear infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* ---------- loading responsive (1000) ---------- */
@media screen and (max-width: 1000px) {
    .loading {}
    .loading__img {
        width: 3rem;
        height: 3rem;
    }
}
/* ---------- loading responsive (1000) ---------- */
@media screen and (max-width: 1000px) {
    .loading {
        height: calc(100% - 23rem);
    }
    .loading__img {
        width: 3rem;
        height: 3rem;
    }
}
/* ========== End loading ========== */
/* ========== featued-news ========== */
/* ========== home-kv ========== */
.home-kv {
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.home-kv__title-area {
    position: absolute;
    top: 38%;
    left: 0;
    z-index: 1;
    transform: translate(0,-50%);
    display: block;
    width: 100%;
}
.home-common-wrapper {
    width: 89%;
    /*max-width: 150rem;*/
    margin: 0 auto;
}
.home-kv__title {
    font-size: 5.2rem;
    font-weight: 700;
    line-height: 1.46;
}
.home-kv__title .--letter-spacing_narrow {
    letter-spacing: 0.025em;
}
.home-kv__title .--note {
    position: relative;
}
.home-kv__title .--note::after {
    content: '※';
    position: absolute;
    top: -0.1rem;
    right: -1rem;
    display: inline;
    font-size: 1.4rem;
    line-height: 2;
}
.home-kv__warn {
    padding-top: 2.5rem;
    font-size: 1.4rem;
    line-height: 2;
    color: #888888;
}
.home-kv__imgs-area {
    position: relative;
    z-index: 0;
    width: 86%;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    margin: 0 0 0 auto;

}
.home-kv__layer-base {
    position: relative;
    transition: opacity .1s;
}
.home-kv__layers {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}
.home-kv__layer {
    position: absolute;
    top: -1rem;
    left: 0;
    opacity: 0;
    transition: top .3s, opacity .3s;
}
.home-kv__layer.--1 {
    top: 0;
    z-index: 1;
}
.home-kv__layer.--2 {
    top: 0;
    z-index: 2;
}
.home-kv__layer.--3 {
    /* 雲 */
    z-index: 3;
}
.home-kv__layer.--4 {
    /* 内側の色々 */
    /* top: 2rem; */
    z-index: 4;
    transition: top .5s .15s, opacity .5s .15s;
}
.home-kv__layer.--5 {
    /* 飛行機 */
    top: 0rem;
    left: -5.2%;
    z-index: 5;
    transition: left 0.8s;
}
.home-kv__layer.--6 {
    /* カモメ */
    z-index: 6;
}
.home-kv__layer.--7 {
    /* 船 */
    z-index: 7;
}
.home-kv__layer.--8 {
    /* 右上の人 */
    z-index: 8;
}
.home-kv__layer.--9 {
    z-index: 9;
}
.home-kv__layer.--10 {
    z-index: 10;
}
.home-kv__layer.--11 {
    z-index: 11;
}
.home-kv__layer.--12 {
    z-index: 12;
}
.home-kv__layer.--13 {
    z-index: 13;
}
.home-kv__layer.--14 {
    z-index: 14;
}
.home-kv__layer.--15 {
    z-index: 15;
}
.home-kv__layer.--16 {
    z-index: 16;
}
.home-kv__layer.--17 {
    z-index: 17;
}
.home-kv__layer.--18 {
    z-index: 18;
}
.home-kv__layer.--19 {
    /* 木 */
    z-index: 19;
}
.home-kv__layer.--20 {
    /* ドローン */
    z-index: 20;
}
/* animation */
.home-kv__layer.-active {
    top: 0;
    opacity: 1;
}
.home-kv__layer.--1.-active {
    animation: waveMove 5s linear infinite;
}
@keyframes waveMove {
    0% { transform: translateX(0) translateY(0); }
    25% { transform: translateX(-1rem) translateY(-0.25rem); }
    50% { transform: translateX(-2rem) translateY(0) }
    75% { transform: translateX(-1rem) translateY(0.25rem) }
    100% { transform: translateX(0) translateY(0); }
}

@keyframes waveFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}
.home-kv__layer.--2.-active {
    animation: boingScale 0.8s ease-out;
}
@keyframes boingScale {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scale(1.2);
    }
    60% {
        transform: scale(0.95);
    }
    80% {
        transform: scale(1.02);
    }
    100% {
        transform: scale(1);
    }
}
.home-kv__layer.--3.-active {
    animation: waveFloat 3s linear infinite;
}
.home-kv__layer.--4.-active {}
.home-kv__layer.--5.-active {
    left: -5%;
    animation: rotateArc 6s ease-in-out infinite alternate;
}
@keyframes rotateArc {
    0% {
        transform: rotate(-4deg);
    }
    100% {
        transform: rotate(4deg);
    }
}
.home-kv__layer.--6.-active {
    animation: rotateArc2 10s ease-in-out infinite alternate;
}
@keyframes rotateArc2 {
    0% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(-2deg);
    }
}
.home-kv__layer.--7.-active {
    animation: waveMove 7s linear infinite;
}
.home-kv__layer.--8.-active {
    animation: hopDrone 3s ease-in-out infinite;
}
/* たまに上下にぴょこっと動く */
@keyframes hopDrone {
    0%, 10%, 20%, 30%, 100% {
        transform: translate(0, 0);
    }
    5% {
        transform: translate(0, -5px);
    }
    10% {
        transform: translate(0, 0);
    }
    15% {
        transform: translate(0, -3px);
    }
}
.home-kv__layer.--9.-active {
    animation: hopDrone 3s 3.1s ease-in-out infinite;
}
.home-kv__layer.--10.-active {
    animation: hopDrone 3s 3.2s ease-in-out infinite;
}
.home-kv__layer.--11.-active {
    animation: hopDrone 3s 3.3s ease-in-out infinite;
}
.home-kv__layer.--12.-active {
    animation: hopDrone 3s 3.4s ease-in-out infinite;
}
.home-kv__layer.--13.-active {
    animation: hopDrone 3s 3.5s ease-in-out infinite;
}
.home-kv__layer.--14.-active {
    animation: hopDrone 3s 3.6s ease-in-out infinite;
}
.home-kv__layer.--15.-active {
    animation: hopDrone 3s 3.7s ease-in-out infinite;
}
.home-kv__layer.--16.-active {
    animation: hopDrone 3s 3.8s ease-in-out infinite;
}
.home-kv__layer.--17.-active {
    animation: hopDrone 3s 3.9s ease-in-out infinite;
}
.home-kv__layer.--18.-active {
    animation: hopDrone 3s 4s ease-in-out infinite;
}
.home-kv__layer.--19.-active {}
.home-kv__layer.--20.-active {
    animation: floatDrone 4s ease-in-out infinite;
}
    @keyframes floatDrone {
      0% {
        transform: translateY(0) scale(1);
      }
      25% {
        transform: translateY(-10px) scale(1.02);
      }
      50% {
        transform: translateY(0) scale(1);
      }
      75% {
        transform: translateY(10px) scale(0.98);
      }
      100% {
        transform: translateY(0) scale(1);
      }
    }

.home-kv__scroll-link-area {
    position: absolute;
    bottom: 20%;
    left: 0;
    z-index: 0;
    width: 100%;
}
/* scroll-link */
.scroll-link {
    position: relative;
    display: block;
    width: 5.6rem;
    height: 8rem;
}
.scroll-link__text {
    padding-left: 2rem;
    font-size: 1.2rem;
    font-weight: 700;
}
.scroll-link__bar {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 9px;
    height: 100%;
    border-radius: 9999px;
    background-color: #e6f0f8;
}
.scroll-link__icon {
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    border: 2px solid var(--base-blue);
    border-radius: 50%;
    background-color: #fff;
    animation: scrollIconMove 2.2s ease-out infinite;
}
@keyframes scrollIconMove {
    0% {
        top: 0;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    100% {
        top: 100%;
        opacity: 0;
    }
}
/* ========== End home-kv ========== */
/* ========== home-page-links-block ========== */
.home-page-links-block {}
.home-page-links-block__section {
    padding: 7.5rem 0 9rem;
}
.home-page-links-block__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8.5rem 6%;
}
.home-page-links-block__item {
    display: flex;
    flex-direction: column;
    width: calc((100% - 6%) / 2);
}
.home-page-links-block__link {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.common-home-section-title {
    font-size: 3.6rem;
    line-height: 1.2;
}
.home-page-links-block__text {
    flex-grow: 1;
    margin-top: 3.3rem;
}
.home-page-links-block__img {
    overflow: hidden;
    position: relative;
    border-radius: 1rem;
    margin-top: 4rem;
}
.home-page-links-block__img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    transition: background-color .3s;
}
a:hover .home-page-links-block__img::before {
    background-color: rgba(0,0,0,0.3);
}
.home-page-links-block__img > img {
    transform: scale(1.001);
    transition: transform .3s;
}
a:hover .home-page-links-block__img > img {
    transform: scale(1.05);
}
.home-page-links-block__link-area {
    display: flex;
    justify-content: end;
    padding-top: 4rem;
}
/* ========== End home-page-links-block ========== */
/* ========== home-news-and-univ-latest-block ========== */
.home-news-and-univ-latest-block {}
.home-news-and-univ-latest-block__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 5.3rem 6%;
    margin: 0 0 8rem;
}
.home-news,
.home-univ-latest {
    display: flex;
    flex-direction: column;
    width: calc((100% - 6%) / 2);
}
.home-news__list-area,
.home-univ-latest__list-area {
    margin-top: 2.5rem;
}
.home-news__link-area,
.home-univ-latest__link-area {
    display: flex;
    justify-content: end;
    padding-top: 4rem;
}
/* ========== End home-news-and-univ-latest-block ========== */
/* ========== home-logo-links-block ========== */
.home-logo-links-block {}
.home-logo-links-block__section {
    padding: 0 0 11rem;
}
.home-logo-links-block__category-area {
    margin-top: 3.2rem;
}
.home-logo-links-block__tab-contents-area {
    padding-top: 4rem;
}
.tab-content { display: none; }
.tab-content.active { display: block; }
.home-univ-logos {}
.home-univ-logos__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-left: 1px solid #ddd;
}
.home-univ-logos__item {
    box-sizing: border-box;
    width: calc(100% / 6);
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.home-univ-logos__item:nth-of-type(1),
.home-univ-logos__item:nth-of-type(2),
.home-univ-logos__item:nth-of-type(3),
.home-univ-logos__item:nth-of-type(4),
.home-univ-logos__item:nth-of-type(5),
.home-univ-logos__item:nth-of-type(6)
 {
    border-top: 1px solid #ddd;
}
.home-univ-logos__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 1.5rem;
}
.home-univ-logos__img {
    width: 75%;
    aspect-ratio: 1/1;
}
.home-univ-logos__name {
    position: relative;
    z-index: 1;
    font-size: 1.4rem;
    line-height: 1.5;
}
.home-univ-logos__name.with-blank-icon::after {
    content: "";
    position: relative;
    z-index: 1;
    transform: translate(0, 0);
    display: inline-block;
    width: 1.5rem;
    height: 1.1rem;
    padding: 0 2rem 0 0;
    background-image: url(/assets/img/common/icon-external-link-gray.png);
    background-position: right center;
    background-size: 1.5rem 1.1rem;
}
/* ========== End home-logo-links-block ========== */
/* -------------------- Home (Index) responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    /* ========== loading ========== */
    /* ========== End loading ========== */
    /* ========== home-kv ========== */
    .home-kv {}
    .home-kv__title {
        font-size: 3.5rem;
        line-height: 1.48;
    }
    .home-kv__title .--note::after {
        top: -0.5rem;
        right: -1rem;
    }
    .home-kv__warn {
        font-size: 1.3rem;
    }

    /* ========== End home-kv ========== */
    /* ========== home-page-links-block ========== */
    .home-page-links-block {}
    .home-page-links-block__section {
        padding: 4.7rem 0 5.2rem;
    }
    .home-page-links-block__list {
        gap: 3.7rem 6%;
    }
    .common-home-section-title {
        font-size: 2.8rem;
    }
    .home-page-links-block__text {
        margin-top: 2rem;
    }
    .home-page-links-block__link-area {
        padding-top: 3rem;
    }
    /* ========== End home-page-links-block ========== */
    /* ========== home-news-and-univ-latest-block ========== */
    .home-news-and-univ-latest-block {}
    .home-news-and-univ-latest-block__inner {
        margin: 0 0 5rem;
    }
    .home-news,
    .home-univ-latest {
        width: 100%
    }
    .home-news__list-area,
    .home-univ-latest__list-area {
        width: calc(100% * 100 / 89);
        margin: 0.7rem calc(-5.5% * 100 / 89) 0;
    }
    .home-news__link-area,
    .home-univ-latest__link-area {
        padding: 3rem 5.5% 0;
    }
    /* ========== End home-news-and-univ-latest-block ========== */
    /* ========== home-logo-links-block ========== */
    .home-logo-links-block {}
    .home-logo-links-block__section {
        padding: 0 0 6rem;
    }
    .home-logo-links-block__category-area {
        /* margin-top: 3.2rem; */
    }
    .home-logo-links-block__tab-contents-area {
        /* padding-top: 4rem; */
    }
    .home-univ-logos {}
    .home-univ-logos__list {
        width: calc(100% * 100 / 89);
        border-left: unset;
        margin: 0 calc(-5.5% * 100 / 89);
    }
    .home-univ-logos__item {
        width: calc(100% / 3);
    }
    .home-univ-logos__item:nth-child(3n) {
        border-right: unset;
    }
    .home-univ-logos__item:nth-of-type(4),
    .home-univ-logos__item:nth-of-type(5),
    .home-univ-logos__item:nth-of-type(6)
    {
        border-top: unset
    }
    .home-univ-logos__link {
        padding: 1rem;
    }
    .home-univ-logos__img {
        /* width: 75%; */
    }
    .home-univ-logos__name {
        font-size: 1.3rem;
        line-height: 1.93;
    }
    .home-univ-logos__name.with-blank-icon::after {
        transform: translate(0);
    }
    /* ========== End home-logo-links-block ========== */
}
/* -------------------- Home (Index) responsive (750) -------------------- */
@media screen and (max-width: 750px) {
    /* ========== loading ========== */
    /* ========== End loading ========== */
    /* ========== home-kv ========== */
    .home-kv {
        display: flex;
        flex-direction: column-reverse;
    }
    .home-kv__title-area {
        position: relative;
        top: 0;
        transform: translate(0);
        margin-top: 2.5rem;
    }
    .home-kv__warn {
        margin-top: 2rem;
    }
    .home-kv__imgs-area {
        width: 100%;
    }
    .home-kv__layers {
        height: 105%;
    }
    .home-kv__layer {
        left: -4%;
        height: 100%;
    }
    .home-kv__layer.--7.-active {
        left: -5%;
    }
    .home-kv__layer.--7.-active > img {
        transform: translateX(7%);
    }
    .home-kv__layer > img {
        height: 100%;
        object-fit: cover;
        object-position: 50%;
    }
    .home-kv__scroll-link-area {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 100%;
    }
    /* scroll-link */
    .scroll-link {
        margin: 0 0 0 auto;
    }
    .scroll-link__text {
        padding-left: 0;
        padding-right: 2rem;
    }
    .scroll-link__bar {
        left: unset;
        right: 0;
    }
    /* ========== End home-kv ========== */
    /* ========== home-page-links-block ========== */
    .home-page-links-block {}
    .home-page-links-block__item {
        width: calc(100% * 100 / 89);
        margin: 0 calc(-5.5% * 100 / 89);
    }
    .home-page-links-block__title {
        order: 2;
    }
    .home-page-links-block__title {
        padding: 2.8rem 5.5% 0;
    }
    .home-page-links-block__text {
        order: 3;
        padding: 0 5.5%;
    }
    .home-page-links-block__img {
        order: 1;
        border-radius: 0;
        margin-top: 0;
    }
    .home-page-links-block__link-area {
        order: 4;
        padding: 2.3rem 5.5% 0;
    }
    /* ========== End home-page-links-block ========== */
}


/* ==================== End Home (Index) ==================== */
/* ==================== common-page-template ==================== */
.common-page-template {}
:root {
    --common-page-template__wrapper-width: 81%;
    --common-page-template__wrapper-max-width: 120rem;
}
.common-page-template__wrapper {
    width: var(--common-page-template__wrapper-width);
    max-width: var(--common-page-template__wrapper-max-width);
    margin: 0 auto;
}

/* ========== subpage-hero-with-bg ========== */
:root {
    --subpage-hero-title-fz: 5.2rem;
    --subpage-hero-title-fw: 700;
    --subpage-hero-title-lh: 1.46;
}
.subpage-hero-with-bg {
    position: relative;
}
.subpage-hero-with-bg__title-area {
    position: absolute;
    left: 0;
    bottom: 7rem;
    width: 100%;
}
.subpage-hero-with-bg__title {
    position: relative;
    width: var(--common-page-template__wrapper-width);
    max-width: var(--common-page-template__wrapper-max-width);
    margin: 0 auto;
    font-size: var(--subpage-hero-title-fz);
    font-weight: var(--subpage-hero-title-fw);
    line-height: var(--subpage-hero-title-lh);
    color: #fff;
}
.subpage-hero-with-bg__title span,
.common-page-template__title span {
    color: var(--base-blue);
}
.subpage-hero-with-bg__img {
    position: relative;
    z-index: -1;
    width: 96.8%;
    margin: 0 auto 8rem;
}
.subpage-hero-with-bg__img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 24rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,.3) 100%);
}
.subpage-hero-with-bg__img > img {
    border-radius: 10px;
}
/* ========== End subpage-hero-with-bg ========== */
/* ========== subpage-hero-title-only ========== */
.subpage-hero-title-only {
    position: relative;
}
.subpage-hero-title-only__title-area {
    width: var(--common-page-template__wrapper-width);
    max-width: var(--common-page-template__wrapper-max-width);
    padding: 15rem 0 6.5rem;
    margin: 0 auto;
}
.subpage-hero-title-only__title {
    font-size: var(--subpage-hero-title-fz);
    font-weight: var(--subpage-hero-title-fw);
    line-height: var(--subpage-hero-title-lh);
}
.subpage-hero-title-only__title span {
    color: var(--base-blue);
}
/* ========== End subpage-hero-title-only ========== */
.common-page-template__contents {
    margin-bottom: 10rem;
}
/* -------------------- common-page-template responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    .common-page-template {}
    :root {
        --common-page-template__wrapper-width: 89%;
    }
    /* ========== subpage-hero-with-bg ========== */
    :root {
        --subpage-hero-title-fz: 3.5rem;
    }
    .subpage-hero-with-bg {}
    .subpage-hero-with-bg__title-area {
        bottom: 4rem;
    }
    .subpage-hero-with-bg__img {
        width: 94.4%;
        margin: 0 auto 4rem;
    }
    .subpage-hero-with-bg__img::after {
        height: 18rem;
    }
    /* ========== End subpage-hero-with-bg ========== */
    /* ========== subpage-hero-title-only ========== */
    .subpage-hero-title-only {}
    .subpage-hero-title-only__title-area {
        padding: 5.5rem 0 2.8rem;
    }
    /* ========== End subpage-hero-title-only ========== */
    .common-page-template__contents {
        margin-bottom: 6rem;
    }
}
/* -------------------- common-page-template responsive (750) -------------------- */
@media screen and (max-width: 750px) {
    .subpage-hero-with-bg__title {
        width: 85%;
    }
}




/* ==================== End common-page-template ==================== */
/* ==================== news ==================== */
.news {
    margin-bottom: 11rem;
}
.news__wrapper {
    width: var(--common-page-template__wrapper-width);
    max-width: var(--common-page-template__wrapper-max-width);
    margin: 0 auto;
}
.news__title-area {
    padding: 15.4rem 0 8rem;
}
.news__title {
    font-size: var(--subpage-hero-title-fz);
    font-weight: var(--subpage-hero-title-fw);
    line-height: var(--subpage-hero-title-lh);
}
.news__upper-pagination-area {
    margin-top: 6rem;
}
.news__archive-area {
    width: var(--common-page-template__wrapper-width);
    max-width: var(--common-page-template__wrapper-max-width);
    margin: 0 auto;
    padding-top: 5.4rem;
}
.news__lower-pagination-area {
    margin-top: 6rem;
}
/* -------------------- news responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    .news {
        margin-bottom: 6rem;
    }
    .news__title-area {
        padding: 6rem 0 3.5rem;
    }
    .news__upper-pagination-area {
        margin-top: 4rem;
    }
    .news__archive-area {
        width: 100%;
        padding-top: 3.3rem;
    }
    .news__lower-pagination-area {
        margin-top: 4rem;
    }
}
/* ==================== End news ==================== */
/* ==================== news-single ==================== */
.news-single {}
.news-single__wrapper {
    width: clamp(30rem, 60%, 110rem);
    margin: 0 auto;
}
.news-single__title-area {
    padding: 11.5rem 0 5rem;
}
.news-single__post-meta-area {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--base-blue);
}
.news-single__date {
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.news-single__cat {
    position: relative;
    display: inline-block;
    padding-left: 2.4rem;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.news-single__cat::before {
    content: '｜';
    position: absolute;
    top: 0;
    left: 0.5rem;
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.news-single__label {
    padding: 0.2rem 0.4rem;
    border-radius: 2px;
    margin-left: 1.5rem;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
    background-color: var(--base-blue);
}
.news-single__title {
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.5;
}
.news-single__archive-area {
    width: var(--common-page-template__wrapper-width);
    max-width: var(--common-page-template__wrapper-max-width);
    margin: 11rem auto 0;
}
.news-single__archive-title {
    font-size: 3.6rem;
    margin-bottom: 3rem;
}
.news-single__button-area {
    display: flex;
    justify-content: end;
    margin: 5rem 0 12rem;
}
/* -------------------- news-single responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    .news-single {}
    .news-single__wrapper {
        width: 89%;
    }
    .news-single__title-area {
        padding: 5.5rem 0 4rem;
    }
    .news-single__post-meta-area {
        /* margin-bottom: 0.5rem; */
    }
    .news-single__title {
        font-size: 2.8rem;
    }
    .news-single__archive-area {
        width: 100%;
        max-width: unset;
        margin: 7rem auto 0;
    }
    .news-single__archive-title-area {
        width: 89%;
        margin: 0 auto;
    }
    .news-single__archive-title {
        font-size: 2.8rem;
        margin-bottom: 1rem;
    }
    .news-single__button-area {
        width: 89%;
        margin: 3rem auto 6.5rem;
    }
    .common-link-with-circle-icon {
        gap: 1.5rem;
    }
    .common-link-with-circle-icon__text {
        margin-bottom: 0.2rem;
        font-size: 1.5rem;
    }
}
/* ==================== End news-single ==================== */
/* ==================== faq ==================== */
.faq {}
.faq-section + .faq-section {
    margin-top: 6.2rem;
}
.faq-section__title {
    font-size: 3.6rem;
    line-height: 1.33;
}
.faq-section__list-area {
    margin-top: 5rem;
}
.faq-section__list {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    width: 100%;
}
.faq-unit {
    box-sizing: border-box;
    display: block;
    border: 1px solid #dddddd;
    margin-bottom: 3rem;
}
.faq-unit__button {
    position: relative;
    width: 100%;
    padding: 2.5rem 9rem;
    text-align: left;
}
.faq-unit__number {
    position: absolute;
    top: 2.6rem;
    left: 2rem;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--base-blue);
}
.faq-unit__title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.93;
    color: #222;
    transition: color .3s;
}
.faq-unit:hover .faq-unit__title,
.faq-unit.-open .faq-unit__title {
    color: var(--base-blue);
}
.faq-unit__icon {
    position: absolute;
    top: 2.9rem;
    right: 3rem;
    z-index: 1;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    border: 1px solid #222;
    transition: border .3s;
}
.faq-unit.-open .faq-unit__icon {
    border: 1px solid var(--base-blue);
}
.faq-unit__icon::before {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50%) rotate(135deg);
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    transition:  border .3s, transform .3s;
}
.faq-unit.-open .faq-unit__icon::before {
    transform: translate(-50%,-50%) rotate(-45deg);
    border-top: 2px solid var(--base-blue);
    border-right: 2px solid var(--base-blue);
}
.faq-unit__content {
    overflow: hidden;
    position: relative;
}
.faq-unit__content-inner {
    padding: 1rem 9rem 4rem;
    /* padding: 1rem 9rem 1.8rem; */
}
.faq-unit__content-number {
    position: absolute;
    top: 1.2rem;
    left: 2.2rem;
    font-size: 2.5rem;
    font-weight: 700;
}
.faq-unit__editor-area .mbtk-block-editor *:last-child {
    margin-bottom: 0;
}
/* -------------------- faq responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    .faq {}
    .faq-section + .faq-section {
        margin-top: 4.5rem;
    }
    .faq-section__title {
        font-size: 2.5rem;
        line-height: 1.5;
    }
    .faq-section__list-area {
        margin-top: 3.2rem;
    }
    .faq-section__list {
        gap: 2rem;
    }
    .faq-unit__button {
        padding: 1.7rem 5rem 1.7rem 6rem;
    }
    .faq-unit__number {
        top: 2rem;
        left: 1.5rem;
        font-size: 2.2rem;
    }
    .faq-unit__icon {
        top: 2.2rem;
        right: 1.5rem;
    }
    .faq-unit__content-inner {
        padding: 0 6rem 2.4rem;
    }
    .faq-unit__content-number {
        top: 0.3rem;
        left: 1.7rem;
        font-size: 2.2rem;
    }
}
/* ==================== End faq ==================== */
/* ==================== magazine-archive ==================== */
.magazine-archive {}
.magazine-archive__wrapper {
    width: var(--common-page-template__wrapper-width);
    max-width: var(--common-page-template__wrapper-max-width);
    margin: 0 auto;
}
.magazine-archive__title-area {
    padding: 15.4rem 0 8rem;
}
.magazine-archive__title {
    font-size: var(--subpage-hero-title-fz);
    font-weight: var(--subpage-hero-title-fw);
    line-height: var(--subpage-hero-title-lh);
}
/* ========== magazine-archive-feature ========== */
.magazine-archive-feature {}
.magazine-archive-feature__wrapper {
    width: var(--common-page-template__wrapper-width);
    max-width: var(--common-page-template__wrapper-max-width);
    margin: 0 auto;
}
.magazine-archive-feature__slider-title-text {
    position: relative;
    display: inline-block;
    padding: 2px 10px 4px;
    margin-bottom: 2rem;
    margin-left: 5px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background-color: var(--base-blue);
}
.magazine-archive-feature__slider-title-text::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0,50%);
    display: inline-block;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid var(--base-blue);
}
.magazine-archive-feature__slider-area {
    margin-bottom: 7rem;
}
/* ===== feature-archive-slider ===== */
.feature-archive-slider {
    overflow: hidden;
}
.feature-archive-slider__list {
    margin: 0 -20px;
}
.feature-archive-slider__list .slick-slide {
    margin: 0 20px;
}
@media screen and (min-width: 1630px) {
    .magazine-archive-feature__slider-title-text {
        margin-left: 0;
    }
    .feature-archive-slider__list .slick-slide {
        width: 407px !important;
    }
}
.feature-archive-slider__nav-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 81%;
    max-width: var(--common-page-template__wrapper-max-width);
    margin: 4rem auto 1rem;
}
.feature-archive-slider .slick-dots {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
}
.feature-archive-slider .slick-dots li button {
    overflow: hidden;
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    border: none;
    padding: 0;
    text-indent: -9999px; /* 念のため数字が入っても見えなくする */
    background-color: #ddd;
    transition: width .3s ease-in-out, background-color .3s .4s ease;
}
.feature-archive-slider .slick-dots li.slick-active button {
    width: 28px;
    background-color: var(--base-blue);
    transition: width .3s .3s ease-in-out, background-color .4s ease;
}
/* ===== End feature-archive-slider ===== */
/* ========== End magazine-archive-feature ========== */
/* ========== magazine-archive-main-section ========== */
.magazine-archive-main-section {
    padding-top: 6rem;
    margin-top: -6rem;
}
.magazine-archive-main-section__hr-area {
    width: var(--common-page-template__wrapper-width);
    max-width: var(--common-page-template__wrapper-max-width);
    margin: 0 auto;
}
.magazine-archive-main-section__hr {
    border-top: 1px solid #eeeeee;
    margin-bottom: 7rem;
}
.magazine-archive-main-section__title-area {
    width: var(--common-page-template__wrapper-width);
    max-width: var(--common-page-template__wrapper-max-width);
    margin: 0 auto;
}
.magazine-archive-main-section__title {
    font-size: 3.6rem;
    line-height: 1.33;
}
.magazine-archive-main-section__filters-area {
    display: flex;
    align-items: center;
    gap: 5rem;
    width: var(--common-page-template__wrapper-width);
    max-width: var(--common-page-template__wrapper-max-width);
    margin: 4.4rem auto 0;
}
.magazine-archive-main-section__category-area {
    display: flex;
    align-items: center;
    width: calc(100% - 22rem - 5rem);
}
/* publish-filter */
.publish-filter {}
.publish-filter form {
    position: relative;
}
.publish-filter form select {
    cursor: pointer;
    border: unset;
    width: 22rem;
    padding: 1.4rem 2.5rem 1.6rem;
    border: 1px solid #dddddd;
    border-radius: 9999px;
    font-size: 1.5rem;
}
.publish-filter form .publish-filter__form-icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translate(0, -50%);
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid #222;
    border-radius: 50%;
    transition: top .2s, left .2s, transform .2s, border .2s;
}
.publish-filter form .publish-filter__form-icon::before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    display: block;
    width: 5px;
    height: 5px;
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    transition: inherit;
}

.magazine-archive-main-section__pdf-list-area {
    position: relative;
    padding: 8rem 8% 9rem;
    border-radius: 1rem;
    margin: 7rem 1.5% 1.6rem;
    background-color: #f3f2ed;
}
/* ===== magazine-pdf-archive ===== */
.magazine-pdf-archive {}
.magazine-pdf-archive__list {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem 4%;
    max-width: 130rem;
    margin: 0 auto;
}
.magazine-pdf-archive__item {
    width: calc((100% - 4% * 3) / 4);
}
.magazine-pdf-archive__link {
    position: relative;
    display: block;
}
.magazine-pdf-archive__link.--new-mark::before {
    content: 'NEW!';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    font-size: 1.3rem;
    font-weight: 700;
    color: #000;
    background-color: #fadc00;
}
.magazine-pdf-archive__img {
    /* overflow: hidden; */
    position: relative;
    transform: scale(1);
    transition: transform .3s;
}
a:hover .magazine-pdf-archive__img {
    transform: scale(1.04);
}
.magazine-pdf-archive__img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    transition: background-color .3s;
}
@media (hover: hover) {
    a:hover .magazine-pdf-archive__img::before {
        background-color: rgba(0,0,0,0.2);
    }
}
.magazine-pdf-archive__title {
    margin-top: 1.6rem;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 2;
}
.magazine-pdf-archive__title.with-pdf-icon::after {
    transform: translate(0,1px);
}
h3.magazine-pdf-archive__title span.fw_midium {
    font-size: 1.5rem;
    line-height: 2;
    font-weight: 500;
}
.magazine-pdf-archive__date {
    margin-top: 0.6rem;
    font-size: 1.4rem;
    line-height: 1;
    color: #888;
}
.magazine-pdf-archive__pagination-area {
    max-width: 130rem;
    margin: 7.7rem auto 0;
}
/* ===== End magazine-pdf-archive ===== */
/* ========== End magazine-archive-main-section ========== */
/* -------------------- magazine-archive responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    .magazine-archive {}
    .magazine-archive__title-area {
        padding: 6rem 0 3.5rem;
    }
    /* ========== magazine-archive-feature ========== */
    .magazine-archive-feature {}
    .magazine-archive-feature__slider-area {
        margin-bottom: 5rem;
    }
    /* ===== feature-archive-slider ===== */
    .feature-archive-slider {}
    .feature-archive-slider__list .slick-slide {
        margin: 0 10px;
    }
    .feature-archive-slider__list {
        margin: 0 -10px;
    }
    .feature-archive-slider__nav-area {
        width: 89%;
        margin: 3rem auto 1rem;
    }
    /* ===== End feature-archive-slider ===== */
    /* ========== End magazine-archive-feature ========== */
    /* ========== magazine-archive-main-section ========== */
    .magazine-archive-main-section {}
    .magazine-archive-main-section__hr {
        margin-bottom: 5rem;
    }
    .magazine-archive-main-section__title {
        font-size: 2.8rem;
    }
    .magazine-archive-main-section__filters-area {
        flex-direction: column;
        align-items: start;
        gap: 2.5rem;
        margin: 3rem auto 0;
    }
    .magazine-archive-main-section__category-area {
        width: 100%;
    }
    .magazine-archive-main-section__pdf-list-area {
        padding: 0;
        margin-top: 4rem;
    }
    /* ===== magazine-pdf-archive ===== */
    .magazine-pdf-archive {
        padding: 5rem 5% 6rem;
        margin: 0 2% 1rem;
    }
    .magazine-pdf-archive__list {
        gap: 4rem 4%;
    }
    .magazine-pdf-archive__item {
        width: calc((100% - 4%) / 2);
    }
    .magazine-pdf-archive__title {
        font-size: 1.5rem;
        margin-top: 1rem;
    }
    h3.magazine-pdf-archive__title span.fw_midium {
        font-size: 1.4rem;
    }
    .magazine-pdf-archive__pagination-area {
        margin: 5rem auto 0;
    }
    /* ===== End magazine-pdf-archive ===== */
    /* ========== End magazine-archive-main-section ========== */
}
/* ==================== End magazine-archive ==================== */
/* ==================== feature-archive ==================== */
.feature-archive {}
.feature-archive__wrapper {
    width: var(--common-page-template__wrapper-width);
    max-width: var(--common-page-template__wrapper-max-width);
    margin: 0 auto;
}
.feature-archive__title-area {
    padding: 15.4rem 0 7rem;
}
.feature-archive__title {
    font-size: 5.2rem;
    font-weight: 700;
    line-height: 1.46;
}
.feature-archive__category-and-return-link-area {
    display: flex;
    gap: 2rem;
}
.feature-archive__category-area {
    width: calc(100% - 2rem - 20rem);
}
.feature-archive__archive-link-area {
    display: flex;
    justify-content: end;
    width: 20rem;
}
.feature-archive__archive-link {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.feature-archive__archive-link-text {
    font-size: 1.5rem;
    transition: color .2s;
}
a:hover .feature-archive__archive-link-text {
    color: var(--base-blue);
}
.feature-archive__upper-pagination-area {
    margin-top: 7rem;
}
.feature-archive__archive-area {
    margin-top: 7rem;
}
.feature-archive__lower-pagination-area {
    margin: 6.2rem 0 10rem;
}
/* -------------------- feature-archive responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    .feature-archive {}
    .feature-archive__title-area {
        padding: 6rem 0 3.5rem;
    }
    .feature-archive__title {
        font-size: 3.5rem;
        line-height: 1.48;
    }
    .feature-archive__category-and-return-link-area {
        flex-direction: column;
        gap: 3rem;
    }
    .feature-archive__category-area {
        width: 100%;
    }
    .feature-archive__archive-link-area {
        width: 100%;
    }
    .feature-archive__archive-link {
        gap: 1rem;
    }
    .feature-archive__upper-pagination-area {
        margin-top: 4rem;
    }
    .feature-archive__archive-area {
        margin-top: 6rem;
    }
    .feature-archive__lower-pagination-area {
        margin: 4.2rem 0 6rem;
    }
}
/* ==================== End feature-archive ==================== */
/* ==================== feature-article ==================== */
.feature-article {}
.feature-article__wrapper {
    width: clamp(30rem, 60%, 110rem);
    margin: 0 auto;
}
.feature-article__magazine-info-upper-area {
    width: clamp(30rem, 60%, 110rem);
    margin: 6rem auto 5rem;
}
/* ===== magazine-info ===== */
.magazine-info {
    padding: 3rem 4rem;
    border-radius: 1rem;
    background-color: #f5f5f5;
}
.magazine-info__inner {
    display: flex;
    gap: 3rem;
}
.magazine-info__img {
    width: 23%;
}
.magazine-info__meta-area {
    display: flex;
    flex-direction: column;
    width: calc(100% - 23% - 3rem);
}
.magazine-info__date {
    font-size: 1.5rem;
    line-height: 2;
    color: #888888;
}
.magazine-info__title {
    font-size: 2.4rem;
    line-height: 1.5;
}
.magazine-info__title span {
    color: var(--base-blue);
}
.magazine-info__title span.fw_midium {
    font-size: 2.0rem;
    font-weight: 500;
    color: #222;
}
.magazine-info__list-area {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 1.8rem;
}
.magazine-info__link {
    position: relative;
    padding-left: 2rem;
    text-decoration: underline;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2;
    color: var(--base-blue);
    opacity: 1;
    transition: opacity .3s;
}
@media (hover: hover) {
    .magazine-info__link:hover {
        opacity: .7;
    }
}
.magazine-info__link.on {
    pointer-events: none;
    text-decoration: none;
    font-weight: 700;
    color: #222;
}
.magazine-info__link::before {
    content: '';
    position: absolute;
    top: .8rem;
    left: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid var(--base-blue);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2;
}
.magazine-info__link.with-pdf-icon::after {
    /* common.cssに with-pdf-icon モジュールあり */
    transform: translateY(2px);
}
.magazine-info__archive-link-area {
    flex-grow: 1;
    display: flex;
    justify-content: end;
    align-items: end;
}
/* ===== End magazine-info ===== */
.feature-article__cats-area {}
.feature-article__cat {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.88;
    color: var(--base-blue);
}
.feature-article__title {
    font-size: 3.6rem;
    line-height: 1.5;
}
.feature-article__summary-area {
    margin-top: 3.3rem;
}
.feature-article__summary-text {
    position: relative;
    padding-left: 1.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2;
    color: #999999;
}
.feature-article__summary-text::before {
    content: '';
    position: absolute;
    top: 1rem;
    left: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #999999;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2;
}
.feature-article__thumb-img {
    margin-top: 5rem;
}
.feature-article__thumb-img > .img {
    width: 100%;
    aspect-ratio: 780 / 520;
    object-fit: cover;
}
.feature-article__persons-info-area {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
    gap: 2%;
    margin-top: 2.3rem;
}
.feature-article__main-persons {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 1.2rem 5%;
    width: 100%;
}
.feature-article__main-person {
    width: calc((100% - 5%) / 2);
}
.feature-article__main-person-position {
    font-size: 1.6rem;
    line-height: 1.5;
}
.feature-article__main-person-name {
    margin-top: 0.4rem;
    font-size: 2rem;
    line-height: 1.83;
}
.feature-article__intro-area {
    padding: 4rem 5rem 4.7rem;
    border: 1px solid #ddd;
    margin-top: 4rem;
}
.feature-article__intro-text {
    font-weight: 700;
    color: #888;
}
.feature-article__contents {
    padding-top: 7rem;
}
.feature-article__profile-area {
    margin-top: 7.2rem;
}
/* ===== article-profile ===== */
.article-profile {
    display: flex;
    gap: 7%;
    padding: 5rem 5rem 4.4rem;
    border: 1px solid #dddddd;
    margin-top: 7.7rem;
}
.article-profile__title-and-text-area {
    width: calc(100% - 35% - 7%);
}
.mbtk-block-editor h3.article-profile__title {
    margin: -0.6rem 0 1.4rem;
    font-size: 2rem;
    line-height: 1.65;
}
.mbtk-block-editor p.article-profile__text {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 2;
}
.article-profile__img {
    width: 35%;
}
/* ===== End article-profile ===== */
.feature-article__archive-title-area {
    margin-bottom: 4rem;
}
.feature-article__archive-title {
    font-size: 3.6rem;
    line-height: 1.5;
}
.feature-article__archive-area {
    width: var(--common-page-template__wrapper-width);
    max-width: var(--common-page-template__wrapper-max-width);
    margin: 0 auto 10rem;
}
.feature-article__button-area {
    display: flex;
    justify-content: end;
    margin-top: 4.5rem;
}
.feature-article__magazine-info-lower-area {
    width: clamp(30rem, 60%, 110rem);
    margin: 8rem auto 10.5rem;
}
/* -------------------- feature-article responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    .feature-article {}
    .feature-article__wrapper {
        width: 89%;
    }
    .feature-article__magazine-info-upper-area {
        width: 89%;
        margin: 0 auto 4rem;
    }
    /* ===== magazine-info ===== */
    .magazine-info {}
    .magazine-info__date {
        font-size: 1.3rem;
    }
    .magazine-info__title {
        font-size: 1.7rem;
    }
    .magazine-info__title span.fw_midium {
        font-size: 1.6rem;
    }
    .magazine-info__list-area {
        margin-top: 1.2rem;
    }
    .magazine-info__link {
        font-size: 1.4rem;
    }
    /* ===== End magazine-info ===== */
    .feature-article__cats-area {
        margin-bottom: 0.5rem;
    }
    .feature-article__cat {
        font-size: 1.4rem;
    }
    .feature-article__title {
        font-size: 2.8rem;
    }
    .feature-article__summary-area {
        margin-top: 1.8rem;
    }
    .feature-article__thumb-img {
        margin-top: 3.3rem;
    }
    .feature-article__persons-info-area {
        margin-top: 2rem;
    }
    .feature-article__main-persons {
        gap: 0.6rem 5%;
    }
    .feature-article__main-person-position {
        font-size: 1.4rem;
    }
    .feature-article__main-person-name {
        margin-top: 0;
        font-size: 1.8rem;
    }
    .feature-article__intro-area {
        padding: 3rem 2rem 3.5rem;
    }
    .feature-article__contents {
        padding-top: 4.8rem;
    }
    .feature-article__profile-area {
        margin-top: 4.6rem;
    }
    /* ===== article-profile ===== */
    .article-profile {
        flex-direction: column-reverse;
        gap: 0;
        padding: 4rem 2rem 4rem;
        margin-top: 4.6rem;
    }
    .article-profile__title-and-text-area {
        width: 100%;
    }
    .mbtk-block-editor h3.article-profile__title {
        margin: 1.8rem 0 1.4rem;
        font-size: 1.7rem;
        line-height: 1.88;
    }
    .article-profile__img {
        width: 100%;
    }
    /* ===== End article-profile ===== */
    .feature-article__archive-title-area {
        margin-bottom: 4rem;
    }
    .feature-article__archive-title {
        font-size: 3.6rem;
        line-height: 1.5;
    }
    .feature-article__archive-area {
        width: var(--common-page-template__wrapper-width);
        max-width: var(--common-page-template__wrapper-max-width);
        margin: 0 auto 10rem;
    }
    .feature-article__button-area {
        display: flex;
        justify-content: end;
        margin-top: 4.5rem;
    }
    .feature-article__magazine-info-lower-area {
        width: 89%;
        margin: 5rem auto 4rem;
    }
}
/* -------------------- feature-article responsive (750) -------------------- */
@media screen and (max-width: 750px) {
    .feature-article {}
    .feature-article__magazine-info-upper-area {
        width: 96%;
        margin: 0 2% 4rem;
    }
    /* ===== magazine-info ===== */
    .magazine-info {
        padding: 2.5rem 5.8%;
    }
    .magazine-info__inner {
        flex-direction: row-reverse;
        align-items: start;
        gap: 1.5rem;
    }
    .magazine-info__img {
        width: 27%;
    }
    .magazine-info__meta-area {
        width: calc(100% - 27% - 1.5rem);
    }
    .magazine-info__archive-link-area {
        margin-top: 2.2rem;
    }
    /* ===== End magazine-info ===== */
    .feature-article__persons-info-area {
        margin-top: 2rem;
    }
    .feature-article__main-persons {
        width: 100%;
    }
    .feature-article__magazine-info-lower-area {
        width: 96%;
        margin: 5rem 2% 4rem;
    }
}
/* ==================== End feature-article ==================== */
/* ==================== sitemap ==================== */
.sitemap {}
.sitemap__title-area {
    padding: 15.4rem 0 8rem;
}
.sitemap__title {
    font-size: var(--subpage-hero-title-fz);
    font-weight: var(--subpage-hero-title-fw);
    line-height: var(--subpage-hero-title-lh);
}
.sitemap__contents {
    display: flex;
    flex-wrap: wrap;
    gap: 0 5.5%;
    margin-bottom: 10.5rem;
}
.sitemap__left-area,
.sitemap__right-area {
    width: calc((100% - 5.5%) / 2);
}
.sitemap__item {
    border-bottom: 1px solid #e4e4e4;
}
.sitemap__item:first-child {
    border-top: 1px solid #e4e4e4;
}
.sitemap__link {
    position: relative;
    display: block;
    padding: 1.5rem 0 1.7rem 4rem;
    font-size: 1.6rem;
    line-height: 2.33;
    transition: color .3s;
}
@media (hover: hover) {
    .sitemap__link:hover {
        color: var(--base-blue);
    }
}
.sitemap__icon-wrap {
    position: absolute;
    top: 2.2rem;
    left: 0;
}
.sitemap__inner-list-area {
    padding: 0 0 2.2rem 4rem;
    margin-top: -0.8rem;
}
.sitemap-inner-list {
    padding-left: 2rem;
}
.sitemap-inner-list__link {
    font-size: 1.5rem;
    line-height: 2.33;
    transition: color .3s;
}
@media (hover: hover) {
    .sitemap-inner-list__link:hover {
        text-decoration: underline;
        color: var(--base-blue);
    }
}
/* -------------------- sitemap responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    .sitemap {}
    .sitemap__title-area {
        padding: 6rem 0 4rem;
    }
    .sitemap__contents {
        margin-bottom: 7rem;
    }
    .sitemap__left-area,
    .sitemap__right-area {
        width: 100%;
    }
    .sitemap__right-area .sitemap__item:first-child {
        border-top: unset;
    }
    .sitemap__link {
        padding: 1.1rem 0 1.2rem 4rem;
    }
    .sitemap__icon-wrap {
        top: 1.8rem;
    }
    .sitemap__inner-list-area {
        padding: 0 0 1.7rem 4rem;
        margin-top: -0.2rem;
    }
    .sitemap-inner-list {
        padding-left: 1.5rem;
    }
    .sitemap-inner-list__link {
        line-height: 2;
    }
}
/* ==================== End sitemap ==================== */
/* ==================== search-page ==================== */
.search-page {
    margin-bottom: 11rem;
}
.search-page__title-area {
    padding: 15.4rem 0 0;
}
.search-page__title {
    font-size: var(--subpage-hero-title-fz);
    font-weight: var(--subpage-hero-title-fw);
    line-height: var(--subpage-hero-title-lh);
}
.search-page__keyword,
.search-page__subtitle {
    margin-top: 5.5rem;
    margin-bottom: 5rem;
    font-size: 1.6rem;
    font-weight: 700;
}
.search-page__form {
    display: flex;
    gap: 4rem;
    margin-bottom: 3rem;
}
.screen-reader-text {
    font-size: 1.6rem;
    color: #888888;
}
.search-page__input-wrap {
    position: relative;
    width: calc(100% - 4rem - 20rem);
}
.search-page__input-wrap::before {
    content: '';
    position: absolute;
    top: 1.7rem;
    left: 2.7rem;
    z-index: 1;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(/assets/img/common/icon-search.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
}
.search-page__input {
    position: relative;
    height: 5rem;
    padding-left: 5.5rem;
    padding-right: 2rem;
    border-radius: 9999px;
    font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #f0f0f0;
}
.search-page__input[placeholder] {
    font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.6rem;
    color: #222;
}
.search-page__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20rem;
    height: 5rem;
    border-radius: 9999px;
    font-weight: 700;
    color: #fff;
    background-color: var(--base-blue);
}
/* ===== search-page-suggest ===== */
.search-page-suggest {
    display: flex;
}
.search-page-suggest__text {
    display: inline-block;
    width: 17rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2;
    color: #999999;
}
.search-page-suggest__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    width: calc(100% - 17rem);
}
.search-page-suggest__link {
    text-decoration: underline;
    font-size: 1.5rem;
    line-height: 2;
    color: #999999;
    opacity: 1;
    transition: opacity .3s;
}
@media (hover: hover) {
    .search-page-suggest__link:hover {
        opacity: .5;
    }
}
/* ===== End search-page-suggest ===== */
.search-page__upper-pagination-area {
    margin-top: 6.7rem;
}
/* ===== search-archive ===== */
.search-archive {
    margin-top: 5.5rem;
}
.search-archive__link {
    display: block;
    padding: 2.2rem 0 1.8rem;
    border-bottom: 1px solid #eeeeee;
}
.search-archive__entry-title {
    position: relative;
    margin-bottom: 1.2rem;
    font-size: 1.4rem;
    color: var(--base-blue);
}
.search-archive__post-date {
    font-size: 1.4rem;
    color: var(--base-blue);
}
.search-archive__entry-name {
    font-size: 1.6rem;
    line-height: 1.93;
    color: #222;
    opacity: 1;
    transition: opacity .3s;
}
a:hover .search-archive__entry-name {
    opacity: .6;
}
.search-page__empty {
    margin-top: 10rem;
}
/* ===== End search-archive ===== */
.search-page__bottom-pagination-area {
    margin-top: 6rem;
}
/* -------------------- search-page responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    .search-page {
        margin-bottom: 8rem;
    }
    .search-page__title-area {
        padding: 6rem 0 0;
    }
    .search-page__keyword,
    .search-page__subtitle {
        margin-top: 3rem;
        margin-bottom: 3.5rem;
    }
    .search-page__form {
        flex-wrap: wrap;
        gap: 2rem;
        margin-bottom: 3rem;
    }
    .search-page__input-wrap {
        width: 100%;
    }
    .search-page__submit {
        width: 100%;
    }
    /* ===== search-page-suggest ===== */
    .search-page-suggest {
        flex-direction: column;
    }
    .search-page-suggest__text {
        width: 100%;
    }
    .search-page-suggest__list {
        gap: 0.5rem 1.5rem;
        width: 100%;
    }
    /* ===== End search-page-suggest ===== */
    .search-page__upper-pagination-area {
        margin-top: 3.7rem;
    }
    /* ===== search-archive ===== */
    .search-archive {
        width: calc(100% * 100 / 89);
        margin: 2.2rem calc(-5.5% * 100 / 89) 0;
    }
    .search-archive__link {
        padding: 2.2rem 5.5% 1.8rem;
    }
    .search-archive__snippet {
        font-size: 1.4rem;
        line-height: 1.85;
    }
    /* ===== End search-archive ===== */
    .search-page__bottom-pagination-area {
        margin-top: 5rem;
    }
}
/* ==================== End search-page ==================== */
/* ==================== contact ==================== */
.contact {}
.contact__title-area {
    width: var(--common-page-template__wrapper-width);
    padding: 15rem 0 6.5rem;
}
.contact__title {
    font-size: var(--subpage-hero-title-fz);
    font-weight: var(--subpage-hero-title-fw);
    line-height: var(--subpage-hero-title-lh);
}
.contact__form-area {
    margin: 9rem 0 13.5rem;
}
/* ===== contact-table ===== */
.contact-table {
    width: 100%;
    max-width: 78rem;
}
.contact-table__tr {
    display: block;
    margin-bottom: 4rem;
}
.contact-table__tr:last-child {
    margin-bottom: 0;
}
.contact-table__th {
    display: block;
    margin-bottom: 2rem;
    text-align: left;
    font-size: 1.5rem;
    font-weight: 700;
}
.contact-table__td {
    display: block;
    text-align: left;
    font-size: 1.6rem;
    line-height: 2;
}
.contact-table__td input,
.contact-table__td textarea {
    width: 100%;
    border-radius: 9999px;
    font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2;
    background-color: #f0f0f0;
}
.contact-table__td input::placeholder,
.contact-table__td textarea::placeholder {
    color: #888888;
}
.contact-table__td input {
    padding: 0.8rem 2.5rem 1rem;
}
.contact-table__td textarea {
    min-height: 30rem;
    padding: 1.5rem 2.5rem 1.7rem;
    border-radius: 2.5rem;
}
/* ===== End contact-table ===== */
.contact-form__agreement-text-area {
    margin-top: 5.5rem;
}
.contact-form__agreement-text {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2;
}
.contact-form__buttons-area {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 7rem;
}
.submit-button {
    pointer-events: auto;
    position: relative;
    display: inline-block;
    min-width: 28rem;
    padding: 1.6rem 2rem 1.8rem;
    border-radius: 9999px;
    text-align: center;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    background-color: #0068b7;
    opacity: 1;
    transition: opacity .3s;
}
.submit-button.--gray {
    color: #222a;
    background-color: #f0f0f0;
}
@media (hover: hover) {
    .submit-button:hover {
        opacity: 0.6;
    }
}
/* -------------------- contact responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    .contact {}
    .contact__title-area {
        padding: 5.5rem 0 2.8rem;
    }
    .contact__form-area {
        margin: 5rem 0 7.6rem;
    }
    /* ===== contact-table ===== */
    .contact-table {
        max-width: 100%;
    }
    .contact-table__tr {
        margin-bottom: 3.2rem;
    }
    .contact-table__th {
        margin-bottom: 1.8rem;
    }
    .contact-table__td {
        font-size: 1.5rem;
    }
    .contact-table__td input,
    .contact-table__td textarea {
        font-size: 1.5rem;
    }
    .contact-table__td input {
        padding: 0.9rem 2rem 1.1rem;
    }
    .contact-table__td textarea {
        padding: 1.5rem 2rem 1.7rem;
    }
    /* ===== End contact-table ===== */
    .contact-form__agreement-text-area {
        margin-top: 3rem;
    }
    .contact-form__buttons-area {
        margin-top: 3.6rem;
    }
    .submit-button {
        width: 100%;
        min-width: unset;
        padding: 1.6rem 2rem 1.8rem;
    }
}
/* ==================== End contact ==================== */
/* ==================== confirm ==================== */
.confirm-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.confirm-table tr {
    position: relative;
    display: table-row;
    border-color: #dddddd;
}
.confirm-table tr:last-child {
    margin-bottom: 0;
}
.confirm-table th {
    position: relative;
    display: table-cell;
    width: 20rem;
    padding: 1.4rem 2rem 1.6rem;
    border: 1px solid;
    border-color: #dddddd;
    text-align: left;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2;
    color: #0068b7;
    background-color: #f8f8f8;
}
.confirm-table td {
    position: relative;
    display: table-cell;
    width: calc(100% - 20rem);
    padding: 1.4rem 2rem 1.6rem;
    border: 1px solid;
    border-color: #dddddd;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2;
    color: #222;
}
/* -------------------- confirm responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    .confirm-table {}
    .confirm-table th {
        width: 30%;
        padding: 1.4rem 1.5rem 1.6rem;
    }
    .confirm-table td {
        width: 70%;
    }
}
/* ==================== End confirm ==================== */
/* ==================== completeded ==================== */
.completed {}
.completed__buttons-area {
    margin: 8rem 0 11rem;
}
/* -------------------- completeded responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
.completed__buttons-area {
    margin: 3rem 0 5rem;
}
}
/* ==================== End completeded ==================== */
/* ==================== error404 ==================== */
.error404 {}
.error404__conts {
    padding: 6.2rem 0 9rem;
}
.error404__link-area {
    padding-top: 6rem;
}
/* -------------------- error404 responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    .error404 {}
    .error404__conts {
        padding: 3.5rem 0 6rem;
    }
    .error404__link-area {
        padding-top: 3.5rem;
    }
}
/* ==================== End error404 ==================== */
/* ======================================== End Pages ======================================== */