@charset "UTF-8";

/*
================================================================
 WPオリジナルブロック　オプションカラー設定
================================================================
*/

/*
 カラー設定 theme-black
*/
.set--background-color-theme-black[class] {
    background-color: var(--themeval-color-theme-black);
}
.set--border-color-theme-black[class] {
    border-color: var(--themeval-color-theme-black);
}
.set--color-theme-black[class] {
    color: var(--themeval-color-theme-black);
}

/*
 カラー設定 theme-white
*/
.set--background-color-theme-white[class] {
    background-color: var(--themeval-color-theme-white);
}
.set--border-color-theme-white[class] {
    border-color: var(--themeval-color-theme-white);
}
.set--color-theme-white[class] {
    color: var(--themeval-color-theme-white);
}

/*
 カラー設定 theme-gray-01
*/
.set--background-color-theme-gray-01[class] {
    background-color: var(--themeval-color-theme-gray-01);
}
.set--border-color-theme-gray-01[class] {
    border-color: var(--themeval-color-theme-gray-01);
}
.set--color-theme-gray-01[class] {
    color: var(--themeval-color-theme-gray-01);
}

/*
 カラー設定 theme-gray-02
*/
.set--background-color-theme-gray-02[class] {
    background-color: var(--themeval-color-theme-gray-02);
}
.set--border-color-theme-gray-02[class] {
    border-color: var(--themeval-color-theme-gray-02);
}
.set--color-theme-gray-02[class] {
    color: var(--themeval-color-theme-gray-02);
}

/*
 カラー設定 theme-gray-03
*/
.set--background-color-theme-gray-03[class] {
    background-color: var(--themeval-color-theme-gray-03);
}
.set--border-color-theme-gray-03[class] {
    border-color: var(--themeval-color-theme-gray-03);
}
.set--color-theme-gray-03[class] {
    color: var(--themeval-color-theme-gray-03);
}

/*
 カラー設定 theme-01
*/
.set--background-color-theme-01[class] {
    background-color: var(--themeval-color-theme-01);
}
.set--border-color-theme-01[class] {
    border-color: var(--themeval-color-theme-01);
}
.set--color-theme-01[class] {
    color: var(--themeval-color-theme-01);
}

/*
 カラー設定 theme-02
*/
.set--background-color-theme-02[class] {
    background-color: var(--themeval-color-theme-02);
}
.set--border-color-theme-02[class] {
    border-color: var(--themeval-color-theme-02);
}
.set--color-theme-02[class] {
    color: var(--themeval-color-theme-02);
}

/*
 カラー設定 theme-03
*/
.set--background-color-theme-03[class] {
    background-color: var(--themeval-color-theme-03);
}
.set--border-color-theme-03[class] {
    border-color: var(--themeval-color-theme-03);
}
.set--color-theme-03[class] {
    color: var(--themeval-color-theme-03);
}

/*
 カラー設定 theme-04
*/
.set--background-color-theme-04[class] {
    background-color: var(--themeval-color-theme-04);
}
.set--border-color-theme-04[class] {
    border-color: var(--themeval-color-theme-04);
}
.set--color-theme-04[class] {
    color: var(--themeval-color-theme-04);
}

/*
 カラー設定 theme-05
*/
.set--background-color-theme-05[class] {
    background-color: var(--themeval-color-theme-05);
}
.set--border-color-theme-05[class] {
    border-color: var(--themeval-color-theme-05);
}
.set--color-theme-05[class] {
    color: var(--themeval-color-theme-05);
}

/*
 カラー設定 theme-06
*/
.set--background-color-theme-06[class] {
    background-color: var(--themeval-color-theme-06);
}
.set--border-color-theme-06[class] {
    border-color: var(--themeval-color-theme-06);
}
.set--color-theme-06[class] {
    color: var(--themeval-color-theme-06);
}

/*
 カラー設定 theme-07
*/
.set--background-color-theme-07[class] {
    background-color: var(--themeval-color-theme-07);
}
.set--border-color-theme-07[class] {
    border-color: var(--themeval-color-theme-07);
}
.set--color-theme-07[class] {
    color: var(--themeval-color-theme-07);
}

/*
 カラー設定 theme-08
*/
.set--background-color-theme-08[class] {
    background-color: var(--themeval-color-theme-08);
}
.set--border-color-theme-08[class] {
    border-color: var(--themeval-color-theme-08);
}
.set--color-theme-08[class] {
    color: var(--themeval-color-theme-08);
}

/*
 カラー設定 theme-09
*/
.set--background-color-theme-09[class] {
    background-color: var(--themeval-color-theme-09);
}
.set--border-color-theme-09[class] {
    border-color: var(--themeval-color-theme-09);
}
.set--color-theme-09[class] {
    color: var(--themeval-color-theme-09);
}

/*
 カラー設定 theme-10
*/
.set--background-color-theme-10[class] {
    background-color: var(--themeval-color-theme-10);
}
.set--border-color-theme-10[class] {
    border-color: var(--themeval-color-theme-10);
}
.set--color-theme-10[class] {
    color: var(--themeval-color-theme-10);
}

/*
 カラー設定 theme-11
*/
.set--background-color-theme-11[class] {
    background-color: var(--themeval-color-theme-11);
}
.set--border-color-theme-11[class] {
    border-color: var(--themeval-color-theme-11);
}
.set--color-theme-11[class] {
    color: var(--themeval-color-theme-11);
}

/*
 カラー設定 theme-12
*/
.set--background-color-theme-12[class] {
    background-color: var(--themeval-color-theme-12);
}
.set--border-color-theme-12[class] {
    border-color: var(--themeval-color-theme-12);
}
.set--color-theme-12[class] {
    color: var(--themeval-color-theme-12);
}

/*
 カラー設定 theme-13
*/
.set--background-color-theme-13[class] {
    background-color: var(--themeval-color-theme-13);
}
.set--border-color-theme-13[class] {
    border-color: var(--themeval-color-theme-13);
}
.set--color-theme-13[class] {
    color: var(--themeval-color-theme-13);
}

/*
 カラー設定 theme-14
*/
.set--background-color-theme-14[class] {
    background-color: var(--themeval-color-theme-14);
}
.set--border-color-theme-14[class] {
    border-color: var(--themeval-color-theme-14);
}
.set--color-theme-14[class] {
    color: var(--themeval-color-theme-14);
}

/*
 カラー設定 theme-15
*/
.set--background-color-theme-15[class] {
    background-color: var(--themeval-color-theme-15);
}
.set--border-color-theme-15[class] {
    border-color: var(--themeval-color-theme-15);
}
.set--color-theme-15[class] {
    color: var(--themeval-color-theme-15);
}

/*
 カラー設定 theme-16
*/
.set--background-color-theme-16[class] {
    background-color: var(--themeval-color-theme-16);
}
.set--border-color-theme-16[class] {
    border-color: var(--themeval-color-theme-16);
}
.set--color-theme-16[class] {
    color: var(--themeval-color-theme-16);
}

/*
 カラー設定 theme-17
*/
.set--background-color-theme-17[class] {
    background-color: var(--themeval-color-theme-17);
}
.set--border-color-theme-17[class] {
    border-color: var(--themeval-color-theme-17);
}
.set--color-theme-17[class] {
    color: var(--themeval-color-theme-17);
}

/*
 カラー設定 theme-18
*/
.set--background-color-theme-18[class] {
    background-color: var(--themeval-color-theme-18);
}
.set--border-color-theme-18[class] {
    border-color: var(--themeval-color-theme-18);
}
.set--color-theme-18[class] {
    color: var(--themeval-color-theme-18);
}

/*
 カラー設定 theme-19
*/
.set--background-color-theme-19[class] {
    background-color: var(--themeval-color-theme-19);
}
.set--border-color-theme-19[class] {
    border-color: var(--themeval-color-theme-19);
}
.set--color-theme-19[class] {
    color: var(--themeval-color-theme-19);
}

/*
 カラー設定 theme-20
*/
.set--background-color-theme-20[class] {
    background-color: var(--themeval-color-theme-20);
}
.set--border-color-theme-20[class] {
    border-color: var(--themeval-color-theme-20);
}
.set--color-theme-20[class] {
    color: var(--themeval-color-theme-20);
}

/*
 ボーダーオフ設定
*/
.set--border-none[class] {
    border: 0 none;
}

/*
 ボーダーラウンド設定
*/
.set--border-round[class] {
    border-radius: 20px;
}
@media (max-width: 1079px){
    .set--border-round[class] {
        border-radius: 15px;
    }
}
@media (max-width: 767px){
    .set--border-round[class] {
        border-radius: 12px;
    }
}


/*
================================================================
 WPオリジナルブロック　セクションボックス
================================================================
*/

.shizugaku-section-box-block {
    display: block;
    box-sizing: border-box;
    padding: var(--themeval-content-block-margin) 0;
    border: 1px solid var(--themeval-color-theme-text-black);
    background-color: var(--themeval-color-theme-white);
}
.shizugaku-section-box-block > .content-block-inner-area:not(.tiny-margin) {
    padding: calc( var(--themeval-content-block-margin) * 0.5 ) 0;
}
.wp-block[data-align="full"] > .wp-block-lazyblock-shizugaku-section-box > .shizugaku-section-box-block,
.wp-block-lazyblock-shizugaku-section-box.alignfull > .shizugaku-section-box-block,
.shizugaku-section-box-block.alignfull {
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-radius: 0 !important;
}

@media (max-width: 767px){

    .shizugaku-section-box-block {
        padding: var(--themeval-content-block-margin-sp) 0;
    }
    .shizugaku-section-box-block > .content-block-inner-area:not(.tiny-margin) {
        padding: calc( var(--themeval-content-block-margin-sp) * 0.5 ) 0;
    }

}


/*
================================================================
 WPオリジナルブロック　シングルボタン
================================================================
*/

.shizugaku-single-link-block {
    display: block;
}
.shizugaku-single-link-block.btn-align-left {
    text-align: left;
}
.shizugaku-single-link-block.btn-align-center {
    text-align: center;
}
.shizugaku-single-link-block.btn-align-right {
    text-align: right;
}

.shizugaku-single-link-block a,
.shizugaku-single-link-block .as-link {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 500px;
    margin: 0;
    padding: 19px 59px 19px 24px;
    border: 1px solid var(--themeval-color-theme-text-black);
    outline: 0px none;
    border-radius: 35px;
    background-color: var(--themeval-color-theme-white);
    cursor: pointer;
    text-decoration: none;
    color: var(--themeval-color-theme-text-black);
    font-weight: 700;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    transition: 
        color var(--themeval-hover-transition),
        border-color var(--themeval-hover-transition),
        background-color var(--themeval-hover-transition);
}
.shizugaku-single-link-block a::before,
.shizugaku-single-link-block .as-link::before,
.shizugaku-single-link-block a::after,
.shizugaku-single-link-block .as-link::after {
    content: "";
    position: absolute;
    right: 19px;
    top: 50%;
    display: block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
    padding: 0;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    pointer-events: none;
    transition: opacity var(--themeval-hover-transition);
}
.shizugaku-single-link-block a::before,
.shizugaku-single-link-block .as-link::before {
    background-image: url(../img/ico/ico_link.svg);
    opacity: 1;
}
.shizugaku-single-link-block a::after,
.shizugaku-single-link-block .as-link::after {
    background-image: url(../img/ico/ico_link_white.svg);
    opacity: 0;
}
.shizugaku-single-link-block a .this__title,
.shizugaku-single-link-block .as-link .this__title {
    display: inline-block;
    color: inherit;
    font-weight: inherit;
    font-size: 100%;
    font-style: normal;
}

html:not(.agent-prop--Touch) .shizugaku-single-link-block a:hover {
    opacity: 1;
    color: var(--themeval-color-theme-text-white) !important;
    border-color: var(--themeval-color-theme-13) !important;
    background-color: var(--themeval-color-theme-13) !important;
}
html:not(.agent-prop--Touch) .shizugaku-single-link-block a:hover::before {
    opacity: 0;
}
html:not(.agent-prop--Touch) .shizugaku-single-link-block a:hover::after {
    opacity: 1;
}

.wp-block-media-text__content .shizugaku-single-link-block a,
.wp-block-media-text__content .shizugaku-single-link-block .as-link,
.wp-block-column .shizugaku-single-link-block a,
.wp-block-column .shizugaku-single-link-block .as-link,
.content-block-sub-area .shizugaku-single-link-block a,
.content-block-sub-area .shizugaku-single-link-block .as-link,
.content-block-inner-area .shizugaku-single-link-block a,
.content-block-inner-area .shizugaku-single-link-block .as-link {
    min-width: 0;
}

@media (max-width: 1079px){

    .shizugaku-single-link-block a,
    .shizugaku-single-link-block .as-link {
        min-width: 420px;
        padding: 14px 54px 14px 19px;
        border-width: 1px;
        border-radius: 30px;
        font-size: 17px;
        line-height: 30px;
    }
    .shizugaku-single-link-block a::before,
    .shizugaku-single-link-block .as-link::before,
    .shizugaku-single-link-block a::after,
    .shizugaku-single-link-block .as-link::after {
        right: 14px;
        width: 30px;
        height: 30px;
        margin: -15px 0 0;
    }

}
@media (max-width: 767px){

    .shizugaku-single-link-block a,
    .shizugaku-single-link-block .as-link {
        min-width: 0;
        padding: 12px 46px 12px 16px;
        border-width: 1px;
        border-radius: 25px;
        font-size: 14px;
        line-height: 24px;
    }
    .shizugaku-single-link-block a::before,
    .shizugaku-single-link-block .as-link::before,
    .shizugaku-single-link-block a::after,
    .shizugaku-single-link-block .as-link::after {
        right: 12px;
        width: 24px;
        height: 24px;
        margin: -12px 0 0;
    }

}




/*
================================================================
 WPオリジナルブロック　複数ボタン
================================================================
*/

.shizugaku-multiple-link-block {
    display: block;
}
.shizugaku-multiple-link-block.is-editor-prev {
    overflow: hidden;
}

.shizugaku-multiple-link-layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 104.1667%;
    margin: -10px -2.0833%;
}
.shizugaku-multiple-link-block.btn-align-left .shizugaku-multiple-link-layout {
    justify-content: flex-start;
}
.shizugaku-multiple-link-block.btn-align-center .shizugaku-multiple-link-layout {
    justify-content: center;
}
.shizugaku-multiple-link-block.btn-align-right .shizugaku-multiple-link-layout {
    justify-content: flex-end;
}

.shizugaku-multiple-link-block a,
.shizugaku-multiple-link-block .as-link {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 46%;
    max-width: 96%;
    margin: 10px 2%;
    padding: 19px 59px 19px 24px;
    border: 1px solid var(--themeval-color-theme-text-black);
    outline: 0px none;
    border-radius: 35px;
    background-color: var(--themeval-color-theme-white);
    cursor: pointer;
    text-decoration: none;
    color: var(--themeval-color-theme-text-black);
    font-weight: 700;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    transition: 
        color var(--themeval-hover-transition),
        border-color var(--themeval-hover-transition),
        background-color var(--themeval-hover-transition);
}
.shizugaku-multiple-link-block.btn-col-2 a,
.shizugaku-multiple-link-block.btn-col-2 .as-link {
    width: 46%;
}
.shizugaku-multiple-link-block.btn-col-3 a,
.shizugaku-multiple-link-block.btn-col-3 .as-link {
    width: 29.3333%;
}
.shizugaku-multiple-link-block.btn-col-auto a,
.shizugaku-multiple-link-block.btn-col-auto .as-link {
    min-width: 7em;
    width: auto;
}

.shizugaku-multiple-link-block a::before,
.shizugaku-multiple-link-block .as-link::before,
.shizugaku-multiple-link-block a::after,
.shizugaku-multiple-link-block .as-link::after {
    content: "";
    position: absolute;
    right: 19px;
    top: 50%;
    display: block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
    padding: 0;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    pointer-events: none;
    transition: opacity var(--themeval-hover-transition);
}
.shizugaku-multiple-link-block a::before,
.shizugaku-multiple-link-block .as-link::before {
    background-image: url(../img/ico/ico_link.svg);
    opacity: 1;
}
.shizugaku-multiple-link-block a::after,
.shizugaku-multiple-link-block .as-link::after {
    background-image: url(../img/ico/ico_link_white.svg);
    opacity: 0;
}
.shizugaku-multiple-link-block a .this__title,
.shizugaku-multiple-link-block .as-link .this__title {
    display: inline-block;
    color: inherit;
    font-weight: inherit;
    font-size: 100%;
    font-style: normal;
}

html:not(.agent-prop--Touch) .shizugaku-multiple-link-block a:hover {
    opacity: 1;
    color: var(--themeval-color-theme-text-white) !important;
    border-color: var(--themeval-color-theme-13) !important;
    background-color: var(--themeval-color-theme-13) !important;
}
html:not(.agent-prop--Touch) .shizugaku-multiple-link-block a:hover::before {
    opacity: 0;
}
html:not(.agent-prop--Touch) .shizugaku-multiple-link-block a:hover::after {
    opacity: 1;
}

@media (max-width: 1079px){

    .shizugaku-multiple-link-block a,
    .shizugaku-multiple-link-block .as-link {
        padding: 14px 54px 14px 19px;
        border-width: 1px;
        border-radius: 30px;
        font-size: 17px;
        line-height: 30px;
    }
    .shizugaku-multiple-link-block.btn-col-2 a,
    .shizugaku-multiple-link-block.btn-col-2 .as-link {
        width: 46%;
    }
    .shizugaku-multiple-link-block.btn-col-3 a,
    .shizugaku-multiple-link-block.btn-col-3 .as-link {
        width: 29.3333%;
    }

    .shizugaku-multiple-link-block a::before,
    .shizugaku-multiple-link-block .as-link::before,
    .shizugaku-multiple-link-block a::after,
    .shizugaku-multiple-link-block .as-link::after {
        right: 14px;
        width: 30px;
        height: 30px;
        margin: -15px 0 0;
    }

}
@media (max-width: 959px){
    
    .shizugaku-multiple-link-block.btn-col-2 a,
    .shizugaku-multiple-link-block.btn-col-2 .as-link {
        width: 46%;
    }
    .shizugaku-multiple-link-block.btn-col-3 a,
    .shizugaku-multiple-link-block.btn-col-3 .as-link {
        width: 46%;
    }

}
@media (max-width: 767px){

    .shizugaku-multiple-link-layout {
        width: 104.1667%;
        margin: -5px -2.0833%;
    }

    .shizugaku-multiple-link-block a,
    .shizugaku-multiple-link-block .as-link {
        width: 96%;
        max-width: 96%;
        width: 100%;
        margin: 5px 2%;
        padding: 12px 46px 12px 16px;
        border-width: 1px;
        border-radius: 25px;
        font-size: 14px;
        line-height: 24px;
    }
    .shizugaku-multiple-link-block.btn-col-2 a,
    .shizugaku-multiple-link-block.btn-col-2 .as-link {
        width: 96%;
    }
    .shizugaku-multiple-link-block.btn-col-3 a,
    .shizugaku-multiple-link-block.btn-col-3 .as-link {
        width: 46%;
    }

    .shizugaku-multiple-link-block a::before,
    .shizugaku-multiple-link-block .as-link::before,
    .shizugaku-multiple-link-block a::after,
    .shizugaku-multiple-link-block .as-link::after {
        right: 12px;
        width: 24px;
        height: 24px;
        margin: -12px 0 0;
    }

}
@media (max-width: 479px){

    .shizugaku-multiple-link-block.btn-col-2 a,
    .shizugaku-multiple-link-block.btn-col-2 .as-link {
        width: 96%;
    }
    .shizugaku-multiple-link-block.btn-col-3 a,
    .shizugaku-multiple-link-block.btn-col-3 .as-link {
        width: 96%;
    }

}




/*
================================================================
 WPオリジナルブロック　アンカーリンク
================================================================
*/

.shizugaku-anchor-link-block {
    display: block;
}
.shizugaku-anchor-link-block.is-editor-prev {
    overflow: hidden;
}

.shizugaku-anchor-link-layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 104.1667%;
    margin: -10px -2.0833%;
}
.shizugaku-anchor-link-block.btn-align-left .shizugaku-anchor-link-layout {
    justify-content: flex-start;
}
.shizugaku-anchor-link-block.btn-align-center .shizugaku-anchor-link-layout {
    justify-content: center;
}
.shizugaku-anchor-link-block.btn-align-right .shizugaku-anchor-link-layout {
    justify-content: flex-end;
}

.shizugaku-anchor-link-block a,
.shizugaku-anchor-link-block .as-link {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 46%;
    max-width: 96%;
    margin: 10px 2%;
    padding: 19px 49px 19px 24px;
    border: 1px solid var(--themeval-color-theme-02);
    outline: 0px none;
    border-radius: 35px;
    background-color: var(--themeval-color-theme-white);
    cursor: pointer;
    text-decoration: none;
    color: var(--themeval-color-theme-text-black);
    font-weight: 700;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    transition: 
        color var(--themeval-hover-transition),
        border-color var(--themeval-hover-transition),
        background-color var(--themeval-hover-transition);
}
.shizugaku-anchor-link-block.btn-col-2 a,
.shizugaku-anchor-link-block.btn-col-2 .as-link {
    width: 46%;
}
.shizugaku-anchor-link-block.btn-col-3 a,
.shizugaku-anchor-link-block.btn-col-3 .as-link {
    width: 29.3333%;
}
.shizugaku-anchor-link-block.btn-col-auto a,
.shizugaku-anchor-link-block.btn-col-auto .as-link {
    min-width: 7em;
    width: auto;
}

.shizugaku-anchor-link-block a::before,
.shizugaku-anchor-link-block .as-link::before,
.shizugaku-anchor-link-block a::after,
.shizugaku-anchor-link-block .as-link::after {
    content: "";
    position: absolute;
    right: 19px;
    top: 50%;
    display: block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
    padding: 0;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    pointer-events: none;
    transform: rotate(90deg);
    transition: opacity var(--themeval-hover-transition);
}
.shizugaku-anchor-link-block a::before,
.shizugaku-anchor-link-block .as-link::before {
    background-image: url(../img/ico/ico_link_simple.svg);
    opacity: 1;
}
.shizugaku-anchor-link-block a::after,
.shizugaku-anchor-link-block .as-link::after {
    background-image: url(../img/ico/ico_link_simple_white.svg);
    opacity: 0;
}
.shizugaku-anchor-link-block a .this__title,
.shizugaku-anchor-link-block .as-link .this__title {
    display: inline-block;
    color: inherit;
    font-weight: inherit;
    font-size: 100%;
    font-style: normal;
}

html:not(.agent-prop--Touch) .shizugaku-anchor-link-block a:hover {
    opacity: 1;
    color: var(--themeval-color-theme-text-white) !important;
    border-color: var(--themeval-color-theme-13) !important;
    background-color: var(--themeval-color-theme-13) !important;
}
html:not(.agent-prop--Touch) .shizugaku-anchor-link-block a:hover::before {
    opacity: 0;
}
html:not(.agent-prop--Touch) .shizugaku-anchor-link-block a:hover::after {
    opacity: 1;
}

@media (max-width: 1079px){

    .shizugaku-anchor-link-block a ,
    .shizugaku-anchor-link-block .as-link {
        padding: 14px 44px 14px 19px;
        border-width: 1px;
        border-radius: 30px;
        font-size: 17px;
        line-height: 30px;
    }
    .shizugaku-anchor-link-block.btn-col-2 a,
    .shizugaku-anchor-link-block.btn-col-2 .as-link {
        width: 46%;
    }
    .shizugaku-anchor-link-block.btn-col-3 a,
    .shizugaku-anchor-link-block.btn-col-3 .as-link {
        width: 29.3333%;
    }

    .shizugaku-anchor-link-block a::before,
    .shizugaku-anchor-link-block .as-link::before,
    .shizugaku-anchor-link-block a::after,
    .shizugaku-anchor-link-block .as-link::after {
        right: 14px;
        width: 30px;
        height: 30px;
        margin: -15px 0 0;
    }

}
@media (max-width: 959px){
    
    .shizugaku-anchor-link-block.btn-col-2 a,
    .shizugaku-anchor-link-block.btn-col-2 .as-link {
        width: 46%;
    }
    .shizugaku-anchor-link-block.btn-col-3 a,
    .shizugaku-anchor-link-block.btn-col-3 .as-link {
        width: 46%;
    }

}
@media (max-width: 767px){

    .shizugaku-anchor-link-layout {
        width: 104.1667%;
        margin: -5px -2.0833%;
    }

    .shizugaku-anchor-link-block a,
    .shizugaku-anchor-link-block .as-link {
        width: 96%;
        max-width: 96%;
        margin: 5px 2%;
        padding: 12px 36px 12px 16px;
        border-width: 1px;
        border-radius: 25px;
        font-size: 14px;
        line-height: 24px;
    }
    .shizugaku-anchor-link-block.btn-col-2 a,
    .shizugaku-anchor-link-block.btn-col-2 .as-link {
        width: 96%;
    }
    .shizugaku-anchor-link-block.btn-col-3 a,
    .shizugaku-anchor-link-block.btn-col-3 .as-link {
        width: 46%;
    }

    .shizugaku-anchor-link-block a::before,
    .shizugaku-anchor-link-block .as-link::before,
    .shizugaku-anchor-link-block a::after,
    .shizugaku-anchor-link-block .as-link::after {
        right: 12px;
        width: 24px;
        height: 24px;
        margin: -12px 0 0;
    }

}
@media (max-width: 479px){

    .shizugaku-anchor-link-block.btn-col-2 a,
    .shizugaku-anchor-link-block.btn-col-2 .as-link {
        width: 96%;
    }
    .shizugaku-anchor-link-block.btn-col-3 a,
    .shizugaku-anchor-link-block.btn-col-3 .as-link {
        width: 96%;
    }

}



/*
================================================================
 WPオリジナルブロック　下層ページリンク
================================================================
*/

.shizugaku-subpage-link-block {
    display: block;
}

.shizugaku-subpage-link-block a,
.shizugaku-subpage-link-block .as-link {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin: 24px 0 0;
    padding: 19px 64px 19px 24px;
    border: 1px solid var(--themeval-color-theme-text-black);
    outline: 0px none;
    border-radius: 20px;
    background-color: var(--themeval-color-theme-white);
    cursor: pointer;
    text-decoration: none;
    color: var(--themeval-color-theme-text-black);
    font-weight: 700;
    text-align: left;
    font-size: 24px;
    line-height: 40px;
    transition: 
        color var(--themeval-hover-transition),
        border-color var(--themeval-hover-transition),
        background-color var(--themeval-hover-transition);
}
.shizugaku-subpage-link-block a:nth-child(1),
.shizugaku-subpage-link-block .as-link:nth-child(1) {
    margin-top: 0;
}
.shizugaku-subpage-link-block a::before,
.shizugaku-subpage-link-block .as-link::before,
.shizugaku-subpage-link-block a::after,
.shizugaku-subpage-link-block .as-link::after {
    content: "";
    position: absolute;
    right: 24px;
    top: 50%;
    display: block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
    padding: 0;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    pointer-events: none;
    transition: opacity var(--themeval-hover-transition);
}
.shizugaku-subpage-link-block a::before,
.shizugaku-subpage-link-block .as-link::before {
    background-image: url(../img/ico/ico_link.svg);
    opacity: 1;
}
.shizugaku-subpage-link-block a::after,
.shizugaku-subpage-link-block .as-link::after {
    background-image: url(../img/ico/ico_link_white.svg);
    opacity: 0;
}
.shizugaku-subpage-link-block a .this__title,
.shizugaku-subpage-link-block .as-link .this__title {
    display: inline-block;
    color: inherit;
    font-weight: inherit;
    font-size: 100%;
    font-style: normal;
}

html:not(.agent-prop--Touch) .shizugaku-subpage-link-block a:hover {
    opacity: 1;
    color: var(--themeval-color-theme-text-white) !important;
    border-color: var(--themeval-color-theme-13) !important;
    background-color: var(--themeval-color-theme-13) !important;
}
html:not(.agent-prop--Touch) .shizugaku-subpage-link-block a:hover::before {
    opacity: 0;
}
html:not(.agent-prop--Touch) .shizugaku-subpage-link-block a:hover::after {
    opacity: 1;
}

@media (max-width: 1079px){

    .shizugaku-subpage-link-block a,
    .shizugaku-subpage-link-block .as-link {
        padding: 14px 54px 14px 19px;
        border-width: 1px;
        border-radius: 15px;
        font-size: 20px;
        line-height: 30px;
    }
    .shizugaku-subpage-link-block a::before,
    .shizugaku-subpage-link-block .as-link::before,
    .shizugaku-subpage-link-block a::after,
    .shizugaku-subpage-link-block .as-link::after {
        right: 14px;
        width: 30px;
        height: 30px;
        margin: -15px 0 0;
    }

}

@media (max-width: 767px){

    .shizugaku-subpage-link-block a,
    .shizugaku-subpage-link-block .as-link {
        margin: 16px 0 0;
        padding: 9px 46px 9px 14px;
        border-width: 1px;
        border-radius: 12px;
        font-size: 16px;
        line-height: 30px;
    }
    .shizugaku-subpage-link-block a::before,
    .shizugaku-subpage-link-block .as-link::before,
    .shizugaku-subpage-link-block a::after,
    .shizugaku-subpage-link-block .as-link::after {
        right: 12px;
        width: 24px;
        height: 24px;
        margin: -12px 0 0;
    }

}



/*
================================================================
 WPオリジナルブロック　ドキュメントリンク
================================================================
*/

.shizugaku-document-link-block {
    display: block;
}

.shizugaku-document-link-block a,
.shizugaku-document-link-block .as-link {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin: 24px 0 0;
    padding: 19px 24px 19px 79px;
    border: 1px solid var(--themeval-color-theme-text-black);
    outline: 0px none;
    border-radius: 20px;
    background-color: var(--themeval-color-theme-white);
    cursor: pointer;
    text-decoration: none;
    color: var(--themeval-color-theme-text-black);
    font-weight: 700;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    transition: 
        color var(--themeval-hover-transition),
        border-color var(--themeval-hover-transition),
        background-color var(--themeval-hover-transition);
}
.shizugaku-document-link-block a:nth-child(1),
.shizugaku-document-link-block .as-link:nth-child(1) {
    margin-top: 0;
}
.shizugaku-document-link-block a::before,
.shizugaku-document-link-block .as-link::before,
.shizugaku-document-link-block a::after,
.shizugaku-document-link-block .as-link::after {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    display: block;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    padding: 0;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    pointer-events: none;
    transition: opacity var(--themeval-hover-transition);
}

.shizugaku-document-link-block a::before,
.shizugaku-document-link-block .as-link::before {
    background-image: url(../img/ico/ico_file_external.svg);
    opacity: 1;
}
.shizugaku-document-link-block a::after,
.shizugaku-document-link-block .as-link::after {
    background-image: url(../img/ico/ico_file_external_white.svg);
    opacity: 0;
}

.shizugaku-document-link-block a.btn-type-pdf::before,
.shizugaku-document-link-block .as-link.btn-type-pdf::before {
    background-image: url(../img/ico/ico_file_pdf.svg);
}
.shizugaku-document-link-block a.btn-type-pdf::after,
.shizugaku-document-link-block .as-link.btn-type-pdf::after {
    background-image: url(../img/ico/ico_file_pdf_white.svg);
}

.shizugaku-document-link-block a.btn-type-word::before,
.shizugaku-document-link-block .as-link.btn-type-word::before {
    background-image: url(../img/ico/ico_file_word.svg);
}
.shizugaku-document-link-block a.btn-type-word::after,
.shizugaku-document-link-block .as-link.btn-type-word::after {
    background-image: url(../img/ico/ico_file_word_white.svg);
}

.shizugaku-document-link-block a.btn-type-excel::before,
.shizugaku-document-link-block .as-link.btn-type-excel::before {
    background-image: url(../img/ico/ico_file_excel.svg);
}
.shizugaku-document-link-block a.btn-type-excel::after,
.shizugaku-document-link-block .as-link.btn-type-excel::after {
    background-image: url(../img/ico/ico_file_excel_white.svg);
}

.shizugaku-document-link-block a.btn-type-powerpoint::before,
.shizugaku-document-link-block .as-link.btn-type-powerpoint::before {
    background-image: url(../img/ico/ico_file_powerpoint.svg);
}
.shizugaku-document-link-block a.btn-type-powerpoint::after,
.shizugaku-document-link-block .as-link.btn-type-powerpoint::after {
    background-image: url(../img/ico/ico_file_powerpoint_white.svg);
}

.shizugaku-document-link-block a .this__title,
.shizugaku-document-link-block .as-link .this__title {
    display: inline-block;
    color: inherit;
    font-weight: inherit;
    font-size: 100%;
    font-style: normal;
}

html:not(.agent-prop--Touch) .shizugaku-document-link-block a:hover {
    opacity: 1;
    color: var(--themeval-color-theme-text-white) !important;
    border-color: var(--themeval-color-theme-13) !important;
    background-color: var(--themeval-color-theme-13) !important;
}
html:not(.agent-prop--Touch) .shizugaku-document-link-block a:hover::before {
    opacity: 0;
}
html:not(.agent-prop--Touch) .shizugaku-document-link-block a:hover::after {
    opacity: 1;
}

@media (max-width: 1079px){

    .shizugaku-document-link-block a,
    .shizugaku-document-link-block .as-link {
        padding: 14px 14px 14px 69px;
        border-width: 1px;
        border-radius: 15px;
        font-size: 17px;
        line-height: 30px;
    }
    .shizugaku-document-link-block a::before,
    .shizugaku-document-link-block .as-link::before,
    .shizugaku-document-link-block a::after,
    .shizugaku-document-link-block .as-link::after {
        left: 9px;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
    }

}

@media (max-width: 767px){

    .shizugaku-document-link-block a,
    .shizugaku-document-link-block .as-link {
        margin: 16px 0 0;
        padding: 9px 14px 9px 59px;
        border-width: 1px;
        border-radius: 12px;
        font-size: 14px;
        line-height: 30px;
    }
    .shizugaku-document-link-block a::before,
    .shizugaku-document-link-block .as-link::before,
    .shizugaku-document-link-block a::after,
    .shizugaku-document-link-block .as-link::after {
        left: 9px;
        width: 30px;
        height: 30px;
        margin: -15px 0 0;
    }

}




/*
================================================================
 WPオリジナルブロック　カテゴリーリンク
================================================================
*/

.shizugaku-category-link-block {
    display: block;
}
.shizugaku-category-link-block.is-editor-prev {
    overflow: hidden;
}

.shizugaku-category-link-layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 104.1667%;
    margin: -10px -2.0833%;
}
.shizugaku-category-link-block.btn-align-left .shizugaku-category-link-layout {
    justify-content: flex-start;
}
.shizugaku-category-link-block.btn-align-center .shizugaku-category-link-layout {
    justify-content: center;
}
.shizugaku-category-link-block.btn-align-right .shizugaku-category-link-layout {
    justify-content: flex-end;
}

.shizugaku-category-link-block a,
.shizugaku-category-link-block .as-link {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 10em;
    margin: 10px 2%;
    padding: 20px 50px 20px 10px;
    border-bottom: 8px solid var(--themeval-color-theme-01);
    outline: 0px none;
    background-color: var(--themeval-color-theme-white);
    cursor: pointer;
    text-decoration: none;
    color: var(--themeval-color-theme-01);
    font-weight: 700;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    transition: 
        color var(--themeval-hover-transition),
        border-color var(--themeval-hover-transition),
        background-color var(--themeval-hover-transition);
}
.shizugaku-category-link-block a::before,
.shizugaku-category-link-block .as-link::before,
.shizugaku-category-link-block a::after,
.shizugaku-category-link-block .as-link::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
    padding: 0;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    pointer-events: none;
    transform: rotate(90deg);
    transition: opacity var(--themeval-hover-transition);
}
.shizugaku-category-link-block a::before,
.shizugaku-category-link-block .as-link::before {
    background-image: url(../img/ico/ico_link_simple.svg);
    opacity: 1;
}
.shizugaku-category-link-block a::after,
.shizugaku-category-link-block .as-link::after {
    background-image: url(../img/ico/ico_link_simple_white.svg);
    opacity: 0;
}
.shizugaku-category-link-block a .this__title,
.shizugaku-category-link-block .as-link .this__title {
    display: inline-block;
    color: inherit;
    font-weight: inherit;
    font-size: 100%;
    font-style: normal;
}

html:not(.agent-prop--Touch) .shizugaku-category-link-block a:hover {
    opacity: 1;
    color: var(--themeval-color-theme-text-white) !important;
    border-color: var(--themeval-color-theme-13) !important;
    background-color: var(--themeval-color-theme-13) !important;
}
html:not(.agent-prop--Touch) .shizugaku-category-link-block a:hover::before {
    opacity: 0;
}
html:not(.agent-prop--Touch) .shizugaku-category-link-block a:hover::after {
    opacity: 1;
}

@media (max-width: 1079px){

    .shizugaku-category-link-block a,
    .shizugaku-category-link-block .as-link {
        border-bottom-width: 7px;
        min-width: 7em;
        margin: 10px 2%;
        padding: 15px 40px 15px 10px;
        font-size: 17px;
        line-height: 30px;
    }
    .shizugaku-category-link-block a::before,
    .shizugaku-category-link-block .as-link::before,
    .shizugaku-category-link-block a::after,
    .shizugaku-category-link-block .as-link::after {
        right: 0;
        width: 30px;
        height: 30px;
        margin: -15px 0 0;
    }

}
@media (max-width: 767px){

    .shizugaku-category-link-layout {
        width: 104.1667%;
        margin: -5px -2.0833%;
    }
    .shizugaku-category-link-block a,
    .shizugaku-category-link-block .as-link {
        border-bottom-width: 5px;
        min-width: 0;
        margin: 5px 2%;
        padding: 12px 34px 12px 5px;
        font-size: 14px;
        line-height: 24px;
    }
    .shizugaku-category-link-block a::before,
    .shizugaku-category-link-block .as-link::before,
    .shizugaku-category-link-block a::after,
    .shizugaku-category-link-block .as-link::after {
        right: 0;
        width: 24px;
        height: 24px;
        margin: -12px 0 0;
    }

}




/*
================================================================
 WPオリジナルブロック　Ｑ＆Ａ
================================================================
*/

.shizugaku-qanda-accordion-block {
    display: block;
}
.shizugaku-qanda-accordion-block .shizugaku-qanda-accordion-heading {
    position: relative;
    display: block;
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 0 0.4em 1.5em;
    border-top: 0px none;
    border-left: 0px none;
    border-right: 0px none;
    border-bottom: 2px solid var(--themeval-color-theme-01);
    border-radius: 0;
    background-color: var(--themeval-color-theme-white);
    background-image: none;
    text-decoration: none;
    color: var(--themeval-color-theme-01);
    font-weight: 700;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
}
.shizugaku-qanda-accordion-block .shizugaku-qanda-accordion-heading::before,
.shizugaku-qanda-accordion-block .shizugaku-qanda-accordion-heading::after {
    content: none;
    display: none;
}
.shizugaku-qanda-accordion-block .shizugaku-qanda-accordion-heading .this__ico {
    position: relative;
    bottom: -0.05em;
    display: inline-block;
    vertical-align: baseline;
    min-width: 1.2em;
    margin: 0 0 0 -1.2em;
    font-size: 120%;
    line-height: 1;
    font-weight: 700;
}
.shizugaku-qanda-accordion-block .shizugaku-qanda-accordion-heading .this__title {
    display: inline-block;
    color: inherit;
    font-weight: inherit;
    font-size: 100%;
    font-style: normal;
}

.shizugaku-qanda-accordion-details {
    position: static;
    list-style-type: none;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 16px 0 0;
    border: 1px solid var(--themeval-color-theme-text-black);
    background-color: var(--themeval-color-theme-white);
    border-radius: 10px;
}
.shizugaku-qanda-accordion-details > .accelscrdetails__summary {
    position: relative;
    z-index: 11;
    display: block;
    box-sizing: border-box;
    width: calc(100% + 2px);
    margin: -1px;
    padding: 25px 60px 25px 50px;
    outline: 0px none;
    border-radius: 10px;
    background-color: rgba(var(--themeval-rgb-theme-13), 0);
    cursor: pointer;
    text-decoration: none;
    color: var(--themeval-color-theme-text-black);
    font-weight: 700;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    transition: 
        opacity var(--themeval-hover-transition),
        color var(--themeval-hover-transition),
        background-color var(--themeval-hover-transition);
}
.shizugaku-qanda-accordion-details > .accelscrdetails__summary::before,
.shizugaku-qanda-accordion-details > .accelscrdetails__summary::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    display: block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
    padding: 0;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    pointer-events: none;
    transform: rotate(90deg);
    transition: transform var(--themeval-menu-transition), opacity var(--themeval-hover-transition);
}
.shizugaku-qanda-accordion-details > .accelscrdetails__summary::before {
    background-image: url(../img/ico/ico_link.svg);
    opacity: 1;
}
.shizugaku-qanda-accordion-details > .accelscrdetails__summary::after {
    background-image: url(../img/ico/ico_link_white.svg);
    opacity: 0;
}
html:not(.agent-prop--Touch) .shizugaku-qanda-accordion-details > summary.accelscrdetails__summary:hover {
    /* opacity: var(--themeval-hover-opacity); */
    color: var(--themeval-color-theme-text-white) !important;
    background-color: var(--themeval-color-theme-13) !important;
}
html:not(.agent-prop--Touch) .shizugaku-qanda-accordion-details > summary.accelscrdetails__summary:hover::before {
    opacity: 0;
}
html:not(.agent-prop--Touch) .shizugaku-qanda-accordion-details > summary.accelscrdetails__summary:hover::after {
    opacity: 1;
}
.shizugaku-qanda-accordion-details.accelscrdetails--open > .accelscrdetails__summary::before,
.shizugaku-qanda-accordion-details.accelscrdetails--open > .accelscrdetails__summary::after {
    transform: rotate(90deg) rotateY(180deg);
}
.shizugaku-qanda-accordion-details > .accelscrdetails__summary .this__ico {
    position: relative;
    bottom: -0.05em;
    display: inline-block;
    vertical-align: baseline;
    min-width: 1.2em;
    margin: 0 0 0 -1.2em;
    font-size: 120%;
    line-height: 1;
    font-weight: 700;
}
.shizugaku-qanda-accordion-details > .accelscrdetails__summary .this__title {
    display: inline-block;
    color: inherit;
    font-weight: inherit;
    font-size: 100%;
    font-style: normal;
}
.shizugaku-qanda-accordion-details > .accelscrdetails__summary .this__title.is--hint {
    color: var(--themeval-color-theme-gray-02);
}

.shizugaku-qanda-accordion-details .accelscrdetails__content {
    position: static;
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.shizugaku-qanda-accordion-details .accelscrdetails__content-inner {
    position: static;
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 20px 19px 40px;
    width: 100%;
    height: auto;
    background-color: transparent;
    background-image: linear-gradient(90deg, var(--themeval-color-theme-02), var(--themeval-color-theme-02));
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: calc(100% - 38px) 1px;
}

@media (max-width: 1079px){

    .shizugaku-qanda-accordion-block .shizugaku-qanda-accordion-heading {
        border-bottom-width: 2px;
        font-size: 17px;
        line-height: 30px;
    }
    .shizugaku-qanda-accordion-details {
        margin: 16px 0 0;
        border-width: 1px;
        border-radius: 10px;
    }
    .shizugaku-qanda-accordion-details > .accelscrdetails__summary {
        width: calc(100% + 2px);
        margin: -1px;
        padding: 20px 55px 20px 46px;
        border-radius: 10px;
        font-size: 17px;
        line-height: 30px;
    }
    .shizugaku-qanda-accordion-details > .accelscrdetails__summary::before {
        right: 15px;
        width: 30px;
        height: 30px;
        margin: -15px 0 0;
    }
    .shizugaku-qanda-accordion-details .accelscrdetails__content-inner {
        padding: 15px 14px 30px;
        background-size: calc(100% - 28px) 1px;
    }

}
@media (max-width: 767px){

    .shizugaku-qanda-accordion-block .shizugaku-qanda-accordion-heading {
        border-bottom-width: 2px;
        font-size: 14px;
        line-height: 24px;
    }
    .shizugaku-qanda-accordion-details {
        margin: 14px 0 0;
        border-width: 1px;
        border-radius: 8px;
    }
    .shizugaku-qanda-accordion-details > .accelscrdetails__summary {
        width: calc(100% + 2px);
        margin: -1px;
        padding: 15px 40px 15px 36px;
        border-radius: 8px;
        font-size: 14px;
        line-height: 30px;
    }
    .shizugaku-qanda-accordion-details > .accelscrdetails__summary::before {
        right: 12px;
        width: 24px;
        height: 24px;
        margin: -12px 0 0;
    }
    .shizugaku-qanda-accordion-details .accelscrdetails__content-inner {
        padding: 12px 11px 25px;
        background-size: calc(100% - 22px) 1px;
    }

}



/*
================================================================
 シンプルアコーディオン
================================================================
*/

.shizugaku-simple-accordion-block {
    display: block;
}
.shizugaku-simple-accordion-details {
    position: static;
    list-style-type: none;
    display: block;
    box-sizing: border-box;
    height: auto;
    padding: 0;
    border: 1px solid var(--themeval-color-theme-text-black);
    background-color: var(--themeval-color-theme-white);
    border-radius: 10px;
}
.shizugaku-simple-accordion-details > .accelscrdetails__summary {
    position: relative;
    z-index: 1;
    display: block;
    box-sizing: border-box;
    width: calc(100% + 2px);
    margin: -1px;
    padding: 1.25em 60px 1.25em 1em;
    outline: 0px none;
    border-radius: 10px;
    background-color: rgba(var(--themeval-rgb-theme-13), 0);
    cursor: pointer;
    text-decoration: none;
    color: var(--themeval-color-theme-text-black);
    font-weight: 700;
    text-align: left;
    font-size: 100%;
    line-height: 1.5;
    transition: 
        opacity var(--themeval-hover-transition),
        color var(--themeval-hover-transition),
        background-color var(--themeval-hover-transition);
}
.shizugaku-simple-accordion-details > .accelscrdetails__summary::before,
.shizugaku-simple-accordion-details > .accelscrdetails__summary::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    display: block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
    padding: 0;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    pointer-events: none;
    transform: rotate(90deg);
    transition: transform var(--themeval-menu-transition), opacity var(--themeval-hover-transition);
}
.shizugaku-simple-accordion-details > .accelscrdetails__summary::before {
    background-image: url(../img/ico/ico_link.svg);
    opacity: 1;
}
.shizugaku-simple-accordion-details > .accelscrdetails__summary::after {
    background-image: url(../img/ico/ico_link_white.svg);
    opacity: 0;
}
html:not(.agent-prop--Touch) .shizugaku-simple-accordion-details > summary.accelscrdetails__summary:hover {
    /* opacity: var(--themeval-hover-opacity); */
    color: var(--themeval-color-theme-text-white) !important;
    background-color: var(--themeval-color-theme-13) !important;
}
html:not(.agent-prop--Touch) .shizugaku-simple-accordion-details > summary.accelscrdetails__summary:hover::before {
    opacity: 0;
}
html:not(.agent-prop--Touch) .shizugaku-simple-accordion-details > summary.accelscrdetails__summary:hover::after {
    opacity: 1;
}
.shizugaku-simple-accordion-details.accelscrdetails--open > .accelscrdetails__summary::before,
.shizugaku-simple-accordion-details.accelscrdetails--open > .accelscrdetails__summary::after {
    transform: rotate(90deg) rotateY(180deg);
}
.shizugaku-simple-accordion-details > .accelscrdetails__summary .this__title {
    display: inline-block;
    color: inherit;
    font-weight: inherit;
    font-size: 100%;
    font-style: normal;
}
.shizugaku-simple-accordion-details > .accelscrdetails__summary .this__title.is--hint {
    color: var(--themeval-color-theme-gray-02);
}

.shizugaku-simple-accordion-details .accelscrdetails__content {
    position: static;
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.shizugaku-simple-accordion-details .accelscrdetails__content-inner {
    position: static;
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 1.5em 1em 2em;
    width: 100%;
    height: auto;
    background-color: transparent;
    background-image: linear-gradient(90deg, var(--themeval-color-theme-02), var(--themeval-color-theme-02));
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: calc(100% - 2em) 1px;
}

@media (max-width: 1079px){
    .shizugaku-simple-accordion-details {
        border-radius: 10px;
    }
    .shizugaku-simple-accordion-details > .accelscrdetails__summary {
        width: calc(100% + 2px);
        margin: -1px;
        padding-right: 55px;
        border-radius: 10px;
    }
    .shizugaku-simple-accordion-details > .accelscrdetails__summary::before {
        right: 15px;
        width: 30px;
        height: 30px;
        margin: -15px 0 0;
    }
}
@media (max-width: 767px){
    .shizugaku-simple-accordion-details {
        border-radius: 8px;
    }
    .shizugaku-simple-accordion-details > .accelscrdetails__summary {
        width: calc(100% + 2px);
        margin: -1px;
        padding-right: 40px;
        border-radius: 8px;
    }
    .shizugaku-simple-accordion-details > .accelscrdetails__summary::before {
        right: 12px;
        width: 24px;
        height: 24px;
        margin: -12px 0 0;
    }
}

