/* 
髢｢隘ｿ繝ｪ繝ｼ繝€繝ｼ蛻嶺ｼ� 謾ｹ菫ｮcss
author: Shungo Tamy
*/
#index {
    overflow: visible;
    background-color: #FFFFFF;
    font-family: 'Noto Sans JP', sans-serif !important;
    text-shadow: none !important;
    font-feature-settings: "palt" 1;
}

.pc_block {
    display: block;
}

.smp_block {
    display: none;
}


a {
    outline: none;
    text-decoration: underline;
    color: #000000;
}

a:hover {
    outline: none;
    text-decoration: none;
    color: #000000;
}

a:visited {
    outline: none;
    text-decoration: underline;
    color: #000000;
}

img {
    image-rendering: -webkit-optimize-contrast;
}

#wrapper {
    width: 100%;
    text-align: left;
    margin: 0px;
    padding: 0px;
    text-shadow: none !important;
    font-feature-settings: "palt" 1;
    background-color: #ffffff;
}

/* 縺薙ｌ縺ｾ縺ｧ縺ｮ謾ｾ騾√∪縺ｧ縺ｮ閭梧勹 */
.bg01 {
    width: 100%;
    background-image: url("../images/bg01.jpg");
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: center top;
    transition-property: background-position;
    transition-duration: .2s;
}

/* 蜷�ｼ∵･ｭ縺ｮ閭梧勹 */
/* .bg02 {
    width: 100%;
    background-image: url("../images/pc_bg_01_vol_18.png");
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: center top;
    transition-property: background-position;
    transition-duration: .2s;
} */

/* 繝壹�繧ｸ繝医ャ繝励�閭梧勹 */
.grade_01_black {
    width: 100%;
    background-image: url("../images/bg01_black.jpg");
    background-repeat: repeat-y;
    background-position: center top;
}

/* 驥題牡縺ｮ邱壹€€繧ｹ繝槭�迚井ｸ崎ｦ� */
.header_mini_pc_00_bg img {
    width: 100%;
    height: 15px;
    vertical-align: top;
}

.box1250 {
    margin: auto;
    max-width: 1250px;
}

.box1250 img {
    width: 100%;
    height: auto;
}


/*==================================
繧ｹ繝ｩ繧､繝€繝ｼ縺ｮ縺溘ａ縺ｮcss
===================================*/
/*讓ｪ蟷�94%縺ｧ蟾ｦ蜿ｳ縺ｫ菴咏區繧呈戟縺溘○縺ｦ荳ｭ螟ｮ蟇�○*/
.slider_pad_01 {
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 0px;
    padding-bottom: 40px;
}

/*讓ｪ蟷�94%縺ｧ蟾ｦ蜿ｳ縺ｫ菴咏區繧呈戟縺溘○縺ｦ荳ｭ螟ｮ蟇�○*/
.slider {
    width: 100%;
    margin: 0 auto;
}

.sli_pad01 {
    padding-top: 10px;
    font-size: 120%;
    line-height: 150%;
    color: #fff;
}

/*繧ｹ繝ｩ繧､繝€繝ｼ蜀��逕ｻ蜒上ｒ讓ｪ蟷�100%縺ｫ*/
.slider img {
    width: 100%;
    height: auto;
}

.slider a {
    text-decoration: none !important;
}

.slider a:hover {
    text-decoration: underline !important;
}

.slider a:visited {
    text-decoration: none !important;
}

/*slick縺ｮJS縺ｧ譖ｸ縺九ｌ繧九ち繧ｰ蜀�€√せ繝ｩ繧､繝牙ｷｦ蜿ｳ縺ｮ菴咏區隱ｿ謨ｴ*/
.slider .slick-slide {
    padding-top: 12px;
    padding-bottom: 8px;
    margin-left: 6px;
    margin-right: 6px;
}

/*遏｢蜊ｰ縺ｮ險ｭ螳�*/

/*謌ｻ繧九€∵ｬ｡縺ｸ遏｢蜊ｰ縺ｮ菴咲ｽｮ*/
.slick-prev,
.slick-next {
    /*邨ｶ蟇ｾ驟咲ｽｮ縺ｫ縺吶ｋ*/
    position: absolute;
    top: 42%;
    /*繝槭え繧ｹ繧ｫ繝ｼ繧ｽ繝ｫ繧呈欠繝槭�繧ｯ縺ｫ*/
    cursor: pointer;
    /*繧ｯ繝ｪ繝�け繧偵＠縺溘ｉ蜃ｺ縺ｦ縺上ｋ譫�邱壹ｒ豸医☆*/
    outline: none;
    /*遏｢蜊ｰ縺ｮ濶ｲ*/
    border-top: 2px solid #fff;
    /*遏｢蜊ｰ縺ｮ濶ｲ*/
    border-right: 2px solid #fff;
    height: 10px;
    width: 10px;
}

.slick-prev {
    /*謌ｻ繧狗泙蜊ｰ縺ｮ菴咲ｽｮ縺ｨ蠖｢迥ｶ*/
    left: -18px;
    transform: rotate(-135deg);
}

.slick-next {
    /*谺｡縺ｸ遏｢蜊ｰ縺ｮ菴咲ｽｮ縺ｨ蠖｢迥ｶ*/
    right: -18px;
    transform: rotate(45deg);
}

/*繝峨ャ繝医リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ險ｭ螳�*/

.slick-dots {
    text-align: center;
    margin: 20px 0 0 0;
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.slick-dots button {
    color: transparent;
    border: none !important;
    appearance: none !important;
    outline: none;
    /*繝峨ャ繝医�繧ｿ繝ｳ縺ｮ繧ｵ繧､繧ｺ*/
    width: 35px;
    /*繝峨ャ繝医�繧ｿ繝ｳ縺ｮ繧ｵ繧､繧ｺ*/
    height: 3px;
    display: block;
    /*繝峨ャ繝医�繧ｿ繝ｳ縺ｮ濶ｲ*/
    background: #4b4b4b;
}

.slick-dots .slick-active button {
    /*繝峨ャ繝医�繧ｿ繝ｳ縺ｮ迴ｾ蝨ｨ蝨ｰ陦ｨ遉ｺ縺ｮ濶ｲ*/
    background: #fff;
}


.text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    /*IE蟇ｾ遲�*/
    line-height: 1.5em;
    max-height: 4.5em;
}

/*==================================
繧ｹ繝ｩ繧､繝€繝ｼ縺ｮ縺溘ａ縺ｮcss 縺薙％縺ｾ縺ｧ
===================================*/

/* 閭梧勹繧ｰ繝ｬ繝ｼ繧ｰ繝ｩ繝��繧ｷ繝ｧ繝ｳ */
.grade_02 {
    width: 100%;
    background-image: url("../images/pc_grade_02.png");
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: center top;
}

/* 繝医ャ繝励リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ */
.btn_00_compact {
    width: 100%;
    background-image: url("../images/pc_btn_00_compact_bg_02.jpg?20170625-1307");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.top_navi {
    margin: auto;
    max-width: 1125px;
    padding: 0 5%;
    display: flex;
}

.box2391 img,
.box2435 img,
.box2560 img,
.box2613 img {
    width: 100%;
}

/* 繝医ャ繝励リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ縲€縺薙％縺ｾ縺ｧ */

/* 譌･邨後�繝ｬ繧ｼ繝ｳ繝�css */
.pad22 {
    padding-top: 50px;
    padding-bottom: 10px;
    padding-left: 7.68%;
    padding-right: 4.96%;
}

.pad22 a:hover {
    opacity: 0.8;
}

/* 譌･邨後�繝ｬ繧ｼ繝ｳ繝�css縲€縺薙％縺ｾ縺ｧ */


/* 逡ｪ邨�ｦりｦ� */
.pad01_06 {
    text-align: center;
    padding-top: 47px;
    padding-bottom: 60px;
}

.pad02 {
    color: #FF0004;
    font-size: 120%;
    font-weight: 800;
    text-align: center;
}

.pad03 {
    font-size: 280%;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 35px;
    text-align: center;
}

.pad20 {
    padding-top: 18px;
    padding-bottom: 30px;
    padding-left: 8%;
    padding-right: 8%;
}

.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.pad04 {
    font-size: 140%;
    line-height: 250%;
    font-weight: 400;
    padding-top: 17px;
}

.pad09 {
    font-size: 145%;
    font-weight: 600;
}

/* 逡ｪ邨�ｦりｦ√€€縺薙％縺ｾ縺ｧ */


/*==================================
莉雁屓縺ｮ繝ｪ繝ｼ繝€繝ｼcss
===================================*/

.bg00 {
    width: 100%;
    background-size: 100%;
    background-color: #FFFFFF;
}

/* 繧ｵ繝悶リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ */
.grade_01 {
    width: 100%;
    background-image: url("../images/pc_grade_01.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom;
}

.grade_03 {
    width: 100%;
    background-image: url("../images/pc_grade_03.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
}

.subnavi_01 {
    padding-left: 13%;
    padding-right: 13%;
    padding-top: 70px;
}

.subnavi_02 {
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 200%;
    font-weight: 600;
}

.subnavi_04 {
    width: 33.42222%;
    float: left;
}

.subnavi_05 {
    width: 33.24444%;
    float: left;
}

.subnavi_06 {
    width: 33.33333%;
    float: left;
}

/* 繧ｵ繝悶リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ縲€縺薙％縺ｾ縺ｧ */

.pad01_02 {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 58px;
}

.pad08 {
    padding-top: 22px;
    padding-left: 13%;
    padding-right: 13%;
}


.pad05 {
    font-size: 180%;
    font-weight: 400;
    padding-top: 50px;
}

.pad06 {
    font-size: 400%;
    font-weight: 700;
    padding-top: 5px;
}

.pad07 {
    font-size: 180%;
    font-weight: 400;
    padding-top: 7px;
}

.pad04_02 {
    font-size: 150%;
    line-height: 220%;
    font-weight: 400;
    padding-top: 40px;
}

/*==================================
莉雁屓縺ｮ繝ｪ繝ｼ繝€繝ｼcss 縺薙％縺ｾ縺ｧ
===================================*/


/*==================================
蜀�ｮｹ邏ｹ莉議ss
===================================*/
.pad01 {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 75px;
}

.pad10 {
    padding-top: 35px;
    padding-left: 5%;
    padding-right: 5%;
}

.pad11 {
    width: 47%;
    float: left;
}

/* 逕ｻ蜒丈ｸｦ縺ｹ譖ｿ縺� */
.img_grid {
    display: grid;
    grid-template-columns: 50% 50%;
}

.grid_img_top {
    grid-column: 1/3;
    grid-row: 1;
    box-sizing: border-box;
    padding-bottom: 0.5%;
}

.grid_img_left {
    grid-column: 1/2;
    box-sizing: border-box;
    padding-right: 0.5%;
    padding-bottom: 1%;
}

.grid_img_right {
    grid-column: 2/3;
    box-sizing: border-box;
    padding-left: 0.5%;
    padding-bottom: 1%;
}

.grid_img_side {
    grid-column: 1/3;
    box-sizing: border-box;
    padding-bottom: 0.5%;
}

.pad12 {
    width: 47%;
    float: right;
}

.pad13 {
    font-size: 280%;
    font-weight: 700;
    text-align: left;
}

.pad14_01 {
    padding-top: 40px;
    padding-bottom: 10px;
    font-size: 140%;
    line-height: 220%;
    font-weight: 400;
    text-align: left;
}

.pad10_02 {
    padding-top: 60px;
    padding-left: 5%;
    padding-right: 5%;
}

.pad13_05 {
    font-size: 260%;
    font-weight: 700;
    text-align: right;
}

.pad14_05 {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 140%;
    line-height: 220%;
    font-weight: 400;
    text-align: right;
}

/*==================================
蜀�ｮｹ邏ｹ莉議ss 縺薙％縺ｾ縺ｧ
===================================*/

/*==================================
蜀�ｮｹ邏ｹ莉議ss 縺薙％縺ｾ縺ｧ
===================================*/
.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.add_html_01 {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 7%;
}

.add_html_02 {
    padding-top: 40px;
    font-size: 180%;
    line-height: 200%;
    font-weight: 600;
    text-align: center;
}

/*==================================
蜀�ｮｹ邏ｹ莉議ss 縺薙％縺ｾ縺ｧ
===================================*/

/*==================================
繧ｹ繝壹す繝｣繝ｫ莨∫判css 縺薙％縺ｾ縺ｧ
===================================*/

.pad13_special {
    padding-top: 30px;
    font-size: 300%;
    font-weight: 800;
    text-align: center;
}

.pad14_special {
    padding-top: 10px;
    font-size: 155%;
    line-height: 220%;
    font-weight: 400;
    text-align: center;
}

.pad21 {
    padding-top: 45px;
    padding-left: 8%;
    padding-right: 8%;
}

.movie {
    display: block;
    position: relative;
    width: 100%;
    padding-top: calc(9 / 16 * 100%);
    margin: auto;
    background-size: contain;
}

.movie .tvo-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

/*==================================
繧ｹ繝壹す繝｣繝ｫ莨∫判css 縺薙％縺ｾ縺ｧ
===================================*/

/*==================================
蜃ｺ貍碑€�css
===================================*/

.pad01_03 {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 58px;
}

.pad15_01 {
    width: 28%;
    float: left;
    margin-right: 8%;
}

.pad15_02 {
    width: 28%;
    float: left;
    margin-right: 8%;
}

.pad15_03 {
    width: 28%;
    float: left;
}

.pad17 {
    font-size: 140%;
    font-weight: 700;
    text-align: center;
    color: #FF0004;
    padding-top: 40px;
}

.pad18 {
    font-size: 250%;
    font-weight: 700;
    text-align: center;
    padding-top: 7px;
}

.pad19 {
    font-size: 100%;
    font-weight: 400;
    text-align: center;
    padding-top: 10px;
}

/*==================================
蜃ｺ貍碑€�css 縺薙％縺ｾ縺ｧ
===================================*/


/*==================================
縺薙ｌ縺ｾ縺ｧ縺ｮ謾ｾ騾…ss
===================================*/

.pc_gray {
    width: 100%;
    background: rgba(0, 0, 0, 0);
    text-align: center;
}

.archive_05 {
    padding-top: 60px;
}


.archive_00 {
    font-size: 70%;
    font-weight: 300;
}


.archive_01 {
    padding-top: 30px;
    padding-bottom: 4%;
    padding-left: 3%;
    padding-right: 3%;
}

.archive_01 img {
    width: 100%;
    height: auto
}

.archive_01 a:hover {
    opacity: 0.7;
}

.archive_grid {
    display: grid;
    grid-template-columns: 33.33333% 33.33333% 33.33333%;
    max-width: 1250px;
    margin-bottom: 1%;
}

.archive_02 {
    padding-left: 7.5%;
    padding-right: 7.5%;
}

.archive_03 {
    font-size: 100%;
    line-height: 180%;
    font-weight: 400;
    padding-top: 3%;
    padding-bottom: 10%;
}

.pad25_07 {
    padding-left: 21%;
    padding-right: 21%;
}

.pad25_04 {
    padding-top: 1px;
    padding-bottom: 50px;
    width: 46%;
    float: left;
}

.pad25_04 a:hover {
    opacity: 0.7;
}

.pad25_05 {
    padding-top: 1px;
    padding-bottom: 50px;
    width: 46%;
    float: right;
}

.pad25_05 a:hover {
    opacity: 0.7;
}

/*==================================
縺薙ｌ縺ｾ縺ｧ縺ｮ謾ｾ騾…ss 縺薙％縺ｾ縺ｧ
===================================*/


#pc_footer_01 {
    width: 100%;
    background-image: url("../images/pc_footer_01.jpg?20170625-1307");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    background-size: cover;
}


#page-top {
    z-index: 89;
    position: fixed;
    bottom: 35px;
    right: 0px;
    width: 55px;
    height: 145px;
}


/* 繧ｹ繝槭�陦ｨ遉ｺ */
@media screen and (max-width:799px) {

    .pc_block {
        display: none;
    }

    .smp_block {
        display: block;
    }

    /* 縺薙ｌ縺ｾ縺ｧ縺ｮ謾ｾ騾√∪縺ｧ縺ｮ閭梧勹 */
    .bg01 {
        width: 100%;
        background-image: url("../images/smp_01_02.jpg");
        background-repeat: repeat-y;
        background-size: 100%;
        background-position: center top;
        transition-property: background-position;
        transition-duration: .2s;
    }

    /* 蜷�ｼ∵･ｭ縺ｮ閭梧勹 */
    /* .bg02 {
        width: 100%;
        background-image: url("../images/smp_02_vol_18.png");
        background-repeat: repeat-y;
        background-size: 100%;
        background-position: center top;
        transition-property: background-position;
        transition-duration: .2s;
    } */

    /* 繝壹�繧ｸ繝医ャ繝励�閭梧勹 */
    .grade_01_black {
        width: 100%;
        background-image: url("../images/smp_01_black.jpg");
        background-repeat: repeat-y;
        background-position: center top;
    }

    .box1250 {
        margin: auto;
        max-width: 799px;
    }

    .box1250 img {
        width: 100%;
        height: auto;
    }

    /*==================================
    繧ｹ繝ｩ繧､繝€繝ｼ縺ｮ縺溘ａ縺ｮcss
    ===================================*/
    /*讓ｪ蟷�94%縺ｧ蟾ｦ蜿ｳ縺ｫ菴咏區繧呈戟縺溘○縺ｦ荳ｭ螟ｮ蟇�○*/
    .slider_pad_01 {
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 8.5%;
        padding-bottom: 7%;
        margin: 0;
    }

    .slider {
        /*讓ｪ蟷�94%縺ｧ蟾ｦ蜿ｳ縺ｫ菴咏區繧呈戟縺溘○縺ｦ荳ｭ螟ｮ蟇�○*/
        width: 100%;
        margin: 0 auto;
    }

    .sli_pad01 {
        padding-top: 3%;
        padding-bottom: 3%;
        font-size: 100%;
        line-height: 150%;
        color: #fff;
    }

    .slider img {
        width: 100%;
        /*繧ｹ繝ｩ繧､繝€繝ｼ蜀��逕ｻ蜒上ｒ讓ｪ蟷�100%縺ｫ*/
        height: auto;
    }

    .slider a:hover {
        opacity: 0.7;
    }


    /*slick縺ｮJS縺ｧ譖ｸ縺九ｌ繧九ち繧ｰ蜀�€√せ繝ｩ繧､繝牙ｷｦ蜿ｳ縺ｮ菴咏區隱ｿ謨ｴ*/
    .slider .slick-slide {
        padding-top: 0;
        padding-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

    /*遏｢蜊ｰ縺ｮ險ｭ螳�*/

    /*謌ｻ繧九€∵ｬ｡縺ｸ遏｢蜊ｰ縺ｮ菴咲ｽｮ*/
    .slick-prev,
    .slick-next {
        /*邨ｶ蟇ｾ驟咲ｽｮ縺ｫ縺吶ｋ*/
        position: absolute;
        top: 42%;
        /*繝槭え繧ｹ繧ｫ繝ｼ繧ｽ繝ｫ繧呈欠繝槭�繧ｯ縺ｫ*/
        cursor: pointer;
        /*繧ｯ繝ｪ繝�け繧偵＠縺溘ｉ蜃ｺ縺ｦ縺上ｋ譫�邱壹ｒ豸医☆*/
        outline: none;
        /*遏｢蜊ｰ縺ｮ濶ｲ*/
        border-top: 2px solid #fff;
        /*遏｢蜊ｰ縺ｮ濶ｲ*/
        border-right: 2px solid #fff;
        height: 10px;
        width: 10px;
    }

    .slick-prev {
        /*謌ｻ繧狗泙蜊ｰ縺ｮ菴咲ｽｮ縺ｨ蠖｢迥ｶ*/
        left: -7%;
        transform: rotate(-135deg);
    }

    .slick-next {
        /*谺｡縺ｸ遏｢蜊ｰ縺ｮ菴咲ｽｮ縺ｨ蠖｢迥ｶ*/
        right: -7%;
        transform: rotate(45deg);
    }

    /*繝峨ャ繝医リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ險ｭ螳�*/

    .slick-dots {
        text-align: center;
        margin: 14px 0 0 0;
    }

    .slick-dots li {
        display: inline-block;
        margin: 0 3px;
    }

    .slick-dots button {
        color: transparent;
        border: none !important;
        appearance: none !important;
        outline: none;
        width: 5px;
        /*繝峨ャ繝医�繧ｿ繝ｳ縺ｮ繧ｵ繧､繧ｺ*/
        height: 3px;
        /*繝峨ャ繝医�繧ｿ繝ｳ縺ｮ繧ｵ繧､繧ｺ*/
        display: block;
        background: #4b4b4b;
        /*繝峨ャ繝医�繧ｿ繝ｳ縺ｮ濶ｲ*/
    }

    .slick-dots .slick-active button {
        /*繝峨ャ繝医�繧ｿ繝ｳ縺ｮ迴ｾ蝨ｨ蝨ｰ陦ｨ遉ｺ縺ｮ濶ｲ*/
        background: #fff;
    }


    .text {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;

        /*IE蟇ｾ遲�*/
        line-height: 1.5em;
        max-height: 4.5em;
    }

    /*==================================
    繧ｹ繝ｩ繧､繝€繝ｼ縺ｮ縺溘ａ縺ｮcss 縺薙％縺ｾ縺ｧ
    ===================================*/

    /* 閭梧勹繧ｰ繝ｬ繝ｼ繧ｰ繝ｩ繝��繧ｷ繝ｧ繝ｳ */
    .grade_02 {
        width: 100%;
        background-image: url("../images/smp_grade_02.png");
        background-repeat: repeat-y;
        background-size: 100%;
        background-position: center top;
    }

    /* 繝医ャ繝励リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ */
    .smp_top_navi {
        grid-template-columns: 50% 50%;
        display: grid;
    }

    .smp_top_navi_img {
        width: 100%;
    }

    /* 繝医ャ繝励リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ縲€縺薙％縺ｾ縺ｧ */

    /* 譌･邨後�繝ｬ繧ｼ繝ｳ繝�css */
    .pad22 {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .pad22 a:hover {
        opacity: 1;
    }

    /* 譌･邨後�繝ｬ繧ｼ繝ｳ繝�css縲€縺薙％縺ｾ縺ｧ */

    /* 逡ｪ邨�ｦりｦ� */
    .pad01_06 {
        text-align: center;
        padding: 9% 7% 10%;
    }

    .pad02 {
        color: #FF0004;
        font-size: 80%;
        font-weight: 800;
    }

    .pad03 {
        font-size: 185%;
        font-weight: 700;
        padding-top: 1.5%;
        padding-bottom: 6%;
    }

    .pad20 {
        padding-top: 5%;
        padding-bottom: 8%;
        padding-left: 0;
        padding-right: 0;
    }

    .youtube {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .pad04 {
        font-size: 105%;
        line-height: 230%;
        font-weight: 400;
        padding-top: 1.5%;
        text-align: center;
    }

    .pad09 {
        font-size: 135%;
        font-weight: 500;
    }

    /* 逡ｪ邨�ｦりｦ√€€縺薙％縺ｾ縺ｧ */

    /*==================================
    莉雁屓縺ｮ繝ｪ繝ｼ繝€繝ｼcss
    ===================================*/
    .bg00 {
        width: 100%;
        background-color: #FFFFFF;
    }

    /* 繧ｵ繝悶リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ */
    .grade_01 {
        width: 100%;
        background-image: url("../images/smp_grade_01.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center bottom;
    }

    .grade_03 {
        width: 100%;
        background-image: url("../images/smp_grade_03.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center top;
    }

    .subnavi_01 {
        padding-left: 8%;
        padding-right: 8%;
        padding-top: 10%;
    }

    .subnavi_02 {
        background-color: #000000;
        color: #ffffff;
        text-align: center;
        padding-top: 3%;
        padding-bottom: 3%;
        font-size: 115%;
        font-weight: 500;
    }

    .subnavi_03 {
        padding-bottom: 1%;
    }

    .subnavi_04 {
        width: 41.05011%;
        float: left;
    }

    .subnavi_05 {
        width: 30.90692%;
        float: left;
    }

    .subnavi_06 {
        width: 28.04295%;
        float: left;
    }

    /* 繧ｵ繝悶リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ縲€縺薙％縺ｾ縺ｧ */

    .pad01_02 {
        text-align: center;
        padding-top: 10%;
        padding-bottom: 10%;
        padding-left: 8%;
        padding-right: 8%;
    }

    .pad08 {
        padding-top: 5%;
        padding-left: 0;
        padding-right: 0;
    }

    .pad05 {
        font-size: 105%;
        font-weight: 400;
        padding-top: 8%;
    }

    .pad06 {
        font-size: 280%;
        font-weight: 700;
        padding-top: 0.5%;
    }

    .pad07 {
        font-size: 105%;
        font-weight: 400;
        padding-top: 0.8%;
    }

    .pad04_02 {
        font-size: 105%;
        line-height: 205%;
        font-weight: 400;
        padding-top: 7%;
        text-align: center;
    }

    /*==================================
    莉雁屓縺ｮ繝ｪ繝ｼ繝€繝ｼcss 縺薙％縺ｾ縺ｧ
    ===================================*/


    /*==================================
    蜀�ｮｹ邏ｹ莉議ss
    ===================================*/
    .pad01 {
        text-align: center;
        padding-top: 10%;
        padding-bottom: 10%;
        padding-left: 8%;
        padding-right: 8%;
    }

    .pad10 {
        padding-top: 5%;
        padding-left: 1%;
        padding-right: 1%;
    }

    .pad11 {
        width: 100%;
    }

    .pad12 {
        width: 100%;
    }

    .pad13 {
        padding-top: 9%;
        font-size: 185%;
        font-weight: 700;
        text-align: center;
    }

    .pad14_01 {
        padding-top: 7%;
        padding-bottom: 0;
        font-size: 105%;
        line-height: 205%;
        font-weight: 400;
        text-align: center;
    }

    .pad10_02 {
        padding-top: 10%;
        padding-left: 1%;
        padding-right: 1%;
    }

    .smp_grid {
        display: grid;
    }

    .smp_grid_row {
        grid-row: 2/3;
    }

    .pad13_05 {
        padding-top: 9%;
        font-size: 185%;
        font-weight: 700;
        text-align: center;
    }

    .pad14_05 {
        padding-top: 7%;
        padding-bottom: 0;
        font-size: 105%;
        line-height: 205%;
        font-weight: 400;
        text-align: center;
    }

    .pad01_03 {
        text-align: center;
        padding-top: 10%;
        padding-bottom: 10%;
        padding-left: 8%;
        padding-right: 8%;
    }

    .pad15_01 {
        width: 70%;
        padding-left: 15%;
        padding-right: 15%;
    }

    .pad15_02 {
        width: 70%;
        padding-left: 15%;
        padding-right: 15%;
        padding-top: 10%;
    }

    .pad15_03 {
        width: 70%;
        padding-left: 15%;
        padding-right: 15%;
        padding-top: 10%;
    }

    .pad17 {
        font-size: 100%;
        font-weight: 700;
        text-align: center;
        color: #FF0004;
        padding-top: 7%;
    }

    .pad18 {
        font-size: 150%;
        font-weight: 700;
        text-align: center;
        padding-top: 2%;
    }

    .pad19 {
        font-size: 80%;
        line-height: 170%;
        font-weight: 400;
        text-align: center;
        padding-top: 2%;
    }

    /*==================================
    蜀�ｮｹ邏ｹ莉議ss 縺薙％縺ｾ縺ｧ
    ===================================*/

    /*==================================
    繧ｹ繝壹す繝｣繝ｫ莨∫判css
    ===================================*/

    .pad13_special {
        padding-top: 7%;
        font-size: 185%;
        line-height: 170%;
        font-weight: 700;
        text-align: center;
    }

    .pad14_special {
        padding-top: 4%;
        font-size: 115%;
        line-height: 220%;
        font-weight: 400;
        text-align: left;
    }

    .pad21 {
        padding-top: 5%;
        padding-left: 0;
        padding-right: 0;
    }

    /*==================================
    繧ｹ繝壹す繝｣繝ｫ莨∫判css 縺薙％縺ｾ縺ｧ
    ===================================*/

    /*==================================
    縺薙ｌ縺ｾ縺ｧ縺ｮ謾ｾ騾…ss
    ===================================*/

    .archive_05 {
        padding-top: 10%;
    }

    .archive_01 {
        padding-left: 3.5%;
        padding-right: 3.5%;
        padding-top: 1%;
        padding-bottom: 0%;
    }

    .archive_01 a:hover {
        opacity: 0.7;
    }

    .archive_grid {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-column-gap: 1.5%;
        margin-bottom: 2%;
    }

    .archive_02 {
        padding: 0%;
        margin: 0 5%;
    }

    .archive_00 {
        font-size: 70%;
        font-weight: 300;
        padding-top: 1.5%;
        padding-bottom: 6%;
    }

    .archive_03 {
        font-size: 80%;
        line-height: 180%;
        font-weight: 400;
        padding-top: 2%;
        padding-bottom: 8%;
    }

    .pad25_07 {
        padding-left: 15%;
        padding-right: 15%;
    }

    .pad25_04 {
        width: 100%;
        padding-top: 4%;
        padding-bottom: 0;
    }


    .pad25_05 {
        width: 100%;
        padding-top: 9%;
        padding-bottom: 12%;
    }

    /*==================================
    縺薙ｌ縺ｾ縺ｧ縺ｮ謾ｾ騾…ss 縺薙％縺ｾ縺ｧ
    ===================================*/

    img {
        width: 100%;
        height: auto;
    }


    #page-top {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 40px;
        height: 40px;
        z-index: 89;
    }
}