@charset 'UTF-8';
/*
* sengukan
* special_new.css
*
* @date 2025-09-25
*/
@font-face
{
    font-family: 'UtsukushiMincho';
    font-weight: 300;
    font-style: normal;

    src: url('../fonts/02UtsukushiMincho.ttf') format('truetype');
}

@-webkit-keyframes btnHeightNoneAnimMouseover
{
    0%
    {
        height: 7px;
    }
    100%
    {
        height: 0;
    }
}

@keyframes btnHeightNoneAnimMouseover
{
    0%
    {
        height: 7px;
    }
    100%
    {
        height: 0;
    }
}

@-webkit-keyframes btnHeightAnimMouseover
{
    0%
    {
        height: 7px;
    }
    100%
    {
        height: 100%;
    }
}

@keyframes btnHeightAnimMouseover
{
    0%
    {
        height: 7px;
    }
    100%
    {
        height: 100%;
    }
}

@-webkit-keyframes btnWidthAnimMouseover
{
    0%
    {
        width: 7px;
    }
    100%
    {
        width: 100%;
    }
}

@keyframes btnWidthAnimMouseover
{
    0%
    {
        width: 7px;
    }
    100%
    {
        width: 100%;
    }
}

@-webkit-keyframes btnWidthNoneAnimMouseover
{
    0%
    {
        width: 7px;
    }
    100%
    {
        width: 0;
    }
}

@keyframes btnWidthNoneAnimMouseover
{
    0%
    {
        width: 7px;
    }
    100%
    {
        width: 0;
    }
}

/* ------------------------
  general
------------------------ */
body
{
    background-color: #fff;
}

.hamburger
{
    pointer-events: auto;
}

.footer
{
    z-index: 40;
}

/* --------------------------------
	タブレット アテンション
-------------------------------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
{
    html
    {
        overflow: hidden;
    }
    body:after,
    body:before
    {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        width: 100%;
        height: 100%;
        margin: auto; 

        content: '';
    }
    body:after
    {
        z-index: 10; 

        background: url(../img/common/tex_white_bg.png) 50% 0 repeat, url(../img/common/tb_attention_border.png) 50% 0 no-repeat;
        background-size: 100% auto;
    }
    body:before
    {
        z-index: 11; 

        background: url(../img/common/tb_attention_txt_01.png) 50% 50% no-repeat;
        background-size: 50% auto;
    }
}

.hidden-md
{
    display: none;
}
@media screen and (max-width: 768px)
{
    .hidden-md
    {
        display: inline;
    }
}

.visible-sp,
img.visible-sp
{
    display: none !important;
}

@media screen and (max-width: 768px)
{
    .hidden-sp
    {
        display: none !important;
    }
    .visible-sp
    {
        display: block !important;
    }
    img.visible-sp
    {
        display: inline-block !important;
    }
}

/* ------------------------
  specialTop
------------------------ */
.specialTop
{
    margin-bottom: 160px;
}
@media screen and (max-width: 768px)
{
    .specialTop
    {
        margin-bottom: 120px;
    }
}
.specialTop .specialTop_heading
{
    position: relative;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
    overflow: hidden; 
    -webkit-flex-direction: column; 
        -ms-flex-direction: column; 
            flex-direction: column;

    opacity: 0;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-block: 228px 165px;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_heading
    {
        padding-block: 195px 136px;
    }
}
.specialTop .specialTop_headingLineMd
{
    position: absolute;
    top: 0;
}
.specialTop .specialTop_headingLineSp
{
    position: absolute;
    top: 0;
}
.specialTop .specialTop_headingLineMd02,
.specialTop .specialTop_headingLineMd04,
.specialTop .specialTop_headingLineSp02,
.specialTop .specialTop_headingLineSp04
{
    opacity: 0;
}
.specialTop .specialTop_ttl
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;

    -webkit-writing-mode: vertical-rl;

        -ms-writing-mode: tb-rl;

            writing-mode: vertical-rl;
    text-orientation: upright;
}
.specialTop .specialTop_ttl .en
{
    font-family: 'Cairo', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    font-style: italic;
    line-height: 1.5;

    letter-spacing: .72px;

    color: #b2ac72;

    text-orientation: sideways;
}
.specialTop .specialTop_ttl .ja
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 1.7;

    text-align: center; 
    letter-spacing: 10px;

    color: #000;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_ttl .ja
    {
        font-size: 32px;
    }
}
.specialTop .specialTop_feature
{
    padding-top: 160px;

    background-image: url(../img/special/special_top_bg.png);
    background-repeat: no-repeat; 
    background-position: top left;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_feature
    {
        padding-top: 120px;
    }
}
.specialTop .specialTop_featureWrapper
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-justify-content: flex-end;

        -ms-flex-pack: end;

            justify-content: flex-end;
    margin-inline: 0 -70px;
}
@media screen and (min-width: 1240px)
{
    .specialTop .specialTop_featureWrapper
    {
        padding-left: 100px;
    }
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_featureWrapper
    {
        -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;

        -webkit-align-items: center;

            -ms-flex-align: center;

                align-items: center;
        margin-inline: auto;
        padding-inline: 24px;
    }
}
.specialTop .specialTop_featureImg
{
    position: relative;
    top: -65px;
    right: 65px;

    width: 56.94444vw;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_featureImg
    {
        top: 24px;
        right: -24px;

        width: auto;
    }
}
.specialTop .specialTop_featureDetail
{
    position: relative;
    z-index: 1;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;

    height: -webkit-fit-content;

    height: fit-content;
    padding: 5.41667vw 4.44444vw 4.16667vw;

    text-decoration: none; 

    background-image: url(../img/common/tex_white_bg.png);
    box-shadow: 0 0 0 1px #e0dcc2 inset;
}
@media screen and (min-width: 1440px)
{
    .specialTop .specialTop_featureDetail
    {
        padding: 78px 64px 60px;
    }
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_featureDetail
    {
        width: 100%; 
        padding: 6.4vw;
    }
}
.specialTop .specialTop_featureDetail:hover .specialTop_borderTop:before
{
    width: calc(100% + 10px);
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_featureDetail:hover .specialTop_borderTop:before
    {
        width: calc(100% + 8px);
    }
}
.specialTop .specialTop_featureDetail:hover .specialTop_borderTop:after
{
    height: calc(100% + 10px);
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_featureDetail:hover .specialTop_borderTop:after
    {
        height: calc(100% + 8px);
    }
}
.specialTop .specialTop_featureDetail:hover .specialTop_borderBottom:before
{
    width: calc(100% + 10px);
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_featureDetail:hover .specialTop_borderBottom:before
    {
        width: calc(100% + 8px);
    }
}
.specialTop .specialTop_featureDetail:hover .specialTop_borderBottom:after
{
    height: calc(100% + 10px);
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_featureDetail:hover .specialTop_borderBottom:after
    {
        height: calc(100% + 8px);
    }
}
.specialTop .specialTop_featureDetail:hover .specialTop_featureArrow img
{
    -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
            transform: translateX(15px);
}
.specialTop .specialTop_borderTop:before,
.specialTop .specialTop_borderTop:after
{
    position: absolute;

    display: inline-block;

    content: ''; 
    transition: all .6s cubic-bezier(.215, .61, .355, 1);

    border-top: solid 1px #b2ac72;
    border-left: solid 1px #b2ac72;
}
.specialTop .specialTop_borderTop:before
{
    top: 0;
    left: -10px;

    width: 60px;
    height: 1px;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_borderTop:before
    {
        top: 0;
        left: -8px;

        width: 45px;
        height: 1px;
    }
}
.specialTop .specialTop_borderTop:after
{
    top: -10px;
    left: 0;

    width: 1px;
    height: 60px;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_borderTop:after
    {
        top: -8px;
        left: 0;

        width: 1px;
        height: 45px;
    }
}
.specialTop .specialTop_borderBottom:before,
.specialTop .specialTop_borderBottom:after
{
    position: absolute;

    display: inline-block;

    content: ''; 
    transition: all .6s cubic-bezier(.215, .61, .355, 1);

    border-top: solid 1px #b2ac72;
    border-right: solid 1px #b2ac72;
}
.specialTop .specialTop_borderBottom:before
{
    right: -10px;
    bottom: 0;

    width: 60px;
    height: 1px;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_borderBottom:before
    {
        right: -8px;
        bottom: 0;

        width: 45px;
        height: 1px;
    }
}
.specialTop .specialTop_borderBottom:after
{
    right: 0;
    bottom: -10px;

    width: 1px;
    height: 60px;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_borderBottom:after
    {
        right: 0;
        bottom: -8px;

        width: 1px;
        height: 45px;
    }
}
.specialTop .specialTop_featureNum
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 1.11111vw;
    font-weight: normal;
    line-height: 1.8;

    width: -webkit-fit-content;

    width: fit-content;
    padding: .55556vw 1.11111vw;

    letter-spacing: .06667vw; 

    border: solid 1px #e0dcc2;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_featureNum
    {
        font-size: 14px;
        line-height: .5; 

        padding: 10px 7px;
    }
}
.specialTop .specialTop_featureTxt
{
    display: -ms-grid;
    display: grid;

    min-width: 30.83333vw; 
    margin: 2.22222vw 1.66667vw 0;

    row-gap: 1.38889vw;
}
@media screen and (min-width: 1440px)
{
    .specialTop .specialTop_featureTxt
    {
        min-width: 444px; 
        margin: 32px 24px 0;

        row-gap: 20px;
    }
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_featureTxt
    {
        min-width: auto; 
        margin: 0;
        padding-top: 16px;

        row-gap: 8px;
    }
}
.specialTop .specialTop_featureMainTtl
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 2.22222vw;
    font-weight: normal;
    line-height: 1.5;

    letter-spacing: .16667vw;
}
@media screen and (min-width: 1440px)
{
    .specialTop .specialTop_featureMainTtl
    {
        font-size: 32px;

        letter-spacing: 2.4px;
    }
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_featureMainTtl
    {
        font-size: 24px;

        letter-spacing: 1.92px;
    }
}
.specialTop .specialTop_featureSubTtl
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 1.38889vw;
    font-weight: normal;
    line-height: 1.8;

    letter-spacing: .08333vw; 

    color: #716c52;
}
@media screen and (min-width: 1440px)
{
    .specialTop .specialTop_featureSubTtl
    {
        font-size: 20px;

        letter-spacing: 1.2px;
    }
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_featureSubTtl
    {
        font-size: 16px;

        letter-spacing: .96px;
    }
}
.specialTop .specialTop_featureDate
{
    font-size: .83333vw;
    font-weight: 300;
    line-height: 1.8;

    letter-spacing: .05vw; 

    color: #b2ac72;
}
@media screen and (min-width: 1440px)
{
    .specialTop .specialTop_featureDate
    {
        font-size: 12px;

        letter-spacing: .72px;
    }
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_featureDate
    {
        font-size: 10px;

        letter-spacing: .6px;
    }
}
.specialTop .specialTop_featureArrow
{
    margin-top: 4.16667vw;
    margin-left: auto;
}
@media screen and (min-width: 1440px)
{
    .specialTop .specialTop_featureArrow
    {
        margin-top: 60px;
    }
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_featureArrow
    {
        width: 50px; 
        margin-top: 0;
        margin-bottom: 20px;
    }
}
.specialTop .specialTop_featureArrow img
{
    transition: all .6s cubic-bezier(.215, .61, .355, 1);
}
.specialTop .specialTop_archive
{
    padding-top: 90px;
}
@media screen and (max-width: 1280px)
{
    .specialTop .specialTop_archive
    {
        padding-inline: 24px;
    }
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_archive
    {
        padding-top: 34px;
    }
}
.specialTop .specialTop_archiveWrapper
{
    max-width: 1240px;
    padding: 64px;

    background-image: url(../img/common/tex_gray_bg.png); 

    margin-inline: auto;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_archiveWrapper
    {
        max-width: auto;
        padding: 40px 24px;
    }
}
.specialTop .specialTop_archiveHeading
{
    display: -ms-grid;
    display: grid;

    row-gap: 8px;
}
.specialTop .specialTop_archiveHeading .ja
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 32px;
    font-weight: normal;
    line-height: 1.5;

    text-align: center;
    letter-spacing: 1.92px;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_archiveHeading .ja
    {
        font-size: 24px;

        letter-spacing: 1.44px;
    }
}
.specialTop .specialTop_archiveHeading .en
{
    font-family: 'Cairo', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    font-style: italic;
    line-height: 1.5;

    text-align: center; 
    letter-spacing: .72px;

    color: #b2ac72;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_archiveHeading .en
    {
        font-size: 8px;
    }
}
.specialTop .specialTop_archiveList
{
    display: -ms-grid;
    display: grid;

    margin-top: 64px; 

    -ms-grid-columns: (1fr)[4]; 

        grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 32px;
            column-gap: 32px;
}
@media screen and (max-width: 1280px)
{
    .specialTop .specialTop_archiveList
    {
        -ms-grid-columns: (auto)[2];
            grid-template-columns: repeat(2, auto);
        -ms-grid-rows: (1fr)[2];
            grid-template-rows: repeat(2, 1fr);
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        row-gap: 32px;
    }
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_archiveList
    {
        margin-top: 45px; 

        -ms-grid-columns: 1fr; 

            grid-template-columns: 1fr;
        -ms-grid-rows: 1fr;
            grid-template-rows: 1fr;
        -ms-grid-column-align: center;
            justify-items: center;
        row-gap: 24px;
    }
}
.specialTop .specialTop_archiveItem
{
    position: relative;

    padding-bottom: 16px;

    background: #fcfcfd; 
    box-shadow: 0 0 0 1px #e0dcc2 inset;
}
.specialTop .specialTop_archiveItem:hover .specialTop_archiveImg img
{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.specialTop .specialTop_archiveItem:hover .specialTop_borderLeftTop:before
{
    width: 100%;
}
.specialTop .specialTop_archiveItem:hover .specialTop_borderLeftTop:after
{
    display: none;
}
.specialTop .specialTop_archiveItem:hover .specialTop_borderRightTop:before
{
    display: none;
}
.specialTop .specialTop_archiveItem:hover .specialTop_borderRightTop:after
{
    height: 100%;
}
.specialTop .specialTop_archiveItem:hover .specialTop_borderLeftBottom:before
{
    display: none;
}
.specialTop .specialTop_archiveItem:hover .specialTop_borderLeftBottom:after
{
    height: 100%;
}
.specialTop .specialTop_archiveItem:hover .specialTop_borderRightBottom:before
{
    width: 100%;
}
.specialTop .specialTop_archiveItem:hover .specialTop_borderRightBottom:after
{
    display: none;
}
.specialTop .specialTop_borderLeftTop:before,
.specialTop .specialTop_borderLeftTop:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    content: ''; 
    transition: all .6s cubic-bezier(.215, .61, .355, 1);

    border-top: solid 1px #716c52;
    border-left: solid 1px #716c52;
}
.specialTop .specialTop_borderLeftTop:before
{
    width: 8px;
    height: 1px;
}
.specialTop .specialTop_borderLeftTop:after
{
    width: 1px;
    height: 8px;
}
.specialTop .specialTop_borderRightTop:before,
.specialTop .specialTop_borderRightTop:after
{
    position: absolute;
    top: 0;
    right: 0;

    display: inline-block;

    content: ''; 
    transition: all .6s cubic-bezier(.215, .61, .355, 1);

    border-top: solid 1px #716c52;
    border-right: solid 1px #716c52;
}
.specialTop .specialTop_borderRightTop:before
{
    width: 8px;
    height: 1px;
}
.specialTop .specialTop_borderRightTop:after
{
    width: 1px;
    height: 8px;
}
.specialTop .specialTop_borderLeftBottom:before,
.specialTop .specialTop_borderLeftBottom:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: inline-block;

    content: ''; 
    transition: all .6s cubic-bezier(.215, .61, .355, 1);

    border-bottom: solid 1px #716c52;
    border-left: solid 1px #716c52;
}
.specialTop .specialTop_borderLeftBottom:before
{
    width: 8px;
    height: 1px;
}
.specialTop .specialTop_borderLeftBottom:after
{
    width: 1px;
    height: 8px;
}
.specialTop .specialTop_borderRightBottom:before,
.specialTop .specialTop_borderRightBottom:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: inline-block;

    content: ''; 
    transition: all .6s cubic-bezier(.215, .61, .355, 1);

    border-right: solid 1px #716c52;
    border-bottom: solid 1px #716c52;
}
.specialTop .specialTop_borderRightBottom:before
{
    width: 8px;
    height: 1px;
}
.specialTop .specialTop_borderRightBottom:after
{
    width: 1px;
    height: 8px;
}
.specialTop .specialTop_archiveLink
{
    text-decoration: none;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_archiveLink
    {
        display: block;
    }
}
.specialTop .specialTop_archiveNum
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;

    position: absolute;
    z-index: 1;
    top: -16px;
    right: -16px;

    padding: 16px;

    color: #fff;
    background-color: #b2ac72;

    -webkit-writing-mode: vertical-rl;

        -ms-writing-mode: tb-rl;

            writing-mode: vertical-rl;
    text-orientation: upright;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_archiveNum
    {
        top: -8px;
        right: -8px;

        padding: 8px 5px;
    }
}
.specialTop .specialTop_archiveImg
{
    overflow: hidden;
}
.specialTop .specialTop_archiveImg img
{
    transition: all .6s cubic-bezier(.215, .61, .355, 1);
}
.specialTop .specialTop_archiveTxt
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;

    height: 100%;
    max-height: 180px; 
    padding: 16px 24px;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_archiveTxt
    {
        max-height: 100%;
    }
}
.specialTop .specialTop_archiveTxt .ttl
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;

    letter-spacing: 1.2px;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_archiveTxt .ttl
    {
        font-size: 16px;
        line-height: 1.8;

        letter-spacing: .96px;
    }
}
.specialTop .specialTop_archiveTxt .lead
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;

    margin-top: 8px;

    letter-spacing: .84px;
}
@media screen and (max-width: 768px)
{
    .specialTop .specialTop_archiveTxt .lead
    {
        font-size: 12px;

        letter-spacing: .72px;
    }
}
.specialTop .swiper
{
    width: 100%;
}

/* ------------------------
  specialArticle
------------------------ */
.specialArticle .specialArticle_heading
{
    position: relative;

    display: -ms-grid;

    display: grid;
    overflow: hidden; 

    opacity: 0;

    -ms-grid-rows: 1fr;

        grid-template-rows: 1fr;
    -ms-grid-column-align: center;
        justify-items: center;
    row-gap: 32px;
    padding-block: 200px 140px;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_heading
    {
        padding-block: 200px 124px;
    }
}

.specialArticle .specialArticle_headingLineMd
{
    position: absolute;
    top: 0;
}

.specialArticle .specialArticle_headingLineSp
{
    position: absolute;
    top: 0;
}

.specialArticle .specialArticle_headingLineMd02,
.specialArticle .specialArticle_headingLineMd04,
.specialArticle .specialArticle_headingLineSp02,
.specialArticle .specialArticle_headingLineSp04
{
    opacity: 0;
}

.specialArticle .specialArticle_num
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.8;

    display: inline;

    padding: 8px 16px;

    letter-spacing: .96px; 

    border: solid 1px #e0dcc2;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_num
    {
        font-size: 14px;
        line-height: 1.5;

        letter-spacing: .84px;
    }
}

.specialArticle .specialArticle_ttl
{
    display: -ms-grid;
    display: grid;

    -ms-grid-rows: 1fr auto;

        grid-template-rows: 1fr auto;
    row-gap: 16px;
}
.specialArticle .specialArticle_ttl .main
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 1.5;

    text-align: center; 
    letter-spacing: 2.4px;

    color: #000;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_ttl .main
    {
        font-size: 32px;
        line-height: 1.2; 

        letter-spacing: 1.92px;
    }
}
.specialArticle .specialArticle_ttl .sub
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.8;

    text-align: center; 
    letter-spacing: 1.2px;

    color: #716c52;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_ttl .sub
    {
        font-size: 16px;

        letter-spacing: .96px;
    }
}

.specialArticle .specialArticle_date
{
    display: -ms-grid;
    display: grid;

    -ms-grid-columns: auto auto;

        grid-template-columns: auto auto;
    -webkit-column-gap: 28px;
            column-gap: 28px;
    padding-block: 8px;
    border-block: 1px solid #e0dcc2;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_date
    {
        padding-block: 4px;
    }
}
.specialArticle .specialArticle_date .release,
.specialArticle .specialArticle_date .update
{
    font-size: 12px;
    font-weight: 300;
    line-height: 1.8;

    text-align: center; 
    letter-spacing: .72px;

    color: #b2ac72;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_date .release,
    .specialArticle .specialArticle_date .update
    {
        font-size: 10px;

        letter-spacing: .6px;
    }
}
.specialArticle .specialArticle_date .update
{
    position: relative;
}
.specialArticle .specialArticle_date .update:before
{
    position: absolute;
    top: 5px;
    left: -20px;

    display: block;

    width: 12px;
    height: 12px;

    content: ''; 

    background-color: #e0dcc2;

    -webkit-mask-image: url(../img/special/05/date_line.svg);

            mask-image: url(../img/special/05/date_line.svg);
    -webkit-mask-size: 12px;
            mask-size: 12px;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_date .update:before
    {
        top: 3px;
    }
}

.specialArticle .specialArticle_lead
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;

    padding: 160px;

    background-image: url(../img/special/special_article_bg.png);
    background-repeat: no-repeat; 
    background-position: top right;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;
    gap: 64px;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_lead
    {
        padding: 120px 56px; 

        gap: 24px;
    }
}
.specialArticle .specialArticle_lead .txt
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 2.2;

    height: 300px;

    letter-spacing: 1.2px;

    -webkit-writing-mode: vertical-rl;

        -ms-writing-mode: tb-rl;

            writing-mode: vertical-rl;
    text-orientation: upright;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_lead .txt
    {
        font-size: 16px;
        line-height: 2; 

        height: 320px;

        letter-spacing: .96px;
    }
}

.specialArticle .specialArticle_bodyInner
{
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 0 160px;
}

.specialArticle .specialArticle_body
{
    display: -ms-grid;
    display: grid;

    -ms-grid-rows: 1fr;

        grid-template-rows: 1fr;
    row-gap: 120px;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_body
    {
        row-gap: 30px;
    }
}

.specialArticle .specialArticle_sectionTxt
{
    padding-inline: 100px;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_sectionTxt
    {
        padding-inline: 24px;
    }
}

.specialArticle .specialArticle_section
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-align-items: flex-start;

        -ms-flex-align: start;

            align-items: flex-start;
    gap: 64px;
}
@media screen and (max-width: 1280px)
{
    .specialArticle .specialArticle_section
    {
        gap: 30px;
    }
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_section
    {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;

        gap: 40px;
        padding-inline: 24px;
    }
}
.specialArticle .specialArticle_section.specialArticle_section-left
{
    padding-right: 100px;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_section.specialArticle_section-left
    {
        padding-right: 24px;
    }
}
.specialArticle .specialArticle_section.specialArticle_section-right
{
    padding-left: 100px;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_section.specialArticle_section-right
    {
        padding-left: 24px;
    }
}

.specialArticle .specialArticle_img
{
    min-width: 688px;
}
@media screen and (max-width: 1280px)
{
    .specialArticle .specialArticle_img
    {
        min-width: auto;
    }
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_img
    {
        min-width: 100%;
    }
}

.specialArticle .specialArticle_txtArea
{
    display: -ms-grid;
    display: grid;

    -ms-grid-rows: 1fr;

        grid-template-rows: 1fr;
    gap: 40px;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_txtArea
    {
        gap: 32px;
    }
}
.specialArticle .specialArticle_txtArea.specialArticle_txtArea-first
{
    padding-top: 64px;
}
@media screen and (max-width: 1280px)
{
    .specialArticle .specialArticle_txtArea.specialArticle_txtArea-first
    {
        padding-top: 0;
    }
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_txtArea.specialArticle_txtArea-first
    {
        padding-top: 0;
    }
}

.specialArticle .specialArticle_txt
{
    display: -ms-grid;
    display: grid;

    -ms-grid-rows: 1fr;

        grid-template-rows: 1fr;
    row-gap: 24px;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_txt
    {
        row-gap: 16px;
    }
}
.specialArticle .specialArticle_txt .question
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.8;

    letter-spacing: 1.2px; 

    color: #716c52;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_txt .question
    {
        font-size: 16px;

        letter-spacing: .96px;
    }
}
.specialArticle .specialArticle_txt .answer
{
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_txt .answer
    {
        font-size: 13px;
    }
}

.specialArticle .specialArticle_answer_wrap
{
    display: -ms-grid;
    display: grid;

    -ms-grid-rows: 1fr;

        grid-template-rows: 1fr;
    row-gap: 20px;
}
@media screen and (max-width: 768px)
{
    .specialArticle .specialArticle_answer_wrap
    {
        row-gap: 14px;
    }
}

.specialArticle .specialArticle_txt_box
{
    padding: 32px;

    border: 1px solid #e0dcc2;
}
.specialArticle .specialArticle_txt_box .txt
{
    font-size: 12px;
    font-weight: 300;
    line-height: 1.8;

    letter-spacing: .72px; 

    color: #716c52;
}

.specialArticle .specialArticle_backButton
{
    position: relative;

    overflow: hidden;

    padding: 16px 40px;

    text-decoration: none; 

    background-color: #eceae0;
    box-shadow: 0 0 0 1px #e7e3d4 inset;

    margin-inline: auto;
}
.specialArticle .specialArticle_backButton:hover .specialArticle_borderLeftTop:before
{
    width: calc(100% + 1px);
}
.specialArticle .specialArticle_backButton:hover .specialArticle_borderLeftTop:after
{
    display: none;
}
.specialArticle .specialArticle_backButton:hover .specialArticle_borderRightTop:before
{
    display: none;
}
.specialArticle .specialArticle_backButton:hover .specialArticle_borderRightTop:after
{
    height: calc(100% + 1px);
}
.specialArticle .specialArticle_backButton:hover .specialArticle_borderLeftBottom:before
{
    display: none;
}
.specialArticle .specialArticle_backButton:hover .specialArticle_borderLeftBottom:after
{
    height: calc(100% + 1px);
}
.specialArticle .specialArticle_backButton:hover .specialArticle_borderRightBottom:before
{
    width: calc(100% + 1px);
}
.specialArticle .specialArticle_backButton:hover .specialArticle_borderRightBottom:after
{
    display: none;
}
.specialArticle .specialArticle_backButton:hover .specialArticle_ButtonTxt:before
{
    -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
            transform: translateX(-40px); 

    opacity: 0;
}

.specialArticle .specialArticle_borderLeftTop:before,
.specialArticle .specialArticle_borderLeftTop:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    content: ''; 
    transition: all .6s cubic-bezier(.215, .61, .355, 1);

    border-top: solid 1px #716c52;
    border-left: solid 1px #716c52;
}

.specialArticle .specialArticle_borderLeftTop:before
{
    width: 8px;
    height: 1px;
}

.specialArticle .specialArticle_borderLeftTop:after
{
    width: 1px;
    height: 8px;
}

.specialArticle .specialArticle_borderRightTop:before,
.specialArticle .specialArticle_borderRightTop:after
{
    position: absolute;
    top: 0;
    right: 0;

    display: inline-block;

    content: ''; 
    transition: all .6s cubic-bezier(.215, .61, .355, 1);

    border-top: solid 1px #716c52;
    border-right: solid 1px #716c52;
}

.specialArticle .specialArticle_borderRightTop:before
{
    width: 8px;
    height: 1px;
}

.specialArticle .specialArticle_borderRightTop:after
{
    width: 1px;
    height: 8px;
}

.specialArticle .specialArticle_borderLeftBottom:before,
.specialArticle .specialArticle_borderLeftBottom:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: inline-block;

    content: ''; 
    transition: all .6s cubic-bezier(.215, .61, .355, 1);

    border-bottom: solid 1px #716c52;
    border-left: solid 1px #716c52;
}

.specialArticle .specialArticle_borderLeftBottom:before
{
    width: 8px;
    height: 1px;
}

.specialArticle .specialArticle_borderLeftBottom:after
{
    width: 1px;
    height: 8px;
}

.specialArticle .specialArticle_borderRightBottom:before,
.specialArticle .specialArticle_borderRightBottom:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: inline-block;

    content: ''; 
    transition: all .6s cubic-bezier(.215, .61, .355, 1);

    border-right: solid 1px #716c52;
    border-bottom: solid 1px #716c52;
}

.specialArticle .specialArticle_borderRightBottom:before
{
    width: 8px;
    height: 1px;
}

.specialArticle .specialArticle_borderRightBottom:after
{
    width: 1px;
    height: 8px;
}

.specialArticle .specialArticle_ButtonTxt
{
    font-family: 'UtsukushiMincho', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.8;

    padding-left: 34px;

    text-align: center;
    letter-spacing: .96px; 

    color: #716c52;
}
.specialArticle .specialArticle_ButtonTxt:before
{
    position: absolute;
    top: calc(50% - 5px);
    bottom: 50%;
    left: 40px;

    display: block;

    width: 26px;
    height: 6px;

    content: ''; 
    transition: opacity .6s ease, -webkit-transform .6s ease; 
    transition: transform .6s ease, opacity .6s ease; 
    transition: transform .6s ease, opacity .6s ease, -webkit-transform .6s ease;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);

    opacity: 1;
    background-color: #716c52;

    -webkit-mask-image: url(../img/special/special_article_arrow.svg);

            mask-image: url(../img/special/special_article_arrow.svg);
    -webkit-mask-size: cover;
            mask-size: cover;
}