@charset "UTF-8";
/* ==========================================================
Name:
    module.css

Description:
    サイトで共通使用する汎用モジュール及びページ固有のスタイルを記述する
    汎用モジュールは、アルファベット降順(A->Z)に記述する
    ページ固有のスタイルは、ディレクトリ名のアルファベット降順(A->Z)、
    ファイル名のアルファベット降順(A->Z)にそれぞれ記述する

Contents:
    margin
    hide
    module
    page
========================================================== */
/* ==========================================================
*
*   padding
*
========================================================== */
/* ---------------------------------------------
*   padding-top
--------------------------------------------- */
.pdt-pc--0 {
    padding-top: 0 !important;
}

.pdt-pc--5 {
    padding-top: 5px !important;
}

.pdt-pc--10 {
    padding-top: 10px !important;
}

.pdt-pc--15 {
    padding-top: 15px !important;
}

.pdt-pc--20 {
    padding-top: 20px !important;
}

.pdt-pc--25 {
    padding-top: 25px !important;
}

.pdt-pc--30 {
    padding-top: 30px !important;
}

.pdt-pc--35 {
    padding-top: 35px !important;
}

.pdt-pc--40 {
    padding-top: 40px !important;
}

.pdt-pc--45 {
    padding-top: 45px !important;
}

.pdt-pc--50 {
    padding-top: 50px !important;
}

.pdt-pc--55 {
    padding-top: 55px !important;
}

.pdt-pc--60 {
    padding-top: 60px !important;
}

.pdt-pc--65 {
    padding-top: 65px !important;
}

.pdt-pc--70 {
    padding-top: 70px !important;
}

.pdt-pc--75 {
    padding-top: 75px !important;
}

.pdt-pc--80 {
    padding-top: 80px !important;
}

.pdt-pc--85 {
    padding-top: 85px !important;
}

.pdt-pc--90 {
    padding-top: 90px !important;
}

.pdt-pc--95 {
    padding-top: 95px !important;
}

.pdt-pc--100 {
    padding-top: 100px !important;
}

.pdt-pc--105 {
    padding-top: 105px !important;
}

.pdt-pc--110 {
    padding-top: 110px !important;
}

.pdt-pc--115 {
    padding-top: 115px !important;
}

.pdt-pc--120 {
    padding-top: 120px !important;
}

.pdt-pc--125 {
    padding-top: 125px !important;
}

.pdt-pc--130 {
    padding-top: 130px !important;
}

.pdt-pc--135 {
    padding-top: 135px !important;
}

.pdt-pc--140 {
    padding-top: 140px !important;
}

.pdt-pc--145 {
    padding-top: 145px !important;
}

.pdt-pc--150 {
    padding-top: 150px !important;
}

.pdt-pc--155 {
    padding-top: 155px !important;
}

.pdt-pc--160 {
    padding-top: 160px !important;
}

.pdt-pc--165 {
    padding-top: 165px !important;
}

.pdt-pc--170 {
    padding-top: 170px !important;
}

.pdt-pc--175 {
    padding-top: 175px !important;
}

.pdt-pc--180 {
    padding-top: 180px !important;
}

.pdt-pc--185 {
    padding-top: 185px !important;
}

.pdt-pc--190 {
    padding-top: 190px !important;
}

.pdt-pc--195 {
    padding-top: 195px !important;
}

.pdt-pc--200 {
    padding-top: 200px !important;
}

.pdt-pc--205 {
    padding-top: 205px !important;
}

.pdt-pc--210 {
    padding-top: 210px !important;
}

.pdt-pc--215 {
    padding-top: 215px !important;
}

.pdt-pc--220 {
    padding-top: 220px !important;
}

.pdt-pc--225 {
    padding-top: 225px !important;
}

.pdt-pc--230 {
    padding-top: 230px !important;
}

.pdt-pc--235 {
    padding-top: 235px !important;
}

.pdt-pc--240 {
    padding-top: 240px !important;
}

.pdt-pc--245 {
    padding-top: 245px !important;
}

.pdt-pc--250 {
    padding-top: 250px !important;
}

@media screen and (max-width: 979px) {
    .pdt-sp--0 {
        padding-top: 0 !important;
    }
    .pdt-sp--5 {
        padding-top: 0.66667vw !important;
    }
    .pdt-sp--10 {
        padding-top: 1.33333vw !important;
    }
    .pdt-sp--15 {
        padding-top: 2vw !important;
    }
    .pdt-sp--20 {
        padding-top: 2.66667vw !important;
    }
    .pdt-sp--25 {
        padding-top: 3.33333vw !important;
    }
    .pdt-sp--30 {
        padding-top: 4vw !important;
    }
    .pdt-sp--35 {
        padding-top: 4.66667vw !important;
    }
    .pdt-sp--40 {
        padding-top: 5.33333vw !important;
    }
    .pdt-sp--45 {
        padding-top: 6vw !important;
    }
    .pdt-sp--50 {
        padding-top: 6.66667vw !important;
    }
    .pdt-sp--55 {
        padding-top: 7.33333vw !important;
    }
    .pdt-sp--60 {
        padding-top: 8vw !important;
    }
    .pdt-sp--65 {
        padding-top: 8.66667vw !important;
    }
    .pdt-sp--70 {
        padding-top: 9.33333vw !important;
    }
    .pdt-sp--75 {
        padding-top: 10vw !important;
    }
    .pdt-sp--80 {
        padding-top: 10.66667vw !important;
    }
    .pdt-sp--85 {
        padding-top: 11.33333vw !important;
    }
    .pdt-sp--90 {
        padding-top: 12vw !important;
    }
    .pdt-sp--95 {
        padding-top: 12.66667vw !important;
    }
    .pdt-sp--100 {
        padding-top: 13.33333vw !important;
    }
    .pdt-sp--105 {
        padding-top: 14vw !important;
    }
    .pdt-sp--110 {
        padding-top: 14.66667vw !important;
    }
    .pdt-sp--115 {
        padding-top: 15.33333vw !important;
    }
    .pdt-sp--120 {
        padding-top: 16vw !important;
    }
    .pdt-sp--125 {
        padding-top: 16.66667vw !important;
    }
    .pdt-sp--130 {
        padding-top: 17.33333vw !important;
    }
    .pdt-sp--135 {
        padding-top: 18vw !important;
    }
    .pdt-sp--140 {
        padding-top: 18.66667vw !important;
    }
    .pdt-sp--145 {
        padding-top: 19.33333vw !important;
    }
    .pdt-sp--150 {
        padding-top: 20vw !important;
    }
    .pdt-sp--155 {
        padding-top: 20.66667vw !important;
    }
    .pdt-sp--160 {
        padding-top: 21.33333vw !important;
    }
    .pdt-sp--165 {
        padding-top: 22vw !important;
    }
    .pdt-sp--170 {
        padding-top: 22.66667vw !important;
    }
    .pdt-sp--175 {
        padding-top: 23.33333vw !important;
    }
    .pdt-sp--180 {
        padding-top: 24vw !important;
    }
    .pdt-sp--185 {
        padding-top: 24.66667vw !important;
    }
    .pdt-sp--190 {
        padding-top: 25.33333vw !important;
    }
    .pdt-sp--195 {
        padding-top: 26vw !important;
    }
    .pdt-sp--200 {
        padding-top: 26.66667vw !important;
    }
    .pdt-sp--205 {
        padding-top: 27.33333vw !important;
    }
    .pdt-sp--210 {
        padding-top: 28vw !important;
    }
    .pdt-sp--215 {
        padding-top: 28.66667vw !important;
    }
    .pdt-sp--220 {
        padding-top: 29.33333vw !important;
    }
    .pdt-sp--225 {
        padding-top: 30vw !important;
    }
    .pdt-sp--230 {
        padding-top: 30.66667vw !important;
    }
    .pdt-sp--235 {
        padding-top: 31.33333vw !important;
    }
    .pdt-sp--240 {
        padding-top: 32vw !important;
    }
    .pdt-sp--245 {
        padding-top: 32.66667vw !important;
    }
    .pdt-sp--250 {
        padding-top: 33.33333vw !important;
    }
}

/* ---------------------------------------------
*   padding-bottom
--------------------------------------------- */
.pdb-pc--0 {
    padding-bottom: 0 !important;
}

.pdb-pc--5 {
    padding-bottom: 5px !important;
}

.pdb-pc--10 {
    padding-bottom: 10px !important;
}

.pdb-pc--15 {
    padding-bottom: 15px !important;
}

.pdb-pc--20 {
    padding-bottom: 20px !important;
}

.pdb-pc--25 {
    padding-bottom: 25px !important;
}

.pdb-pc--30 {
    padding-bottom: 30px !important;
}

.pdb-pc--35 {
    padding-bottom: 35px !important;
}

.pdb-pc--40 {
    padding-bottom: 40px !important;
}

.pdb-pc--45 {
    padding-bottom: 45px !important;
}

.pdb-pc--50 {
    padding-bottom: 50px !important;
}

.pdb-pc--55 {
    padding-bottom: 55px !important;
}

.pdb-pc--60 {
    padding-bottom: 60px !important;
}

.pdb-pc--65 {
    padding-bottom: 65px !important;
}

.pdb-pc--70 {
    padding-bottom: 70px !important;
}

.pdb-pc--75 {
    padding-bottom: 75px !important;
}

.pdb-pc--80 {
    padding-bottom: 80px !important;
}

.pdb-pc--85 {
    padding-bottom: 85px !important;
}

.pdb-pc--90 {
    padding-bottom: 90px !important;
}

.pdb-pc--95 {
    padding-bottom: 95px !important;
}

.pdb-pc--100 {
    padding-bottom: 100px !important;
}

.pdb-pc--105 {
    padding-bottom: 105px !important;
}

.pdb-pc--110 {
    padding-bottom: 110px !important;
}

.pdb-pc--115 {
    padding-bottom: 115px !important;
}

.pdb-pc--120 {
    padding-bottom: 120px !important;
}

.pdb-pc--125 {
    padding-bottom: 125px !important;
}

.pdb-pc--130 {
    padding-bottom: 130px !important;
}

.pdb-pc--135 {
    padding-bottom: 135px !important;
}

.pdb-pc--140 {
    padding-bottom: 140px !important;
}

.pdb-pc--145 {
    padding-bottom: 145px !important;
}

.pdb-pc--150 {
    padding-bottom: 150px !important;
}

.pdb-pc--155 {
    padding-bottom: 155px !important;
}

.pdb-pc--160 {
    padding-bottom: 160px !important;
}

.pdb-pc--165 {
    padding-bottom: 165px !important;
}

.pdb-pc--170 {
    padding-bottom: 170px !important;
}

.pdb-pc--175 {
    padding-bottom: 175px !important;
}

.pdb-pc--180 {
    padding-bottom: 180px !important;
}

.pdb-pc--185 {
    padding-bottom: 185px !important;
}

.pdb-pc--190 {
    padding-bottom: 190px !important;
}

.pdb-pc--195 {
    padding-bottom: 195px !important;
}

.pdb-pc--200 {
    padding-bottom: 200px !important;
}

.pdb-pc--205 {
    padding-bottom: 205px !important;
}

.pdb-pc--210 {
    padding-bottom: 210px !important;
}

.pdb-pc--215 {
    padding-bottom: 215px !important;
}

.pdb-pc--220 {
    padding-bottom: 220px !important;
}

.pdb-pc--225 {
    padding-bottom: 225px !important;
}

.pdb-pc--230 {
    padding-bottom: 230px !important;
}

.pdb-pc--235 {
    padding-bottom: 235px !important;
}

.pdb-pc--240 {
    padding-bottom: 240px !important;
}

.pdb-pc--245 {
    padding-bottom: 245px !important;
}

.pdb-pc--250 {
    padding-bottom: 250px !important;
}

@media screen and (max-width: 979px) {
    .pdb-sp--0 {
        padding-bottom: 0 !important;
    }
    .pdb-sp--5 {
        padding-bottom: 0.66667vw !important;
    }
    .pdb-sp--10 {
        padding-bottom: 1.33333vw !important;
    }
    .pdb-sp--15 {
        padding-bottom: 2vw !important;
    }
    .pdb-sp--20 {
        padding-bottom: 2.66667vw !important;
    }
    .pdb-sp--25 {
        padding-bottom: 3.33333vw !important;
    }
    .pdb-sp--30 {
        padding-bottom: 4vw !important;
    }
    .pdb-sp--35 {
        padding-bottom: 4.66667vw !important;
    }
    .pdb-sp--40 {
        padding-bottom: 5.33333vw !important;
    }
    .pdb-sp--45 {
        padding-bottom: 6vw !important;
    }
    .pdb-sp--50 {
        padding-bottom: 6.66667vw !important;
    }
    .pdb-sp--55 {
        padding-bottom: 7.33333vw !important;
    }
    .pdb-sp--60 {
        padding-bottom: 8vw !important;
    }
    .pdb-sp--65 {
        padding-bottom: 8.66667vw !important;
    }
    .pdb-sp--70 {
        padding-bottom: 9.33333vw !important;
    }
    .pdb-sp--75 {
        padding-bottom: 10vw !important;
    }
    .pdb-sp--80 {
        padding-bottom: 10.66667vw !important;
    }
    .pdb-sp--85 {
        padding-bottom: 11.33333vw !important;
    }
    .pdb-sp--90 {
        padding-bottom: 12vw !important;
    }
    .pdb-sp--95 {
        padding-bottom: 12.66667vw !important;
    }
    .pdb-sp--100 {
        padding-bottom: 13.33333vw !important;
    }
    .pdb-sp--105 {
        padding-bottom: 14vw !important;
    }
    .pdb-sp--110 {
        padding-bottom: 14.66667vw !important;
    }
    .pdb-sp--115 {
        padding-bottom: 15.33333vw !important;
    }
    .pdb-sp--120 {
        padding-bottom: 16vw !important;
    }
    .pdb-sp--125 {
        padding-bottom: 16.66667vw !important;
    }
    .pdb-sp--130 {
        padding-bottom: 17.33333vw !important;
    }
    .pdb-sp--135 {
        padding-bottom: 18vw !important;
    }
    .pdb-sp--140 {
        padding-bottom: 18.66667vw !important;
    }
    .pdb-sp--145 {
        padding-bottom: 19.33333vw !important;
    }
    .pdb-sp--150 {
        padding-bottom: 20vw !important;
    }
    .pdb-sp--155 {
        padding-bottom: 20.66667vw !important;
    }
    .pdb-sp--160 {
        padding-bottom: 21.33333vw !important;
    }
    .pdb-sp--165 {
        padding-bottom: 22vw !important;
    }
    .pdb-sp--170 {
        padding-bottom: 22.66667vw !important;
    }
    .pdb-sp--175 {
        padding-bottom: 23.33333vw !important;
    }
    .pdb-sp--180 {
        padding-bottom: 24vw !important;
    }
    .pdb-sp--185 {
        padding-bottom: 24.66667vw !important;
    }
    .pdb-sp--190 {
        padding-bottom: 25.33333vw !important;
    }
    .pdb-sp--195 {
        padding-bottom: 26vw !important;
    }
    .pdb-sp--200 {
        padding-bottom: 26.66667vw !important;
    }
    .pdb-sp--205 {
        padding-bottom: 27.33333vw !important;
    }
    .pdb-sp--210 {
        padding-bottom: 28vw !important;
    }
    .pdb-sp--215 {
        padding-bottom: 28.66667vw !important;
    }
    .pdb-sp--220 {
        padding-bottom: 29.33333vw !important;
    }
    .pdb-sp--225 {
        padding-bottom: 30vw !important;
    }
    .pdb-sp--230 {
        padding-bottom: 30.66667vw !important;
    }
    .pdb-sp--235 {
        padding-bottom: 31.33333vw !important;
    }
    .pdb-sp--240 {
        padding-bottom: 32vw !important;
    }
    .pdb-sp--245 {
        padding-bottom: 32.66667vw !important;
    }
    .pdb-sp--250 {
        padding-bottom: 33.33333vw !important;
    }
}

/* ==========================================================
*
*   margin
*
========================================================== */
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 979px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: 0.66667vw !important;
    }
    .mgt-sp--10 {
        margin-top: 1.33333vw !important;
    }
    .mgt-sp--15 {
        margin-top: 2vw !important;
    }
    .mgt-sp--20 {
        margin-top: 2.66667vw !important;
    }
    .mgt-sp--25 {
        margin-top: 3.33333vw !important;
    }
    .mgt-sp--30 {
        margin-top: 4vw !important;
    }
    .mgt-sp--35 {
        margin-top: 4.66667vw !important;
    }
    .mgt-sp--40 {
        margin-top: 5.33333vw !important;
    }
    .mgt-sp--45 {
        margin-top: 6vw !important;
    }
    .mgt-sp--50 {
        margin-top: 6.66667vw !important;
    }
    .mgt-sp--55 {
        margin-top: 7.33333vw !important;
    }
    .mgt-sp--60 {
        margin-top: 8vw !important;
    }
    .mgt-sp--65 {
        margin-top: 8.66667vw !important;
    }
    .mgt-sp--70 {
        margin-top: 9.33333vw !important;
    }
    .mgt-sp--75 {
        margin-top: 10vw !important;
    }
    .mgt-sp--80 {
        margin-top: 10.66667vw !important;
    }
    .mgt-sp--85 {
        margin-top: 11.33333vw !important;
    }
    .mgt-sp--90 {
        margin-top: 12vw !important;
    }
    .mgt-sp--95 {
        margin-top: 12.66667vw !important;
    }
    .mgt-sp--100 {
        margin-top: 13.33333vw !important;
    }
    .mgt-sp--105 {
        margin-top: 14vw !important;
    }
    .mgt-sp--110 {
        margin-top: 14.66667vw !important;
    }
    .mgt-sp--115 {
        margin-top: 15.33333vw !important;
    }
    .mgt-sp--120 {
        margin-top: 16vw !important;
    }
    .mgt-sp--125 {
        margin-top: 16.66667vw !important;
    }
    .mgt-sp--130 {
        margin-top: 17.33333vw !important;
    }
    .mgt-sp--135 {
        margin-top: 18vw !important;
    }
    .mgt-sp--140 {
        margin-top: 18.66667vw !important;
    }
    .mgt-sp--145 {
        margin-top: 19.33333vw !important;
    }
    .mgt-sp--150 {
        margin-top: 20vw !important;
    }
    .mgt-sp--155 {
        margin-top: 20.66667vw !important;
    }
    .mgt-sp--160 {
        margin-top: 21.33333vw !important;
    }
    .mgt-sp--165 {
        margin-top: 22vw !important;
    }
    .mgt-sp--170 {
        margin-top: 22.66667vw !important;
    }
    .mgt-sp--175 {
        margin-top: 23.33333vw !important;
    }
    .mgt-sp--180 {
        margin-top: 24vw !important;
    }
    .mgt-sp--185 {
        margin-top: 24.66667vw !important;
    }
    .mgt-sp--190 {
        margin-top: 25.33333vw !important;
    }
    .mgt-sp--195 {
        margin-top: 26vw !important;
    }
    .mgt-sp--200 {
        margin-top: 26.66667vw !important;
    }
    .mgt-sp--205 {
        margin-top: 27.33333vw !important;
    }
    .mgt-sp--210 {
        margin-top: 28vw !important;
    }
    .mgt-sp--215 {
        margin-top: 28.66667vw !important;
    }
    .mgt-sp--220 {
        margin-top: 29.33333vw !important;
    }
    .mgt-sp--225 {
        margin-top: 30vw !important;
    }
    .mgt-sp--230 {
        margin-top: 30.66667vw !important;
    }
    .mgt-sp--235 {
        margin-top: 31.33333vw !important;
    }
    .mgt-sp--240 {
        margin-top: 32vw !important;
    }
    .mgt-sp--245 {
        margin-top: 32.66667vw !important;
    }
    .mgt-sp--250 {
        margin-top: 33.33333vw !important;
    }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 979px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 0.66667vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 1.33333vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 2vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 2.66667vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 3.33333vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 4vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 4.66667vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 5.33333vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 6vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 6.66667vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 7.33333vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 8vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 8.66667vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 9.33333vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 10vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 10.66667vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 11.33333vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 12vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 12.66667vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 13.33333vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 14vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 14.66667vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 15.33333vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 16vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 16.66667vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 17.33333vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 18vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 18.66667vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 19.33333vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 20vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 20.66667vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 21.33333vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 22vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 22.66667vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 23.33333vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 24vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 24.66667vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 25.33333vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 26vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 26.66667vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 27.33333vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 28vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 28.66667vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 29.33333vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 30vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 30.66667vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 31.33333vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 32vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 32.66667vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 33.33333vw !important;
    }
}

/* ==========================================================
*
*   hide
*
========================================================== */
@media screen and (min-width: 980px) {
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 979px) {
    .sp-hide {
        display: none !important;
    }
}

/* ==========================================================
*
*   ellipsis
*
========================================================== */
@media screen and (min-width: 980px) {
    .pc-ellipsis {
        display: inline-block;
        overflow: hidden;
        max-width: 1.5ex;
        vertical-align: text-bottom;
        white-space: nowrap;
        word-wrap: normal;
    }
    .pc-ellipsis::before {
        content: '...';
    }
}

@media screen and (max-width: 979px) {
    .sp-ellipsis {
        display: inline-block;
        overflow: hidden;
        max-width: 1.5ex;
        vertical-align: text-bottom;
        white-space: nowrap;
        word-wrap: normal;
    }
    .sp-ellipsis::before {
        content: '...';
    }
}

/* ==========================================================
*
*   module
*
========================================================== */
/* ---------------------------------------------
*   forms
--------------------------------------------- */
.forms__section {
    margin-top: 60px;
    padding-bottom: 20px;
}

.forms__section-title {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d6dedc;
    text-align: center;
    font-weight: bold;
    font-size: 1.375rem;
}

.forms__error {
    margin-top: 10px;
    color: #f36f21;
    line-height: 1.75;
}

.forms__error-link {
    text-decoration: underline;
}

.forms__error-link:hover {
    text-decoration: none;
}

.forms__text-confirm {
    margin-top: 70px;
    text-align: center;
}

.forms__text-bold {
    font-weight: bold;
}

.forms__button-submit {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 5px;
    padding: 25px 0;
    min-width: 230px;
    width: auto;
    height: 68px;
    border: 1px solid #39c8ec;
    border-radius: 2px;
    border-radius: 4px;
    background-color: #39c8ec;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.0;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity 0.3s;
}

.forms__button-submit:hover {
    text-decoration: none;
    opacity: 0.8;
}

@media screen and (max-width: 979px) {
    .forms__button-submit:hover {
        opacity: 1;
    }
}

.forms__button-submit--flexible {
    padding-right: 1.0em;
    padding-left: 1.0em;
    width: auto;
}

.forms__button-submit--arrow {
    position: relative;
    top: -1.3rem;
    right: 1.2rem;
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 1.5rem;
}

@media screen and (max-width: 979px) {
    .forms__section {
        margin-top: 8vw;
        padding-bottom: 2.66667vw;
    }
    .forms__section-title {
        margin-top: 5.33333vw;
        margin-bottom: 5.33333vw;
        padding-bottom: 4vw;
        font-size: 1rem;
    }
    .forms__error {
        margin-top: 1.33333vw;
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .forms__error-link:hover {
        text-decoration: underline;
    }
    .forms__text-confirm {
        margin-top: 7.33333vw;
        text-align: center;
        letter-spacing: -.05em;
        font-size: 0.875rem;
    }
    .forms__button-submit {
        margin: 0;
        padding: 4.13333vw 0;
        width: 100%;
        height: 12.53333vw;
        font-size: 1rem;
    }
    .forms__button-submit + .forms__button-submit {
        margin: 1.33333vw 0 0;
    }
}

/* -- ie11 -- */
.ie11 .forms__button-submit {
    padding-top: 28px;
    padding-bottom: 20px;
}

/*  forms-head
--------------------------------------------- */
.forms-head {
    margin-bottom: 20px;
}

.forms-head .forms__error {
    margin-top: 20px;
}

@media screen and (max-width: 979px) {
    .forms-head {
        margin-bottom: 2.66667vw;
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
    .forms-head .forms__error {
        margin-top: 2.66667vw;
    }
}

/*  forms-body
--------------------------------------------- */
/*  forms-foot
--------------------------------------------- */
.forms-foot__buttons {
    margin-top: 35px;
    text-align: center;
}

.forms-foot__buttons--onlyk28 {
    padding-left: 35px;
    text-align: left;
}

.forms-foot__boxcenter {
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    width: 490px;
}

.forms-foot__boxcenter:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 979px) {
    .forms-foot__boxcenter {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
        width: auto;
    }
}

@media screen and (max-width: 979px) {
    .forms-foot {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
    .forms-foot__buttons {
        margin-top: 4vw;
        text-align: center;
    }
    .forms-foot__buttons--onlyk28 {
        padding-left: 0;
        text-align: center;
    }
}

/*  forms-table
--------------------------------------------- */
.forms-table {
    width: 100%;
}

.forms-table__row-head, .forms-table__row-body {
    box-sizing: border-box;
    border-top: 1px solid #d6dedc;
    border-bottom: 1px solid #d6dedc;
}

.forms-table__row-head {
    padding: 30px 0 30px 45px;
    width: 200px;
    background-color: #f2f5f6;
    vertical-align: top;
    letter-spacing: .1em;
}

.forms-table__row-head--bg {
    background-color: #DAE1E5;
}

@media screen and (max-width: 979px) {
    .forms-table__row-head-text {
        font-size: 0.625rem;
    }
}

.forms-table__row-body {
    overflow: hidden;
    padding: 15px 15px 15px 30px;
}

.forms-table__row-body--padding {
    padding: 18px 15px 18px 30px;
    line-height: 3rem;
}

.forms-table__row-body--bg {
    border-left: 1px solid #fff;
    background-color: #DAE1E5;
}

.forms-table__row-body--padclear {
    padding: 0;
}

.forms-table__row-body-ok {
    display: none;
    overflow: hidden;
    padding: 15px 15px 15px 30px;
}

.forms-table__row-body-ng {
    display: none;
    overflow: hidden;
    padding: 15px 15px 15px 30px;
}

.forms-table__row-common, .forms-table__row-ok {
    display: none;
}

.forms-table__row-box {
    line-height: 3rem;
}

.forms-table__row-box--float {
    float: left;
}

.forms-table__row-small {
    margin-top: 30px;
    margin-bottom: 15px;
    padding-top: 30px;
    border-top: 1px solid #d6dedc;
}

.forms-table__row-small:after {
    display: block;
    clear: both;
    content: "";
}

.forms-table__row-small:first-child {
    margin-top: 0;
    padding-top: 15px;
    border-top: 0;
}

.forms-table__row-small--font-weight {
    margin-top: 5px;
    padding-top: 8px;
}

.forms-table__row-small-head {
    margin-bottom: 8px;
    letter-spacing: .1em;
}

.forms-table__row-small-head--addpadding {
    padding: 10px 0;
}

.forms-table__row-small-bottom {
    clear: both;
    padding-top: 5px;
    padding-left: 10px;
    height: 35px;
}

.forms-table__row-small--float-left {
    float: left;
}

.forms-table__row-small--float-right {
    float: right;
}

.forms-table__row-small--border-none {
    margin: 0;
    padding: 0;
    border-top: none;
}

.forms-table__row-small--link {
    text-decoration: underline;
}

.forms-table__row-small--link:hover {
    text-decoration: none;
}

.forms-table__row-small--display-table {
    display: table;
    padding: 10px;
    width: 100%;
}

.forms-table__row-small--tabel-cell-left {
    display: table-cell;
    width: 30%;
}

.forms-table__row-small--tabel-cell-right {
    display: table-cell;
    width: 70%;
}

.forms-table__row-small-body:after {
    display: block;
    clear: both;
    content: "";
}

.forms-table__row-small-body + .forms-table__row-small-body,
.forms-table__row-small-body + .forms-table__row-small-head + .forms-table__row-small-body {
    margin-top: 20px;
}

.forms-table__row-column {
    float: left;
    width: 290px;
}

.forms-table__row-column + .forms-table__row-column {
    margin-left: 30px;
}

.forms-table__row-column + .forms-table__row-column + .forms-table__row-column {
    margin-left: 10px;
    width: 90px;
}

.forms-table__input {
    box-sizing: border-box;
    padding: 14px 12px;
    height: 46px;
    border-radius: 4px;
    vertical-align: top;
    font-size: 1rem;
    line-height: 1.0;
}

.forms-table__input--three-quarters {
    width: 79%;
}

.forms-table__input--unique {
    margin: 10px;
    width: 80%;
}

.forms-table__input--gakunen {
    margin-right: 4px;
    margin-left: 4px;
    width: 20%;
    text-align: center;
}

.forms-table__input--full {
    width: 100%;
}

.forms-table__input--full--wide {
    width: 100%;
    height: 10em;
}

.forms-table__input--pchalf {
    width: 50%;
}

.forms-table__input--290 {
    width: 290px;
}

.forms-table__input--short {
    width: 106px;
}

.forms-table__input--datepick {
    width: 200px;
}

.forms-table__input--short-extra {
    width: 56px;
}

.forms-table__textarea {
    box-sizing: border-box;
    padding: 5px 12px;
    width: 100%;
    height: 100px;
    font-size: 1rem;
}

.forms-table__button {
    display: inline-block;
    box-sizing: border-box;
    width: 90px;
    height: 46px;
    border: 0;
    border-radius: 4px;
    background-color: #979797;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    line-height: 46px;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity 0.3s;
}

.forms-table__button:hover {
    text-decoration: none;
    opacity: 0.8;
}

@media screen and (max-width: 979px) {
    .forms-table__button:hover {
        opacity: 1;
    }
}

.forms-table__label-left {
    margin-right: 8px;
}

.forms-table__label-right {
    margin-left: 8px;
}

.forms-table__text-unit {
    padding: 0 10px;
    vertical-align: bottom;
}

.forms-table__submit {
    width: 18%;
    border-radius: 0;

    -webkit-appearance: none;
}

.forms-table__left {
    float: left;
    padding: 10px;
    width: 150px;
    height: 26px;
    border-right: 1px solid #d6dedc;
    border-bottom: 1px solid #d6dedc;
}

.forms-table__left--head {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.forms-table__right {
    float: left;
    box-sizing: border-box;
    padding: 10px;
    padding-left: 10px;
    width: 78%;
    height: 47px;
    border-bottom: 1px solid #d6dedc;
}

.forms-table__right--head {
    border-right: 1px solid #d6dedc;
    border-bottom: 1px solid #fff;
}

.forms-table input[type="radio"], .forms-table input[type="checkbox"] {
    vertical-align: middle;
}

.forms-table__vertical {
    vertical-align: middle;
}

.forms-table__select {
    height: 40px;
}

@media screen and (min-width: 980px) {
    .forms-table select {
        z-index: 1;
        padding: 14px 12px;
        height: 46px !important;
        border: 0;
        line-height: 1.0;
    }
    .forms-table__select {
        display: block;
        vertical-align: top;
        font-size: 1rem;
    }
    .forms-table__select--full {
        width: 100%;
    }
    .forms-table__select--290 {
        width: 290px;
    }
    .forms-table__select .select-customizedInner {
        padding: 14px 12px;
        height: 46px;
        border-radius: 4px;
        vertical-align: top;
        line-height: 1.0;
    }
}

@media screen and (max-width: 979px) {
    .forms-table {
        table-layout: fixed;
        font-size: 0.875rem;
    }
    .forms-table select {
        background-color: #fff;
    }
    .forms-table__row-head, .forms-table__row-body {
        box-sizing: border-box;
        border-top: 1px solid #d6dedc;
        border-bottom: 1px solid #d6dedc;
    }
    .forms-table__row-head {
        padding: 3.33333vw 0 3.33333vw 5.33333vw;
        width: 28vw;
        background-color: #f2f5f6;
        vertical-align: top;
        letter-spacing: .1em;
    }
    .forms-table__row-body {
        padding: 3.33333vw 4vw 3.33333vw 4vw;
        width: 72vw;
    }
    .forms-table__row-body--padclear {
        padding: 0;
    }
    .forms-table__row-small {
        overflow: hidden;
        margin-top: 4vw;
        margin-bottom: 2vw;
        padding-top: 4vw;
    }
    .forms-table__row-small:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }
    .forms-table__row-small:last-child {
        margin-bottom: 0;
    }
    .forms-table__row-small--font-weight {
        margin-top: 0.66667vw;
        padding-top: 1.06667vw;
    }
    .forms-table__row-small--border-none {
        margin: 0;
        padding: 0;
        border-top: none;
    }
    .forms-table__row-small-head {
        margin-bottom: 1.33333vw;
    }
    .forms-table__row-small-body + .forms-table__row-small-body {
        margin-top: 4vw;
    }
    .forms-table__row-small-body + .forms-table__row-small-head {
        margin-top: 4vw;
    }
    .forms-table__row-small-body + .forms-table__row-small-head + .forms-table__row-small-body {
        margin-top: 0;
    }
    .forms-table__row-small-bottom {
        padding-top: 2.66667vw;
        height: 8vw;
    }
    .forms-table__row-column {
        float: none;
        width: auto;
    }
    .forms-table__row-column + .forms-table__row-column {
        float: left;
        margin-top: 4vw;
        margin-left: 0;
        width: 45.33333vw;
    }
    .forms-table__row-column + .forms-table__row-column + .forms-table__row-column {
        float: left;
        margin-top: 4vw;
        margin-left: 1.33333vw;
        width: 16vw;
    }
    .forms-table__row-column--full-sp {
        width: 100% !important;
    }
    .forms-table__input {
        box-sizing: border-box;
        padding: 3.46667vw 1.33333vw;
        height: 10.66667vw;
        font-size: 0.875rem;
    }
    .forms-table__input--gakunen {
        margin-right: 4px;
        margin-left: 4px;
        width: 10%;
    }
    .forms-table__input--full {
        width: 100%;
    }
    .forms-table__input--290 {
        width: 100%;
    }
    .forms-table__input--short {
        width: 24vw;
    }
    .forms-table__input--datepick {
        width: 42.66667vw;
    }
    .forms-table__input--short-extra {
        padding: 1.33333vw;
        width: 24vw;
    }
    .forms-table__textarea {
        font-size: 0.875rem;
    }
    .forms-table__select {
        font-size: 0.875rem;
    }
    .forms-table__select--full {
        width: 100%;
    }
    .forms-table__select--290 {
        width: 100%;
    }
    .forms-table__button {
        display: block;
        padding-right: 0;
        padding-left: 0;
        width: 100%;
        height: 10.66667vw;
        font-size: 0.875rem;
        line-height: 10.66667vw;
    }
    .forms-table__text-unit {
        padding: 0 0.66667vw;
    }
    .forms-table__submit {
        border-radius: 0;

        webkit-appearance: none;
    }
    .forms-table__left {
        box-sizing: border-box;
        margin-bottom: 0;
        padding: 5px;
        padding-top: 3.33333vw;
        width: 50%;
        height: 12vw;
        text-align: center;
    }
    .forms-table__right {
        box-sizing: border-box;
        padding: 5px;
        padding-top: 3.33333vw;
        padding-left: 10px;
        width: 50%;
        height: 12vw;
        text-align: center;
    }
}

/* -- ie11 -- */
.ie11 .forms-table__select .select-customizedInner {
    padding-top: 18px;
    padding-bottom: 10px;
}

.ie11 .forms-table__input:-ms-input-placeholder {
    padding-top: 18px;
}

/* -- safari -- */
.safari .forms-table__input {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 46px;
}

@media screen and (max-width: 979px) {
    .safari .forms-table__input {
        line-height: 10.6667vw;
    }
}

/*  forms-description
--------------------------------------------- */
.forms-description {
    counter-reset: number;
}

@media screen and (max-width: 979px) {
    .forms-description {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
}

.forms-description__title {
    font-weight: bold;
}

.forms-description__text--red {
    color: #f36f21;
}

.forms-description__text--download {
    font-size: 0.875rem;
}

.forms-description__text--contact {
    padding-left: 1.2rem;
}

.forms-description__number {
    padding-left: 1.2rem;
    list-style-type: decimal;
}

.forms-description__text-link {
    text-decoration: underline;
}

.forms-description__text-link:hover {
    text-decoration: none;
}

.forms-description__text-box {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 15px 10px 15px 15px;
    width: 364px;
    border: 1px solid #d6dedc;
}

@media screen and (max-width: 979px) {
    .forms-description__text-box {
        width: 68.66667vw;
    }
}

.forms-description__center {
    text-align: center;
}

.forms-description__label {
    display: inline-block;
    padding-top: 10px;
}

.forms-description__input, .forms-description__input-text {
    vertical-align: middle;
}

.forms-description__link {
    display: none;
    margin: 0 auto;
    padding-top: 20px;
    width: 74.66667vw;
}

.forms-description__link.show {
    display: block;
}

.forms-description__link-list {
    text-decoration: underline;
}

@media screen and (max-width: 979px) {
    .forms-description__link-list {
        line-height: 2.5rem;
    }
}

.forms-description__link-list:hover {
    text-decoration: none;
}

.forms-description__link-lists {
    list-style-type: disc;
}

/* ---------------------------------------------
*   grid-list
--------------------------------------------- */
.grid-list {
    overflow: hidden;
}

.grid-list--two .grid-list__list-item {
    width: 50%;
}

.grid-list--two .grid-list__list-item:nth-child(2n+1) {
    border-left: 0;
}

.grid-list--three .grid-list__list-item {
    width: calc((100% - 1px) / 3);
}

.grid-list--three .grid-list__list-item:nth-child(3n+1) {
    border-left: 0;
}

.grid-list--border .grid-list__list-item {
    box-sizing: border-box;
    border-left: 1px solid #d6dedc;
}

.grid-list__list-item {
    display: block;
    float: left;
}

@media screen and (max-width: 979px) {
    .grid-list--two .grid-list__list-item {
        width: auto;
    }
    .grid-list--two .grid-list__list-item:nth-child(2n+1) {
        border-top: 0;
        border-left: 0;
    }
    .grid-list--three .grid-list__list-item {
        width: auto;
    }
    .grid-list--three .grid-list__list-item:nth-child(3n+1) {
        border-left: 0;
    }
    .grid-list--border .grid-list__list-item {
        border-top: 1px solid #d6dedc;
        border-left: 0;
    }
    .grid-list__list-item {
        float: none;
    }
}

/*  a link
--------------------------------------------- */
a.grid-list__list-item {
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

a.grid-list__list-item:hover {
    background-color: #eefbfe;
}

@media screen and (max-width: 979px) {
    a.grid-list__list-item:hover {
        background-color: #fff;
    }
}

/* ---------------------------------------------
*   guide-banner
--------------------------------------------- */
.guide-banner {
    display: table;
    padding: 19px 78px 19px 19px;
    height: 78px;
    border: 1px solid #d6dedc;
    background-position: 900px 50%;
    background-size: 33px auto;
    background-repeat: no-repeat;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.guide-banner:hover {
    background-color: #eefbfe;
}

.guide-banner--orange {
    background-image: url(../img/common/arrow_right_orange.png);
}

.guide-banner--orange .guide-banner__head {
    background-color: #f36f21;
    color: #fff;
}

.guide-banner__head, .guide-banner__body {
    display: table-cell;
    vertical-align: middle;
}

.guide-banner__head {
/* 2018/10/18 T.Kurita 表示幅拡大のため修正 ↓*/
/*
    width: 305px;
*/
    width: 320px;
/* 2018/10/18 				    ↑*/
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
}

.guide-banner__head--hand:before {
    width: 36px;
    height: 39px;
    background-image: url(../img/icon/hand.png);
}

.guide-banner__head:before {
    display: inline-block;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    vertical-align: middle;
}

.guide-banner__head-text {
    vertical-align: middle;
}

.guide-banner__body {
    padding-left: 30px;
}

@media screen and (max-width: 979px) {
    .guide-banner {
        display: block;
        padding: 0 5.33333vw;
        height: auto;
        border: 0;
        background: none;
    }
    .guide-banner:hover {
        background-color: #eefbfe;
    }
    .guide-banner--orange {
        background-image: none;
    }
    .guide-banner--orange .guide-banner__head {
        background-color: #f36f21;
        color: #fff;
    }
    .guide-banner__head, .guide-banner__body {
        display: block;
    }
    .guide-banner__head {
        padding: 1.33333vw;
        width: auto;
        background: url(../img/common/arrow_right_white.png) 81.333vw 50% no-repeat;
        background-size: 4.4vw auto;
        font-size: 1.0625rem;
    }
    .guide-banner__head--hand:before {
        width: 6.66667vw;
        height: 7.46667vw;
    }
    .guide-banner__head:before {
        margin-right: 1.33333vw;
    }
    .guide-banner__body {
        padding-top: 4vw;
        padding-left: 0;
        font-size: 0.875rem;
    }
}

/* -- ie11 -- */
.ie11 .guide-banner__head-text {
    display: inline-block;
    padding-top: 6px;
}

.ie11 .guide-banner__body {
    padding-top: 6px;
}

/* ---------------------------------------------
*   heading-balloon
--------------------------------------------- */
.heading-balloon {
    padding-bottom: 22px;
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
}

.heading-balloon--blue {
    color: #39c8ec;
}

.heading-balloon--blue .heading-balloon__outer {
    border-bottom-color: #39c8ec;
}

.heading-balloon--blue .heading-balloon__outer:before {
    border-left-color: #39c8ec;
}

.heading-balloon__outer {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    background-color: #fff;
}

.heading-balloon__outer:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: -5px;
    width: 23px;
    height: 32px;
    background: url(../img/common/balloon.png) 0 0 no-repeat;
    background-size: contain;
    content: "";
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.heading-balloon__inner {
    position: relative;
    z-index: 1;
    letter-spacing: .05em;
}

@media screen and (max-width: 979px) {
    .heading-balloon {
        padding-bottom: 16px;
        font-size: 1.0625rem;
    }
    .heading-balloon--blue {
        color: #39c8ec;
    }
    .heading-balloon--blue .heading-balloon__outer {
        border-bottom-color: #39c8ec;
    }
    .heading-balloon--blue .heading-balloon__outer:before {
        border-left-color: #39c8ec;
    }
    .heading-balloon__outer {
        position: relative;
        display: inline-block;
        padding-bottom: 2vw;
        border-bottom-width: 0.53333vw;
    }
    .heading-balloon__outer:before {
        margin-top: -0.66667vw;
        width: 3.06667vw;
        height: 4.53333vw;
        background-image: url(../img/common/balloon_sp.png);
        background-size: contain;
    }
    .heading-balloon__inner {
        position: relative;
        z-index: 1;
        letter-spacing: .05em;
    }
}

/* -- ie11 -- */
.ie11 .heading-balloon__outer {
    padding-bottom: 4px;
}

/* ---------------------------------------------
*   heading-center
--------------------------------------------- */
.heading-center {
    text-align: center;
    letter-spacing: .1em;
    font-size: 1.375rem;
}

.heading-center--large {
    font-weight: bold;
    font-size: 1.75rem;
}

@media screen and (max-width: 979px) {
    .heading-center {
        font-size: 1rem;
    }
}

/* ---------------------------------------------
*   keyvisual-full
--------------------------------------------- */
.keyvisual-full {
    padding-right: 80px;
    padding-left: 80px;
}

.keyvisual-full__slider-item img {
    width: 100%;
}

.keyvisual-full__slider .slick-prev,
.keyvisual-full__slider .slick-next {
    width: 80px;
    height: 80px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity 0.3s;
}

.keyvisual-full__slider .slick-prev:hover,
.keyvisual-full__slider .slick-next:hover {
    text-decoration: none;
    opacity: 0.8;
}

@media screen and (max-width: 979px) {
    .keyvisual-full__slider .slick-prev:hover,
    .keyvisual-full__slider .slick-next:hover {
        opacity: 1;
    }
}

.keyvisual-full__slider .slick-prev:before,
.keyvisual-full__slider .slick-next:before {
    display: none;
}

.keyvisual-full__slider .slick-prev {
    left: -80px;
    background: url(../img/common/arrow_path_left_blue.png) 50% 50% no-repeat;
    background-size: 30px 50px;
}

.keyvisual-full__slider .slick-next {
    right: -80px;
    background: url(../img/common/arrow_path_right_blue.png) 50% 50% no-repeat;
    background-size: 30px 50px;
}

.keyvisual-full__slider.slick-dotted.slick-slider {
    margin-bottom: 60px;
}

.keyvisual-full__slider .slick-dots {
    bottom: -40px;
    box-sizing: border-box;
    padding-right: 70px;
    padding-left: 70px;
    text-align: left;
    line-height: 1.0;
}

.keyvisual-full__slider .slick-dots li {
    margin: 0 8px;
    width: 12px;
    height: 12px;
}

.keyvisual-full__slider .slick-dots li button {
    display: inline-block;
    display: block;
    overflow: hidden;
    padding: 0;
    padding-top: 12px;
    width: 100%;
    height: 0;
    height: 12px;
    border-radius: 50%;
    background: #dae1e5;
    background-repeat: no-repeat;
    line-height: 2.0;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.keyvisual-full__slider .slick-dots li button:hover {
    background-color: #39c8ec;
}

.keyvisual-full__slider .slick-dots li button:before {
    display: none;
}

.keyvisual-full__slider .slick-dots li.slick-active button {
    background-color: #39c8ec;
}

@media screen and (max-width: 979px) {
    .keyvisual-full {
        padding-right: 0;
        padding-left: 0;
    }
    .keyvisual-full__slider .slick-prev,
    .keyvisual-full__slider .slick-next {
        display: none;
    }
    .keyvisual-full__slider.slick-dotted.slick-slider {
        margin-bottom: 0;
    }
    .keyvisual-full__slider .slick-dots {
        display: none;
    }
}

/* ---------------------------------------------
*   manual-list2
--------------------------------------------- */
@media screen and (min-width: 980px) {
    .manual-lead {
        margin-top: 30px;
    }
}

@media screen and (max-width: 979px) {
    .manual-lead {
        margin-top: 4vw;
        padding: 0 5.33333vw;
        font-size: 0.875rem;
    }
}

.manual-list2__categories:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (min-width: 980px) {
    .manual-list2__categories {
        margin-top: 30px;
        margin-bottom: -15px;
        margin-left: -15px;
    }
}

@media screen and (max-width: 979px) {
    .manual-list2__categories {
        margin-top: 4vw;
        margin-bottom: -2px;
        margin-left: -2px;
    }
}

.manual-list2__categories-item {
    float: left;
}

@media screen and (min-width: 980px) {
    .manual-list2__categories-item {
        margin-bottom: 15px;
        margin-left: 15px;
        width: calc(16.66667% - 15px);
    }
}

@media screen and (max-width: 979px) {
    .manual-list2__categories-item {
        margin-bottom: 2px;
        margin-left: 2px;
        width: calc(50% - 2px);
    }
}

.manual-list2__categories-item a {
    display: block;
    box-sizing: border-box;
    background-color: #f1f5f6;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

@media screen and (min-width: 980px) {
    .manual-list2__categories-item a {
        padding: 10px 0;
        height: 150px;
    }
}

@media screen and (max-width: 979px) {
    .manual-list2__categories-item a {
        padding: 10px 0;
        height: 33.33333vw;
    }
}

.manual-list2__categories-item a:hover {
    background-color: #e2e9ee;
}

@media screen and (min-width: 980px) {
    .manual-list2__categories-item-image {
        position: relative;
        height: 80px;
    }
}

@media screen and (max-width: 979px) {
    .manual-list2__categories-item-image {
        position: relative;
        height: 16vw;
    }
}

.manual-list2__categories-item-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
}

@media screen and (min-width: 980px) {
    .manual-list2__categories-item-image img {
        width: 60px;
        height: 60px;
    }
}

@media screen and (max-width: 979px) {
    .manual-list2__categories-item-image img {
        width: 13.33333vw;
        height: 13.33333vw;
    }
}

.manual-list2__categories-item-text {
    color: #21292C;
    font-weight: bold;
}

@media screen and (min-width: 980px) {
    .manual-list2__categories-item-text {
        display: table;
        width: 100%;
        height: 50px;
        font-size: 1rem;
    }
    .manual-list2__categories-item-text span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
}

@media screen and (max-width: 979px) {
    .manual-list2__categories-item-text {
        display: table;
        width: 100%;
        height: 6.66667vw;
        font-size: 1.0625rem;
    }
    .manual-list2__categories-item-text span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
}

@media screen and (min-width: 980px) {
    .manual-list2__use {
        display: table;
        margin-top: 30px;
        width: 100%;
    }
}

@media screen and (max-width: 979px) {
    .manual-list2__use {
        padding: 0 5.33333vw;
    }
}

@media screen and (min-width: 980px) {
    .manual-list2__search {
        display: table-cell;
        padding-right: 7.5px;
        width: 50%;
        vertical-align: middle;
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 979px) {
    .manual-list2__search {
        margin-top: 5.33333vw;
        font-size: 1rem;
    }
}

.manual-list2__search input {
    display: inline-block;
    min-height: 1em;
    border-style: none;
    vertical-align: middle;
    font-size: 100%;
    font-family: inherit;
    line-height: 1;
}

.manual-list2__search-inner {
    position: relative;
    border: solid 1px #979797;
    border-radius: 5px;
}

@media screen and (min-width: 980px) {
    .manual-list2__search-inner {
        padding: 0 12px;
    }
}

@media screen and (max-width: 979px) {
    .manual-list2__search-inner {
        padding: 0 10px;
    }
}

.manual-list2__search-text {
    width: calc(100% - 1.2em);
    height: 1em;
}

@media screen and (min-width: 980px) {
    .manual-list2__search-text {
        padding: 12px 0;
    }
}

@media screen and (max-width: 979px) {
    .manual-list2__search-text {
        padding: 10px 0;
    }
}

.manual-list2__search-button {
    position: absolute;
    top: 50%;
    z-index: 2;
    margin-top: -0.5em;
    background-color: transparent;
    background-image: url("../img/icon/search.svg");
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
}

@media screen and (min-width: 980px) {
    .manual-list2__search-button {
        right: 12px;
        width: 1em;
        height: 1em;
    }
}

@media screen and (max-width: 979px) {
    .manual-list2__search-button {
        right: 10px;
        width: 1em;
        height: 1em;
    }
}

@media screen and (min-width: 980px) {
    .manual-list2__more {
        display: table-cell;
        padding-left: 7.5px;
        width: 50%;
        vertical-align: middle;
    }
}

@media screen and (max-width: 979px) {
    .manual-list2__more {
        margin-top: 5.33333vw;
    }
}

.manual-list2__more-button a {
    position: relative;
    display: block;
    border-radius: 4px;
    background-image: url(../img/common/arrow_right_blue.png);
    background-size: 16px auto;
    background-repeat: no-repeat;
    color: #39c8ec;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

@media screen and (min-width: 980px) {
    .manual-list2__more-button a {
        padding: 12px 0;
        border: solid 2px #39c8ec;
        background-position: center right 20px;
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 979px) {
    .manual-list2__more-button a {
        padding: 10px 0;
        border: solid 1px #39c8ec;
        background-position: center right 10px;
        font-size: 1rem;
    }
}

.manual-list2__more-button a:hover {
    background-color: #eefbfe;
}

/* ---------------------------------------------
*   manual-list
--------------------------------------------- */
.manual-list {
    overflow: hidden;
}

.manual-list__list-item {
    display: block;
    float: left;
    margin-top: 15px;
    margin-right: 15px;
    width: calc((100% - 76px) / 6);
    height: 150px;
    background-color: #f2f5f6;
    background-position: 50% 14px;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.manual-list__list-item:hover {
    background-color: #e2e9ee;
}

.manual-list__list-item:nth-child(6n) {
    margin-right: 0;
}

.manual-list__list-item--aircon {
    background-image: url(../img/icon/aircon.png);
}

.manual-list__list-item--kabi {
    background-image: url(../img/icon/kabi.png);
}

.manual-list__list-item--suido {
    background-image: url(../img/icon/suido.png);
}

.manual-list__list-item--key {
    background-image: url(../img/icon/key.png);
}

.manual-list__list-item--souon {
    background-image: url(../img/icon/souon.png);
}

.manual-list__list-item--gomi {
    background-image: url(../img/icon/gomi.png);
}

.manual-list__list-item--ih {
    background-image: url(../img/icon/ih.png);
}

.manual-list__list-item--bed {
    background-image: url(../img/icon/bed.png);
}

.manual-list__list-item--light {
    background-image: url(../img/icon/light.png);
}

.manual-list__list-item--koushin {
    background-image: url(../img/icon/koushin.png);
}

.manual-list__list-item--doc {
    background-image: url(../img/icon/kaiyaku.png);
}

.manual-list__list-item--more {
    background-color: #39c8ec;
    background-image: url(../img/common/arrow_right_white.png);
    background-position: 50% 70px;
    background-size: 33px 32px;
    color: #fff;
}

.manual-list__list-item--more:hover {
    background-color: #6ae0f6;
}

.manual-list__list-item--more .manual-list__list-item-inner {
    padding-top: 20px;
    padding-bottom: 80px;
    font-size: 1.25rem;
}

.manual-list__list-item-inner {
    display: table;
    box-sizing: border-box;
    padding: 80px 10px 20px 10px;
    width: 100%;
    height: 100%;
}

.manual-list__list-item-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

@media screen and (max-width: 979px) {
    .manual-list__list-item {
        margin-top: 2px;
        margin-right: 2px;
        width: calc((100% - 4px) / 3);
        height: calc((100vw - 4px) / 3);
        background-color: #f2f5f6;
        background-position: 50% 4vw;
        background-size: 12vw auto;
        background-repeat: no-repeat;
    }
    .manual-list__list-item:hover {
        background-color: #f2f5f6;
    }
    .manual-list__list-item:nth-child(3n) {
        margin-right: 0;
    }
    .manual-list__list-item--more {
        background-color: #39c8ec;
        background-position: 50% 16.666vw;
        background-size: 6.4vw auto;
        color: #fff;
    }
    .manual-list__list-item--more:hover {
        background-color: #39c8ec;
    }
    .manual-list__list-item--more .manual-list__list-item-inner {
        padding-top: 7.73333vw;
        padding-bottom: 0;
        font-size: 0.875rem;
    }
    .manual-list__list-item--more .manual-list__list-item-text {
        vertical-align: top;
    }
    .manual-list__list-item-inner {
        padding: 12vw 1.33333vw 0;
        font-size: 0.875rem;
    }
}

/* ---------------------------------------------
*   news-detail
--------------------------------------------- */
.news-detail {
    margin-right: auto;
    margin-left: auto;
    padding-top: 55px;
    padding-right: 10px;
    padding-left: 10px;
    width: 720px;
}

.news-detail:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 979px) {
    .news-detail {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
        width: auto;
    }
}

.news-detail__head {
    margin-bottom: 30px;
    font-weight: bold;
}

.news-detail__head-information {
    letter-spacing: -.4em;
    font-size: 1.125rem;
}

.news-detail__head-date, .news-detail__head-category {
    letter-spacing: normal;
}

.news-detail__head-title {
    margin-top: 25px;
    font-size: 1.5rem;
}

.news-detail__body {
    line-height: 2.375;
}

.news-detail__body:after {
    display: block;
    clear: both;
    content: "";
}

.news-detail__body > :first-child {
    margin-top: 0;
}

.news-detail__body p {
    margin-top: 25px;
}

@media screen and (max-width: 979px) {
    .news-detail {
        padding-top: 9.33333vw;
    }
    .news-detail__head {
        margin-bottom: 5.33333vw;
    }
    .news-detail__head-information {
        font-size: 1rem;
    }
    .news-detail__head-title {
        margin-top: 5.33333vw;
        font-size: 1.125rem;
    }
    .news-detail__body {
        line-height: 2.0;
    }
    .news-detail__body p {
        margin-top: 5.33333vw;
    }
}

/* ---------------------------------------------
*   news-list
--------------------------------------------- */
.news-list {
    display: block;
}

.news-list--index .news-list__list-item {
    display: table;
    margin-top: 0;
    padding-left: 0;
}

.news-list--index .news-list__list-item-head, .news-list--index .news-list__list-item-body {
    display: table-cell;
    float: none;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px;
}

.news-list--index .news-list__list-item-head {
    padding-right: 10px;
    width: 180px;
    border-right: 1px solid #dae1e5;
}

.news-list--index .news-list__list-item-body {
    margin-left: 0;
    padding-right: 15px;
    padding-left: 20px;
}

.news-list--index .news-list__list-item-date {
    display: block;
}

.news-list--index .news-list__list-item-date:before {
    position: static;
}

.news-list--index .news-list__list-item-category {
    display: block;
}

.news-list--index .news-list__list-item-link {
    display: block;
}

@media screen and (max-width: 979px) {
    .news-list--index {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .news-list--index .news-list__list-item {
        display: block;
        line-height: 1.8;
    }
    .news-list--index .news-list__list-item-head, .news-list--index .news-list__list-item-body {
        display: block;
        float: none;
        box-sizing: border-box;
        padding-top: 0;
        padding-bottom: 0;
    }
    .news-list--index .news-list__list-item-head {
        padding-right: 0;
        width: auto;
        border-right: 0;
    }
    .news-list--index .news-list__list-item-body {
        padding-right: 0;
        padding-left: 0;
    }
    .news-list--index .news-list__list-item-date {
        display: inline;
    }
    .news-list--index .news-list__list-item-date:before {
        position: static;
    }
    .news-list--index .news-list__list-item-category {
        display: inline;
    }
    .news-list--index .news-list__list-item-link {
        display: block;
    }
}

.news-list__list-item {
    position: relative;
    margin-top: 50px;
    padding-left: 25px;
}

.news-list__list-item--unread .news-list__list-item-date:before {
    content: "";
}

.news-list__list-item-head {
    display: block;
    float: left;
    width: 250px;
    font-weight: bold;
}

.news-list__list-item-body {
    display: block;
    margin-left: 260px;
}

.news-list__list-item-link {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.news-list__list-item-link:hover {
    color: #39c8ec;
}

@media screen and (max-width: 979px) {
    .news-list__list-item-link:hover {
        color: inherit;
    }
}

.news-list__list-item-date:before {
    position: absolute;
    top: 6px;
    left: 0;
    display: inline-block;
    margin-right: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #f36f21;
}

@media screen and (max-width: 979px) {
    .news-list {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
    .news-list__list-item {
        position: relative;
        margin-top: 10vw;
        padding-left: 0;
    }
    .news-list__list-item-head {
        display: block;
        float: none;
        margin-bottom: 0.66667vw;
        width: auto;
    }
    .news-list__list-item-body {
        display: block;
        margin-left: 0;
        line-height: 1.8;
    }
    .news-list__list-item-link {
        -webkit-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s;
    }
    .news-list__list-item-link:hover {
        color: #39c8ec;
    }
}

@media screen and (max-width: 979px) and (max-width: 979px) {
    .news-list__list-item-link:hover {
        color: inherit;
    }
}

@media screen and (max-width: 979px) {
    .news-list__list-item-date:before {
        position: static;
        top: auto;
        margin-right: 1.33333vw;
        width: 2.66667vw;
        height: 2.66667vw;
    }
}

/* ---------------------------------------------
*   page-nav
--------------------------------------------- */
.page-nav {
    display: table;
    padding-bottom: 5px;
    width: 100%;
    border-bottom: 1px solid #d6dedc;
}

.page-nav__head, .page-nav__body {
    display: table-cell;
    box-sizing: border-box;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
}

.page-nav__head {
    width: 245px;
    border-right: 1px solid #d6dedc;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 1.5rem;
}

.page-nav__head--border-none {
    border: none;
}

.page-nav__body {
    padding-right: 20px;
    padding-left: 20px;
}

.page-nav__anotation {
    letter-spacing: 0.05rem;
    font-weight: normal;
    font-size: 1rem;
}

@media screen and (max-width: 738px) {
    .page-nav__anotation {
        font-size: 1rem;
    }
}

.page-nav__list {
    display: table;
    width: 100%;
}

.page-nav__list-item {
    display: table-cell;
    box-sizing: border-box;
    padding: 10px 0;
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
    vertical-align: middle;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.2;
    -webkit-transition: color .3s, background-color .3s;
    -o-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
}

.page-nav__list-item:hover, .page-nav__list-item--current {
    background-color: #39c8ec;
    color: #fff;
}

@media screen and (max-width: 979px) {
    .page-nav {
        display: block;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .page-nav__head, .page-nav__body {
        display: block;
        padding: 0;
    }
    .page-nav__head {
        padding: 4vw 5.33333vw 2.66667vw;
        width: auto;
        border-right: 0;
        font-size: 1rem;
    }
    .page-nav__head--border-none {
        padding-bottom: 4vw;
        border-bottom: 1px solid #d6dedc;
    }
    .page-nav__body {
        padding: 0;
        letter-spacing: normal;
    }
    .page-nav__list-item {
        display: table-cell;
        padding: 1.33333vw;
        width: 33.333%;
        border-right: 3px solid #fff;
        border-left: 0;
        background-color: #f2f5f6;
        vertical-align: middle;
        font-size: 0.875rem;
    }
    .page-nav__list-item:last-child {
        border-right: 0;
    }
    .page-nav__list-item:hover {
        background-color: #f2f5f6;
        color: inherit;
    }
    .page-nav__list-item--current {
        background-color: #39c8ec;
        color: #fff;
    }
}

/* -- ie11 -- */
.ie11 .page-nav__head {
    padding-top: 10px;
}

.ie11 .page-nav__list-item {
    padding-top: 14px;
    padding-bottom: 6px;
}

/* ---------------------------------------------
*   page-title
--------------------------------------------- */
.page-title {
    padding: 20px 0 54px;
    border-bottom: 1px solid #d6dedc;
    text-align: center;
    font-weight: bold;
    font-size: 1.875rem;
    line-height: 1.0;
}

.page-title:before {
    display: inline-block;
    margin-right: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.page-title--doc {
    padding-top: 0;
    padding-bottom: 44px;
}

.page-title--doc:before {
    width: 46px;
    height: 59px;
    background-image: url(../img/icon/doc.png);
    background-size: contain;
    content: "";
}

.page-title--phone {
    padding-top: 0;
    padding-bottom: 44px;
}

.page-title--phone:before {
    width: 46px;
    height: 59px;
    background-image: url(../img/icon/phone.png);
    background-size: contain;
    content: "";
}

.page-title--man {
    padding-top: 0;
    padding-bottom: 44px;
}

.page-title--man:before {
    width: 46px;
    height: 59px;
    background-image: url(../img/icon/man.png);
    background-size: contain;
    content: "";
}

.page-title__text {
    vertical-align: middle;
}

@media screen and (max-width: 979px) {
    .page-title {
        padding: 6.66667vw 0;
        font-size: 1.1875rem;
    }
    .page-title:before {
        margin-right: 2.66667vw;
    }
    .page-title--doc {
        padding-top: 5.33333vw;
        padding-bottom: 5.33333vw;
    }
    .page-title--doc:before {
        width: 6.13333vw;
        height: 7.86667vw;
    }
    .page-title--phone {
        padding-top: 5.33333vw;
        padding-bottom: 5.33333vw;
    }
    .page-title--phone:before {
        width: 5.46667vw;
        height: 8.8vw;
    }
    .page-title--man {
        padding-top: 5.33333vw;
        padding-bottom: 5.33333vw;
    }
    .page-title--man:before {
        width: 5.46667vw;
        height: 8.8vw;
    }
}

/* ---------------------------------------------
*   pager
--------------------------------------------- */
.pager {
    margin-top: 50px;
    text-align: center;
}

.pager a {
    color: #39c8ec;
    -webkit-transition: color .3s, border .3s;
    -o-transition: color .3s, border .3s;
    transition: color .3s, border .3s;
}

.pager a.paged-item--current {
    border-color: #24282F;
    color: inherit;
}

.pager a:hover {
    color: inherit;
}

.pager__prev, .pager__next {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0 5px;
    border: 1px solid #39c8ec;
    line-height: 26px;
}

.pager__prev:hover, .pager__next:hover {
    border-color: #24282F;
}

.pager__list {
    display: inline-block;
    line-height: 26px;
}

.pager__list-item {
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
}

.pager__link {
    color: #39c8ec;
}

.pager__link:hover {
    text-decoration: underline;
}

@media screen and (max-width: 979px) {
    .pager__link:hover {
        text-decoration: none;
    }
}

@media screen and (max-width: 979px) {
    .pager {
        margin-top: 5.33333vw;
        font-size: 0.875rem;
    }
    .pager a:hover {
        color: #39c8ec;
    }
    .pager__prev, .pager__next {
        margin-right: 2.66667vw;
        margin-left: 2.66667vw;
        padding: 0 2.66667vw;
        line-height: 8vw;
    }
    .pager__prev:hover, .pager__next:hover {
        border-color: #39c8ec;
    }
    .pager__list {
        line-height: 8vw;
    }
    .pager__list-item {
        margin-right: 2.66667vw;
        margin-left: 2.66667vw;
    }
}

/* -- ie11 -- */
.ie11 .pager a {
    padding-top: 6px;
    line-height: 20px;
}

/* ---------------------------------------------
*   panel-figure
--------------------------------------------- */
.panel-figure {
    position: relative;
    box-sizing: border-box;
    padding: 15px 20px 0 90px;
/*
    height: 120px;
*/
    height: 150px;
    background-repeat: no-repeat;
}

.panel-figure--doc {
    background-image: url(../img/icon/doc.png);
    background-position: 26px 5px;
    background-size: 38px auto;
}

.panel-figure--phone {
    background-image: url(../img/icon/phone.png);
    background-position: 28px 5px;
    background-size: 35px auto;
}

.panel-figure--man {
    padding-right: 0;
    background-image: url(../img/icon/man.png);
    background-position: 25px 10px;
    background-size: 38px auto;
}

.panel-figure--man:after {
    display: none;
}

.panel-figure--man .panel-figure__body {
    background: url(../img/common/arrow_right_blue_bold.png) 100% 50% no-repeat;
    background-size: 14px 12px;
}

.panel-figure:after {
    position: absolute;
    top: 15px;
    right: 30px;
    width: 33px;
    height: 32px;
    background: url(../img/common/arrow_right_blue.png) 50% 50% no-repeat;
    background-size: contain;
    content: "";
}

.panel-figure__head {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.375rem;
    line-height: 1.5;
}

.panel-figure__body {
    font-size: 1rem;
    line-height: 1.625;
}

.panel-figure__link {
    display: block;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.panel-figure__link:hover {
    color: #39c8ec;
}

@media screen and (max-width: 979px) {
    .panel-figure__link:hover {
        color: inherit;
    }
}

@media screen and (max-width: 979px) {
    .panel-figure {
        padding: 7.73333vw 5.33333vw 5.06667vw 25.33333vw;
        height: auto;
    }
    .panel-figure--doc {
        background-position: 9.86667vw 8vw;
        background-size: 9.6vw auto;
    }
    .panel-figure--phone {
        background-position: 9.86667vw 8vw;
        background-size: 9.73333vw auto;
    }
    .panel-figure--man {
        background-position: 9.86667vw 8vw;
        background-size: 10vw auto;
    }
    .panel-figure:after {
        top: 50%;
        right: 5.33333vw;
        width: 6.4vw;
        height: 6.66667vw;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .panel-figure__head {
        margin-bottom: 2.66667vw;
        font-size: 1rem;
        line-height: 1.0;
    }
    .panel-figure__head + .panel-figure__body {
        padding-bottom: 1.33333vw;
        border-top: 0;
    }
    .panel-figure__body {
        border-top: 1px solid #d6dedc;
        font-size: 1rem;
    }
    .panel-figure__body + .panel-figure__body {
        padding-top: 1.33333vw;
        border-top: 1px solid #d6dedc;
    }
}

/* ---------------------------------------------
*   portal
--------------------------------------------- */
.portal__head {
    padding: 45px 0 30px;
}

.portal__list--column-single {
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    width: 670px;
}

.portal__list--column-single:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 979px) {
    .portal__list--column-single {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
        width: auto;
    }
}

.portal__list--column-double:after {
    display: block;
    clear: both;
    content: "";
}

.portal__list--column-double .portal__list-item {
    float: left;
    width: -webkit-calc((100% - 31px) / 2);
    width: calc((100% - 31px) / 2);
}

.portal__list--column-double .portal__list-item:nth-child(2n) {
    margin-left: 30px;
}

.portal__list-item {
    margin-bottom: 32px;
    height: 96px;
}

.portal__link {
    display: table;
    width: 100%;
    height: 100%;
    background-color: #f2f5f6;
    color: #39c8ec;
    font-weight: bold;
    font-size: 1.375rem;
}

.portal__link:hover {
    background-color: #e2e9ee;
}

.portal__link-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

@media screen and (max-width: 979px) {
    .portal__head {
        padding: 3.33333vw 0;
        border-bottom: 1px solid #d6dedc;
    }
    .portal__body {
        padding-top: 1.6vw;
    }
    .portal__list--column-double {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
    .portal__list--column-double .portal__list-item {
        width: -webkit-calc((100% - 4vw) / 2);
        width: calc((100% - 4vw) / 2);
    }
    .portal__list--column-double .portal__list-item:nth-child(2n) {
        margin-left: 4vw;
    }
    .portal__list--column-double .portal__link-text {
        line-height: 1.3;
    }
    .portal__list-item {
        margin-top: 3.73333vw;
        margin-bottom: 0;
        height: 14.66667vw;
    }
    .portal__link {
        font-size: 0.9375rem;
    }
    .portal__link:hover {
        background-color: #f2f5f6;
    }
}

/* ---------------------------------------------
*   select-customized
--------------------------------------------- */
.select-customized {
    vertical-align: middle;
}

.select-customizedInner {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 26px;
    border: 1px solid #979797;
    border-radius: 2px;
    vertical-align: middle;
    white-space: nowrap;
}

.select-customizedInner:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 100%;
    background: #979797 url(../img/common/icon_select.png) 50% 50% no-repeat;
    background-size: 12px auto;
    content: "";

    pointer-event: none;
}

/* ---------------------------------------------
*   steps
--------------------------------------------- */
.steps__head {
    padding: 30px 40px;
    background-color: #f2f5f6;
}

.steps__head-title {
    margin-top: 10px;
    font-weight: bold;
    font-size: 1.375rem;
}

.steps__head-text {
    margin-top: 10px;
}

.steps__head-text--red {
    color: #FF0000;
}

.steps__body {
    counter-reset: step-number;
}

@media screen and (max-width: 979px) {
    .steps {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
    .steps__head {
        padding: 5.33333vw;
    }
    .steps__head-title {
        margin-top: 2.66667vw;
        font-size: 1rem;
    }
    .steps__head-text {
        margin-top: 2.66667vw;
    }
}

/*  steps-section
--------------------------------------------- */
.steps-section {
    margin-top: 60px;
    padding-bottom: 20px;
}

.steps-section--margin-off {
    margin-top: 0;
}

.steps-section__counter-reset {
    counter-reset: only-number;
}

.steps-section__boxcenter {
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    width: 490px;
}

.steps-section__boxcenter:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 979px) {
    .steps-section__boxcenter {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
        width: auto;
    }
}

.steps-section__title {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d6dedc;
    font-weight: bold;
    font-size: 1.375rem;
}

.steps-section__title:before {
    margin-right: 1.0em;
    color: #39c8ec;
    content: "STEP" counter(step-number);
    counter-increment: step-number;
}

.steps-section__title--nostep:before {
    display: none;
}

.steps-section__title--only-number {
    border-bottom: none;
}

.steps-section__title--only-number:before {
    content: counter(only-number) ".";
    counter-increment: only-number;
}

.steps-section__title + .steps-section__row,
.steps-section__title + .steps-section__list {
    margin-top: 20px;
}

.steps-section__text {
    margin-top: 20px;
}

.steps-section__text-br {
    display: none;
}

.steps-section__text--unique {
    padding: 15px 0;
    text-align: center;
}

.steps-section__text--red {
    color: #FF0000;
}

.steps-section__text--contact {
    padding-left: 35px;
}

.steps-section__text--link {
    text-decoration: underline;
}

.steps-section__text--link:hover {
    text-decoration: none;
}

.steps-section__row {
    margin-top: 30px;
}

.steps-section__row--onlybackground {
    padding: 12.5px;
    background-color: #f2f5f6;
}

.steps-section__row-title {
    font-weight: bold;
}

.steps-section__row-title--space {
    padding-bottom: 5px;
}

.steps-section__row-title--normal {
    font-weight: normal;
}

.steps-section__row-text {
    margin-top: 5px;
}

.steps-section__row-text--telcolor {
    color: #39c8ec;
}

.steps-section__row-text--word-break {
    word-break: break-all;
}

.steps-section__row-center {
    text-align: center;
}

.steps-section__row-cross {
    padding-right: 10px;
}

.steps-section__list {
    margin-top: 30px;
}

.steps-section__list-item {
    position: relative;
    padding-left: 1.2em;
}

.steps-section__list-item:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※";
}

.steps-section__list-item--bold {
    font-weight: bold;
}

.steps-section__list--indent {
    position: relative;
    text-indent: 1.2rem;
}

.steps-section__list-typedisc {
    position: relative;
    padding-left: 1.2em;
}

.steps-section__list-typedisc:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "・";
}

.steps-section__list-number1 {
    position: relative;
    padding-left: 1.2em;
}

.steps-section__list-number1:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "①";
}

.steps-section__list-number2 {
    position: relative;
    padding-left: 1.2em;
}

.steps-section__list-number2:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "②";
}

.steps-section__list-number3 {
    position: relative;
    padding-left: 1.2em;
}

.steps-section__list-number3:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "③";
}

@media screen and (max-width: 979px) {
    .steps-section {
        margin-top: 8vw;
        padding-bottom: 2.66667vw;
    }
    .steps-section__boxcenter {
        margin-right: auto;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;
        width: 490px;
    }
    .steps-section__boxcenter:after {
        display: block;
        clear: both;
        content: "";
    }
}

@media screen and (max-width: 979px) and (max-width: 979px) {
    .steps-section__boxcenter {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
        width: auto;
    }
}

@media screen and (max-width: 979px) {
    .steps-section__title {
        margin-bottom: 5.33333vw;
        padding-bottom: 4vw;
        font-size: 1rem;
    }
    .steps-section__title + .steps-section__row,
    .steps-section__title + .steps-section__list {
        margin-top: 5.33333vw;
    }
    .steps-section__text {
        margin-top: 0;
    }
    .steps-section__text-br {
        display: inline;
    }
    .steps-section__text--unique {
        padding: 3.33333vw 0 3.33333vw 5.33333vw;
    }
    .steps-section__row {
        margin-top: 5.33333vw;
    }
    .steps-section__row-text {
        margin-top: 0.66667vw;
    }
    .steps-section__list {
        margin-top: 5.33333vw;
    }
}

@media screen and (min-width: 980px) {
    .tips-title {
        display: table;
        margin: 20px auto 34px;
    }
}

@media screen and (max-width: 979px) {
    .tips-title {
        position: relative;
        height: 14.4vw;
        -webkit-transition: height 0.8s;
        -o-transition: height 0.8s;
        transition: height 0.8s;
    }
}

.tips-title__text {
    font-weight: bold;
    line-height: 1.0;
}

@media screen and (min-width: 980px) {
    .tips-title__text {
        display: table-cell;
        padding-right: 50px;
        vertical-align: middle;
        font-size: 1.875rem;
    }
}

@media screen and (max-width: 979px) {
    .tips-title__text {
        position: absolute;
        top: 50%;
        left: 20px;
        margin-top: -2vw;
        width: 60vw;
        text-align: center;
        font-size: 0.9375rem;
        -webkit-transition: width 1s;
        -o-transition: width 1s;
        transition: width 1s;
    }
}

.tips-title__search {
    border: solid 1px #979797;
    border-radius: 5px;
}

@media screen and (min-width: 980px) {
    .tips-title__search {
        display: table-cell;
        width: 352px;
        height: 44px;
        vertical-align: middle;
    }
}

@media screen and (max-width: 979px) {
    .tips-title__search {
        position: absolute;
        top: 50%;
        right: 20px;
        box-sizing: border-box;
        margin-top: -3.5vw;
        width: 20vw;
        -webkit-transition: top 0.5s,  width 1s;
        -o-transition: top 0.5s, width 1s;
        transition: top 0.5s,  width 1s;
    }
}

.tips-title__search input {
    border-style: none;
    vertical-align: middle;
}

@media screen and (max-width: 979px) {
    .tips-title__search-inner {
        overflow: hidden;
        width: 20vw;
        height: 6.93333vw;
        background-image: url("../img/icon/search.svg");
        background-position: center right 5px;
        background-size: 4.66667vw auto;
        background-repeat: no-repeat;
        font-size: 0.8125rem;
        line-height: 1;
    }
    .tips-title__search-inner:after {
        display: block;
        clear: both;
        content: "";
    }
}

@media screen and (min-width: 980px) {
    .tips-title__search-text {
        box-sizing: border-box;
        padding-left: 14px;
        width: calc(100% - 25px - 16px);
    }
}

@media screen and (max-width: 979px) {
    .tips-title__search-text {
        display: none;
        float: left;
        width: calc(100% - 31px);
        height: 100%;
        border: solid 1px blue;
    }
}

.tips-title__search-button {
    padding: 0;
    background-color: transparent;
    cursor: pointer;
}

@media screen and (min-width: 980px) {
    .tips-title__search-button {
        width: 25px;
        background-image: url("../img/icon/search.svg");
        background-position: center center;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 979px) {
    .tips-title__search-button {
        display: none;
        float: right;
        width: 6.93333vw;
        height: 100%;
        border: solid 1px green;
    }
}

@media screen and (max-width: 979px) {
    .tips-title--on {
        height: 105px;
    }
    .tips-title--on .tips-title__text {
        top: 20px;
        width: calc(100% - 40px);
    }
    .tips-title--on .tips-title__search {
        top: 55px;
        padding: 5px 0;
        width: calc(100% - 40px);
    }
    .tips-title--on .tips-title__search-inner {
        width: 100%;
    }
    .tips-title--on .tips-title__search-text {
        display: inline;
        width: calc(100% - pxtovw(32,'sp'));
    }
    .tips-title--on .tips-title__search-button {
        display: inline;
    }
}

.tips-navi {
    overflow: hidden;
}

@media screen and (min-width: 980px) {
    .tips-navi {
        position: relative;
        z-index: 1;
        margin-bottom: -30px;
    }
}

.tips-navi__list {
    display: table;
}

.tips-navi__list-item {
    display: table-cell;
    padding-top: 5px;
    border-radius: 5px 5px 0 0 / 5px 5px 0 0;
    background-position: bottom;
    background-repeat: repeat-x;
    vertical-align: top;
}

@media screen and (min-width: 980px) {
    .tips-navi__list-item {
        background-size: 10% auto;
    }
}

@media screen and (max-width: 979px) {
    .tips-navi__list-item {
        background-size: 15% auto;
    }
}

.tips-navi__list-item a {
    position: relative;
    display: block;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 0 / 5px 5px 5px 0;
    background-color: black;
    background-position: bottom;
    background-repeat: repeat-x;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
}

@media screen and (min-width: 980px) {
    .tips-navi__list-item a {
        padding: 10px 15px;
        min-width: 111px;
    }
}

@media screen and (max-width: 979px) {
    .tips-navi__list-item a {
        padding: 5px 10px;
        min-width: 84px;
    }
}

@media screen and (min-width: 980px) {
    .tips-navi__list-item a {
        background-size: 10% auto;
    }
}

@media screen and (max-width: 979px) {
    .tips-navi__list-item a {
        background-size: 15% auto;
    }
}

.tips-navi__list-item a::after {
    position: absolute;
    right: -5px;
    bottom: 0;
    display: block;
    display: none;
    width: 5px;
    height: 5px;
    background-position: bottom;
    background-repeat: repeat-x;
    content: '';
}

.tips-navi__list-item:last-child a::after {
    display: none !important;
}

.tips-navi__list-item.tips-navi__list-item-here {
    padding-top: 0;
}

.tips-navi__list-item.tips-navi__list-item-here a {
    border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}

@media screen and (min-width: 980px) {
    .tips-navi__list-item.tips-navi__list-item-here a {
        padding-top: 13px;
        padding-bottom: 12px;
    }
}

@media screen and (max-width: 979px) {
    .tips-navi__list-item.tips-navi__list-item-here a {
        padding-top: 9px;
        padding-bottom: 6px;
    }
}

.tips-navi__list-item.tips-navi__list-item-here a::before {
    position: absolute;
    bottom: 0;
    left: -5px;
    display: block;
    width: 5px;
    height: 5px;
    content: '';
}

.tips-navi__list-item.tips-navi__list-item-here a::after {
    display: block;
}

.tips-navi__list-item.tips-navi__list-item-here ~ li a {
    border-radius: 5px 5px 0 5px / 5px 5px 0 5px;
}

.tips-navi__list-item.tips-navi__list-item-here ~ li a::after {
    display: block;
}

.tips-navi__list-item:nth-child(5n) {
    background-image: url("../img/common/tab_bg_01.png");
}

.tips-navi__list-item:nth-child(5n) a {
    background-color: #3376e3;
    background-image: url("../img/common/tab_bg_05.png");
}

.tips-navi__list-item:nth-child(5n) a::after {
    background-color: #3376e3;
    background-image: url("../img/common/tab_bg_05.png");
}

.tips-navi__list-item:nth-child(5n).tips-navi__list-item-here a {
    background: #3376e3;
}

.tips-navi__list-item:nth-child(5n).tips-navi__list-item-here a::before, .tips-navi__list-item:nth-child(5n).tips-navi__list-item-here a::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzMzc2ZTMiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiMzMzc2ZTMiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiMzMzc2ZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzM3NmUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, rgba(51, 118, 227, 0) 0%, rgba(51, 118, 227, 0) 64%, #3376e3 69%, #3376e3 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(51, 118, 227, 0) 0%, rgba(51, 118, 227, 0) 64%, #3376e3 69%, #3376e3 100%);
    background: radial-gradient(ellipse at center, rgba(51, 118, 227, 0) 0%, rgba(51, 118, 227, 0) 64%, #3376e3 69%, #3376e3 100%);
    background-size: 200% 200%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003376e3', endColorstr='#3376e3',GradientType=1 );
}

.tips-navi__list-item:nth-child(5n).tips-navi__list-item-here a::before {
    background-position: bottom right;
}

.tips-navi__list-item:nth-child(5n).tips-navi__list-item-here a::after {
    background-position: bottom left;
}

.tips-navi__list-item:nth-child(5n+1) {
    background-image: url("../img/common/tab_bg_02.png");
}

.tips-navi__list-item:nth-child(5n+1) a {
    background-color: #68c520;
    background-image: url("../img/common/tab_bg_01.png");
}

.tips-navi__list-item:nth-child(5n+1) a::after {
    background-color: #68c520;
    background-image: url("../img/common/tab_bg_01.png");
}

.tips-navi__list-item:nth-child(5n+1).tips-navi__list-item-here a {
    background: #68c520;
}

.tips-navi__list-item:nth-child(5n+1).tips-navi__list-item-here a::before, .tips-navi__list-item:nth-child(5n+1).tips-navi__list-item-here a::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM2OGM1MjAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiM2OGM1MjAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiM2OGM1MjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjhjNTIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, rgba(104, 197, 32, 0) 0%, rgba(104, 197, 32, 0) 64%, #68c520 69%, #68c520 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(104, 197, 32, 0) 0%, rgba(104, 197, 32, 0) 64%, #68c520 69%, #68c520 100%);
    background: radial-gradient(ellipse at center, rgba(104, 197, 32, 0) 0%, rgba(104, 197, 32, 0) 64%, #68c520 69%, #68c520 100%);
    background-size: 200% 200%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068c520', endColorstr='#68c520',GradientType=1 );
}

.tips-navi__list-item:nth-child(5n+1).tips-navi__list-item-here a::before {
    background-position: bottom right;
}

.tips-navi__list-item:nth-child(5n+1).tips-navi__list-item-here a::after {
    background-position: bottom left;
}

.tips-navi__list-item:nth-child(5n+2) {
    background-image: url("../img/common/tab_bg_03.png");
}

.tips-navi__list-item:nth-child(5n+2) a {
    background-color: #f3942a;
    background-image: url("../img/common/tab_bg_02.png");
}

.tips-navi__list-item:nth-child(5n+2) a::after {
    background-color: #f3942a;
    background-image: url("../img/common/tab_bg_02.png");
}

.tips-navi__list-item:nth-child(5n+2).tips-navi__list-item-here a {
    background: #f3942a;
}

.tips-navi__list-item:nth-child(5n+2).tips-navi__list-item-here a::before, .tips-navi__list-item:nth-child(5n+2).tips-navi__list-item-here a::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMzk0MmEiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiNmMzk0MmEiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiNmMzk0MmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjM5NDJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, rgba(243, 148, 42, 0) 0%, rgba(243, 148, 42, 0) 64%, #f3942a 69%, #f3942a 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(243, 148, 42, 0) 0%, rgba(243, 148, 42, 0) 64%, #f3942a 69%, #f3942a 100%);
    background: radial-gradient(ellipse at center, rgba(243, 148, 42, 0) 0%, rgba(243, 148, 42, 0) 64%, #f3942a 69%, #f3942a 100%);
    background-size: 200% 200%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f3942a', endColorstr='#f3942a',GradientType=1 );
}

.tips-navi__list-item:nth-child(5n+2).tips-navi__list-item-here a::before {
    background-position: bottom right;
}

.tips-navi__list-item:nth-child(5n+2).tips-navi__list-item-here a::after {
    background-position: bottom left;
}

.tips-navi__list-item:nth-child(5n+3) {
    background-image: url("../img/common/tab_bg_04.png");
}

.tips-navi__list-item:nth-child(5n+3) a {
    background-color: #e55c92;
    background-image: url("../img/common/tab_bg_03.png");
}

.tips-navi__list-item:nth-child(5n+3) a::after {
    background-color: #e55c92;
    background-image: url("../img/common/tab_bg_03.png");
}

.tips-navi__list-item:nth-child(5n+3).tips-navi__list-item-here a {
    background: #e55c92;
}

.tips-navi__list-item:nth-child(5n+3).tips-navi__list-item-here a::before, .tips-navi__list-item:nth-child(5n+3).tips-navi__list-item-here a::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlNTVjOTIiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiNlNTVjOTIiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiNlNTVjOTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTU1YzkyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, rgba(229, 92, 146, 0) 0%, rgba(229, 92, 146, 0) 64%, #e55c92 69%, #e55c92 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(229, 92, 146, 0) 0%, rgba(229, 92, 146, 0) 64%, #e55c92 69%, #e55c92 100%);
    background: radial-gradient(ellipse at center, rgba(229, 92, 146, 0) 0%, rgba(229, 92, 146, 0) 64%, #e55c92 69%, #e55c92 100%);
    background-size: 200% 200%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e55c92', endColorstr='#e55c92',GradientType=1 );
}

.tips-navi__list-item:nth-child(5n+3).tips-navi__list-item-here a::before {
    background-position: bottom right;
}

.tips-navi__list-item:nth-child(5n+3).tips-navi__list-item-here a::after {
    background-position: bottom left;
}

.tips-navi__list-item:nth-child(5n+4) {
    background-image: url("../img/common/tab_bg_05.png");
}

.tips-navi__list-item:nth-child(5n+4) a {
    background-color: #af7cc9;
    background-image: url("../img/common/tab_bg_04.png");
}

.tips-navi__list-item:nth-child(5n+4) a::after {
    background-color: #af7cc9;
    background-image: url("../img/common/tab_bg_04.png");
}

.tips-navi__list-item:nth-child(5n+4).tips-navi__list-item-here a {
    background: #af7cc9;
}

.tips-navi__list-item:nth-child(5n+4).tips-navi__list-item-here a::before, .tips-navi__list-item:nth-child(5n+4).tips-navi__list-item-here a::after {
    background: #af7cc9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhZjdjYzkiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiNhZjdjYzkiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiNhZjdjYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWY3Y2M5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, rgba(175, 124, 201, 0) 0%, rgba(175, 124, 201, 0) 64%, #af7cc9 69%, #af7cc9 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(175, 124, 201, 0) 0%, rgba(175, 124, 201, 0) 64%, #af7cc9 69%, #af7cc9 100%);
    background: radial-gradient(ellipse at center, rgba(175, 124, 201, 0) 0%, rgba(175, 124, 201, 0) 64%, #af7cc9 69%, #af7cc9 100%);
    background-size: 200% 200%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00af7cc9', endColorstr='#af7cc9',GradientType=1 );
}

.tips-navi__list-item:nth-child(5n+4).tips-navi__list-item-here a::before {
    background-position: bottom right;
}

.tips-navi__list-item:nth-child(5n+4).tips-navi__list-item-here a::after {
    background-position: bottom left;
}

.tips-navi__list-item:first-child a {
    background-color: #39c7eb;
    background-image: url("../img/common/tab_bg_first.png");
}

.tips-navi__list-item:first-child a::after {
    background: #39c7eb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5YzdlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjk0YjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #39c7eb 0%, #0294b8 100%);
    background: -webkit-linear-gradient(top, #39c7eb 0%, #0294b8 100%);
    background: linear-gradient(to bottom, #39c7eb 0%, #0294b8 100%);
    background-color: #39c7eb;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39c7eb', endColorstr='#0294b8',GradientType=0 );
}

.tips-navi__list-item:first-child.tips-navi__list-item-here a {
    background: #39c7eb;
}

.tips-navi__list-item:first-child.tips-navi__list-item-here a::before, .tips-navi__list-item:first-child.tips-navi__list-item-here a::after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzOWM3ZWIiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiMzOWM3ZWIiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiMzOWM3ZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzljN2ViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, rgba(57, 199, 235, 0) 0%, rgba(57, 199, 235, 0) 64%, #39c7eb 69%, #39c7eb 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(57, 199, 235, 0) 0%, rgba(57, 199, 235, 0) 64%, #39c7eb 69%, #39c7eb 100%);
    background: radial-gradient(ellipse at center, rgba(57, 199, 235, 0) 0%, rgba(57, 199, 235, 0) 64%, #39c7eb 69%, #39c7eb 100%);
    background-size: 200% 200%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0039c7eb', endColorstr='#39c7eb',GradientType=1 );
}

.tips-navi__list-item:first-child.tips-navi__list-item-here a::before {
    background-position: bottom right;
}

.tips-navi__list-item:first-child.tips-navi__list-item-here a::after {
    background-position: bottom left;
}

@media screen and (min-width: 980px) {
    .tips-navi .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        height: 14px;
    }
    .tips-navi .mCSB_scrollTools {
        box-sizing: border-box;
        border: solid 1px #dae1e5;
        opacity: 0;
    }
    .tips-navi .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        margin: 0;
        height: 12px;
        background-color: #b1c9d7;
    }
    .tips-navi .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        opacity: 0;
    }
    .tips-navi .mCustomScrollBox:hover .mCSB_scrollTools {
        opacity: 1;
    }
}

@media screen and (max-width: 979px) {
    .tips-navi .mCSB_horizontal.mCSB_inside > .mCSB_container {
        margin-bottom: 0;
    }
    .tips-navi .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        z-index: -99;
    }
}

.tips-body.js-tips-body {
    display: none;
}

.tips-body.js-tips-body.slick-initialized {
    display: block;
}

@media screen and (max-width: 979px) {
    .tips-body {
        margin-bottom: -33px;
    }
}

.tips-body *:focus {
    outline: none !important;
}

.tips-body__section {
    border-top: solid 6px black;
}

@media screen and (min-width: 980px) {
    .tips-body__section {
        padding-top: 52px;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__section {
        padding-top: 6px;
    }
}

.tips-body__section:nth-child(5n) {
    border-color: #3376e3;
}

.tips-body__section:nth-child(5n+1) {
    border-color: #68c520;
}

.tips-body__section:nth-child(5n+2) {
    border-color: #f3942a;
}

.tips-body__section:nth-child(5n+3) {
    border-color: #e55c92;
}

.tips-body__section:nth-child(5n+4) {
    border-color: #af7cc9;
}

.tips-body__section:first-child {
    border-color: #39c7eb;
}

@media screen and (min-width: 980px) {
    .tips-body__categories {
        margin-bottom: -15px;
        margin-left: -15px;
    }
    .tips-body__categories:after {
        display: block;
        clear: both;
        content: "";
    }
}

@media screen and (min-width: 980px) {
    .tips-body__categories-item {
        float: left;
        margin-bottom: 15px;
        margin-left: 15px;
        width: calc(16.66667% - 15px);
    }
}

@media screen and (max-width: 979px) {
    .tips-body__categories-item {
        margin-bottom: 2px;
    }
}

.tips-body__categories-item a {
    display: block;
    background-color: #f1f5f6;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

@media screen and (min-width: 980px) {
    .tips-body__categories-item a {
        box-sizing: border-box;
        padding: 10px 0;
        height: 150px;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__categories-item a {
        padding-right: 30px;
        padding-left: 30px;
    }
}

.tips-body__categories-item a:hover {
    background-color: #e2e9ee;
}

@media screen and (max-width: 979px) {
    .tips-body__categories-item-inner {
        display: table;
        width: 100%;
    }
}

@media screen and (min-width: 980px) {
    .tips-body__categories-item-image {
        position: relative;
        height: 80px;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__categories-item-image {
        display: table-cell;
        width: 50px;
        height: 50px;
        vertical-align: middle;
    }
}

@media screen and (min-width: 980px) {
    .tips-body__categories-item-image img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        margin: auto;
        width: 60px;
        height: 60px;
    }
}

.tips-body__categories-item-text {
    color: #21292C;
    font-weight: bold;
}

@media screen and (min-width: 980px) {
    .tips-body__categories-item-text {
        display: table;
        width: 100%;
        height: 50px;
        font-size: 1rem;
    }
    .tips-body__categories-item-text span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__categories-item-text {
        display: table-cell;
        padding-left: 20px;
        vertical-align: middle;
        font-size: 1.0625rem;
    }
}

@media screen and (min-width: 980px) {
    .tips-body__title {
        margin-bottom: 52px;
        padding-bottom: 20px;
        border-bottom: 1px solid #d6dedc;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__title {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.tips-body__title-inner {
    display: table;
    margin-right: auto;
    margin-left: auto;
}

.tips-body__title-image, .tips-body__title-text {
    display: table-cell;
    vertical-align: middle;
}

@media screen and (min-width: 980px) {
    .tips-body__title-image img {
        max-width: 80px;
        max-height: 80px;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__title-image img {
        width: 10.66667vw;
        height: 10.66667vw;
    }
}

.tips-body__title-text {
    font-weight: bold;
    line-height: 1;
}

@media screen and (min-width: 980px) {
    .tips-body__title-text {
        padding-left: 20px;
        font-size: 1.875rem;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__title-text {
        padding-left: 10px;
        font-size: 1.1875rem;
    }
}

@media screen and (min-width: 980px) {
    .tips-body__list {
        margin-left: -40px;
    }
    .tips-body__list:after {
        display: block;
        clear: both;
        content: "";
    }
}

@media screen and (max-width: 979px) {
    .tips-body__list {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media screen and (min-width: 980px) {
    .tips-body__list-item {
        float: left;
        overflow: hidden;
        margin-bottom: 40px;
        margin-left: 40px;
        width: calc(33.33333% - 40px);
        height: 340px;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__list-item {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #d6dedc;
    }
    .tips-body__list-item:last-child {
        margin-bottom: 0;
    }
}

.tips-body__list-item a {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.tips-body__list-item a img {
    transition: opacity .3s;
}

.tips-body__list-item a:hover {
    color: #39c8ec;
}

.tips-body__list-item a:hover img {
    opacity: 0.9;
}

.tips-body__list-item--new {
    position: relative;
}

.tips-body__list-item--new::after {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    background-image: url("../img/icon/new.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
}

@media screen and (min-width: 980px) {
    .tips-body__list-item--new::after {
        right: 0;
        width: 54px;
        height: 30px;
        background-size: contain;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__list-item--new::after {
        left: calc(40vw - 9.6vw);
        width: 9.6vw;
        height: 5.33333vw;
        background-size: 120%;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__list-item-inner {
        display: table;
    }
}

@media screen and (min-width: 980px) {
    .tips-body__list-item-figure {
        overflow: hidden;
        margin-bottom: 30px;
        width: 100%;
        height: 200px;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__list-item-figure {
        display: table-cell;
        width: 40vw;
        height: 26.66667vw;
        vertical-align: top;
    }
}

.tips-body__list-item-figure img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
}

.tips-body__list-item-figure--movie {
    position: relative;
}

.tips-body__list-item-figure--movie::before, .tips-body__list-item-figure--movie::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    border-style: solid;
    border-color: #FFF;
    content: '';
    opacity: 0.5;
}

.tips-body__list-item-figure--movie::before {
    box-sizing: border-box;
    border-radius: 100%;
}

@media screen and (min-width: 980px) {
    .tips-body__list-item-figure--movie::before {
        margin-top: -45px;
        margin-left: -45px;
        width: 90px;
        height: 90px;
        border-width: 4px;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__list-item-figure--movie::before {
        margin-top: -6vw;
        margin-left: -6vw;
        width: 12vw;
        height: 12vw;
        border-width: 0.53333vw;
    }
}

.tips-body__list-item-figure--movie::after {
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #FFF;
}

@media screen and (min-width: 980px) {
    .tips-body__list-item-figure--movie::after {
        margin-top: -18px;
        margin-left: -8px;
        border-width: 18px 0 18px 27px;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__list-item-figure--movie::after {
        margin-top: -2.4vw;
        margin-left: -1.06667vw;
        border-width: 2.4vw 0 2.4vw 3.6vw;
    }
}

.tips-body__list-item-text {
    font-weight: bold;
}

@media screen and (min-width: 980px) {
    .tips-body__list-item-text {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__list-item-text {
        display: table-cell;
        padding-left: 20px;
        vertical-align: top;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__more {
        margin-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
    }
}

.tips-body__more-button a {
    position: relative;
    display: block;
    border-radius: 4px;
    background-image: url("../img/common/arrow_down_blue.svg");
    background-position: center right 20px;
    background-size: 16px auto;
    background-repeat: no-repeat;
    color: #39c8ec;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

@media screen and (min-width: 980px) {
    .tips-body__more-button a {
        padding: 21px 0;
        border: solid 2px #39c8ec;
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 979px) {
    .tips-body__more-button a {
        padding: 10px 0;
        border: solid 1px #39c8ec;
        font-size: 1rem;
    }
}

.tips-body__more-button a:hover {
    background-color: #eefbfe;
}

.tips-result {
    border-top: solid 1px #d6dedc;
}

@media screen and (min-width: 980px) {
    .tips-result {
        margin-top: 44px;
        padding-top: 50px;
    }
}

@media screen and (max-width: 979px) {
    .tips-result {
        padding-top: 30px;
    }
}

.tips-result__title {
    text-align: center;
    font-weight: bold;
    line-height: 1.0;
}

@media screen and (min-width: 980px) {
    .tips-result__title {
        margin-bottom: 30px;
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 979px) {
    .tips-result__title {
        margin-bottom: 4.8vw;
        font-size: 1.1875rem;
    }
}

.tips-result__number {
    text-align: center;
    font-weight: bold;
    line-height: 1.0;
}

@media screen and (min-width: 980px) {
    .tips-result__number {
        margin-bottom: 40px;
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 979px) {
    .tips-result__number {
        margin-bottom: 1.33333vw;
        font-size: 1.09375rem;
    }
}

@media screen and (max-width: 979px) {
    .tips-result__list {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
}

.tips-result__list-item {
    border-bottom: solid 1px #D6DEDC;
    /*
                @media screen and (min-width: 980px) {
                    padding-bottom: 20px;
                    margin-bottom: 20px;
                }
                @media screen and (max-width: 979px) {
                    padding-top: pxtovw(40,'sp');
                    padding-bottom: pxtovw(40,'sp');
                }
                */
}

.tips-result__list-item a {
    display: block;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.tips-result__list-item a:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (min-width: 980px) {
    .tips-result__list-item a {
        padding-bottom: 20px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 979px) {
    .tips-result__list-item a {
        padding-top: 5.33333vw;
        padding-bottom: 5.33333vw;
    }
}

.tips-result__list-item a:hover {
    background-color: #eefbfe;
}

.tips-result__list-item:last-child {
    margin-bottom: 0;
}

.tips-result__headline {
    font-weight: bold;
    line-height: 1.0;
}

@media screen and (min-width: 980px) {
    .tips-result__headline {
        margin-bottom: 20px;
        padding-top: 20px;
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 979px) {
    .tips-result__headline {
        margin-bottom: 2.66667vw;
        font-size: 1rem;
    }
}

.tips-result__headline-em {
    color: #FF6500;
}

.tips-result__figure {
    float: left;
}

@media screen and (min-width: 980px) {
    .tips-result__figure {
        margin-right: 20px;
        width: 155px;
        height: 108px;
    }
}

@media screen and (max-width: 979px) {
    .tips-result__figure {
        margin-top: 2vw;
        margin-right: 3.33333vw;
        width: 28.93333vw;
        height: 19.2vw;
    }
}

@media screen and (min-width: 980px) {
    .tips-result__text {
        font-size: 1rem;
        line-height: 2.375;
    }
}

@media screen and (max-width: 979px) {
    .tips-result__text {
        line-height: 1.75;
    }
}

.tips-result__text-em {
    color: #FF6500;
}

@media screen and (min-width: 980px) {
    .tips-result__more {
        margin-top: 50px;
    }
}

@media screen and (max-width: 979px) {
    .tips-result__more {
        margin-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
    }
}

.tips-result__more-button a {
    position: relative;
    display: block;
    border-radius: 4px;
    background-image: url("../img/common/arrow_down_blue.svg");
    background-position: center right 20px;
    background-size: 16px auto;
    background-repeat: no-repeat;
    color: #39c8ec;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

@media screen and (min-width: 980px) {
    .tips-result__more-button a {
        padding: 21px 0;
        border: solid 2px #39c8ec;
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 979px) {
    .tips-result__more-button a {
        padding: 10px 0;
        border: solid 1px #39c8ec;
        font-size: 1rem;
    }
}

.tips-result__more-button a:hover {
    background-color: #eefbfe;
}

.tips-detail {
    border-top-width: 6px;
    border-top-style: solid;
}

@media screen and (min-width: 980px) {
    .tips-detail {
        padding-top: 52px;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail {
        padding-top: 20px;
    }
}

.tips-detail--color1 {
    border-top-color: #f3942a;
}

.tips-detail--color2 {
    border-top-color: #e55c92;
}

.tips-detail--color3 {
    border-top-color: #af7cc9;
}

.tips-detail--color4 {
    border-top-color: #3376e3;
}

.tips-detail--color5 {
    border-top-color: #68c520;
}

@media screen and (min-width: 980px) {
    .tips-detail__header {
        margin-bottom: 34px;
        padding-bottom: 20px;
        border-bottom: 1px solid #d6dedc;
    }
    .tips-detail__header-inner {
        display: table;
        margin-right: auto;
        margin-left: auto;
    }
    .tips-detail__header-image, .tips-detail__header-text {
        display: table-cell;
        vertical-align: middle;
    }
    .tips-detail__header-image img {
        max-width: 80px;
        max-height: 80px;
    }
    .tips-detail__header-text {
        padding-left: 20px;
        font-weight: bold;
        font-size: 1.875rem;
        line-height: 1;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__header {
        display: none;
    }
}

@media screen and (min-width: 980px) {
    .tips-detail__content {
        margin-right: auto;
        margin-left: auto;
        max-width: 700px;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__content {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
}

@media screen and (min-width: 980px) {
    .tips-detail__title {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__title {
        margin-bottom: 7.2vw;
    }
}

.tips-detail__title-text {
    font-weight: bold;
}

@media screen and (min-width: 980px) {
    .tips-detail__title-text {
        font-size: 1.375rem;
        line-height: 1.63636;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__title-text {
        font-size: 1.125rem;
        line-height: 1.55556;
    }
}

.tips-detail__title-tag:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (min-width: 980px) {
    .tips-detail__title-tag {
        margin-top: 18px;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__title-tag {
        margin-top: 1.6vw;
    }
}

.tips-detail__title-tag-item {
    float: left;
    border: solid 1px #39c8ec;
    border-radius: 5px;
    color: #39c8ec;
    font-weight: bold;
}

@media screen and (min-width: 980px) {
    .tips-detail__title-tag-item {
        margin-right: 10px;
        padding-right: 10px;
        padding-left: 10px;
        height: 34px;
        font-size: 1rem;
        line-height: 34px;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__title-tag-item {
        margin-right: 1.46667vw;
        padding-right: 3.33333vw;
        padding-left: 3.33333vw;
        height: 7.2vw;
        font-size: 0.8125rem;
        line-height: 7.2vw;
    }
}

.tips-detail__we figure {
    text-align: center;
}

@media screen and (min-width: 980px) {
    .tips-detail__we figure {
        margin-bottom: 27px;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__we figure {
        margin-bottom: 2.8vw;
    }
}

.tips-detail__we figure img {
    width: 100%;
    height: auto;
}

.tips-detail__we figure iframe {
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 980px) {
    .tips-detail__we p {
        margin-bottom: 45px;
        font-size: 1rem;
        line-height: 2.375;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__we p {
        margin-bottom: 7.2vw;
        font-size: 1rem;
        line-height: 1.75;
    }
}

.tips-detail__we a {
    color: #00cbf0;
}

.tips-detail__we figure:last-child, .tips-detail__we p:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 980px) {
    .tips-detail__next {
        margin-top: 80px;
        margin-right: auto;
        margin-left: auto;
        max-width: 700px;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__next {
        margin-top: 18.26667vw;
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
}

.tips-detail__next-detail {
    display: table;
    width: 100%;
}

.tips-detail__next-detail a {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.tips-detail__next-detail a img {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.tips-detail__next-detail a:hover {
    color: #39c8ec;
}

.tips-detail__next-detail a:hover img {
    opacity: 0.8;
}

.tips-detail__next-detail-item {
    display: table-cell;
    box-sizing: border-box;
    width: 50%;
    vertical-align: top;
}

@media screen and (min-width: 980px) {
    .tips-detail__next-detail-item:first-child {
        padding-right: 50px;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__next-detail-item:first-child {
        padding-right: 4.53333vw;
    }
}

@media screen and (min-width: 980px) {
    .tips-detail__next-detail-item:last-child {
        padding-left: 50px;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__next-detail-item:last-child {
        padding-left: 4.53333vw;
    }
}

@media screen and (min-width: 980px) {
    .tips-detail__next-list {
        margin-top: 72px;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__next-list {
        margin-top: 7.2vw;
    }
}

.tips-detail__next-list:first-child {
    margin-top: 0;
}

.tips-detail__next-list a {
    display: block;
    border: solid 1px #39c8ec;
    border-radius: 5px;
    background-image: url("../img/common/arrow_left_blue_bold.png");
    background-repeat: no-repeat;
    color: #39c8ec;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

@media screen and (min-width: 980px) {
    .tips-detail__next-list a {
        padding: 15px 0;
        background-position: 20px 50%;
        background-size: auto 18px;
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__next-list a {
        padding: 4.13333vw 0;
        background-position: 4.13333vw 50%;
        background-size: auto 4.13333vw;
        font-size: 1rem;
    }
}

.tips-detail__next-list a:hover {
    background-color: #eefbfe;
}

.tips-detail__next-headline {
    text-align: center;
    font-weight: bold;
    line-height: 1;
}

@media screen and (min-width: 980px) {
    .tips-detail__next-headline {
        margin-bottom: 28px;
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__next-headline {
        margin-bottom: 4.13333vw;
        font-size: 1.1875rem;
    }
}

.tips-detail__next-headline--prev::before, .tips-detail__next-headline--next::after {
    display: inline-block;
    margin-top: -0.2em;
    width: 0.8em;
    height: 0.8em;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    vertical-align: middle;
}

.tips-detail__next-headline--prev::before {
    background-image: url("../img/common/arrow_left_blue_bold.png");
}

@media screen and (min-width: 980px) {
    .tips-detail__next-headline--prev::before {
        margin-right: 0.5em;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__next-headline--prev::before {
        margin-right: 0.2em;
    }
}

.tips-detail__next-headline--next::after {
    background-image: url("../img/common/arrow_right_blue_bold.png");
}

@media screen and (min-width: 980px) {
    .tips-detail__next-headline--next::after {
        margin-left: 0.5em;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__next-headline--next::after {
        margin-left: 0.2em;
    }
}

.tips-detail__next-text {
    font-weight: bold;
}

@media screen and (min-width: 980px) {
    .tips-detail__next-text {
        font-size: 1.125rem;
        line-height: 1.55556;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__next-text {
        font-size: 1.125rem;
        line-height: 1.44444;
    }
}

@media screen and (min-width: 980px) {
    .tips-detail__next-img {
        margin-top: 20px;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__next-img {
        margin-top: 4.13333vw;
    }
}

.tips-detail__next-img img {
    width: 100%;
    height: auto;
}

.tips-detail__relate {
    overflow: hidden;
}

@media screen and (min-width: 980px) {
    .tips-detail__relate {
        margin-top: 75px;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__relate {
        margin-top: 16vw;
    }
}

.tips-detail__relate-title {
    text-align: center;
    font-weight: bold;
    line-height: 1;
}

@media screen and (min-width: 980px) {
    .tips-detail__relate-title {
        margin-bottom: 37px;
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__relate-title {
        margin-bottom: 1.73333vw;
        font-size: 1.1875rem;
    }
}

@media screen and (min-width: 980px) {
    .tips-detail__relate-list {
        display: table;
        margin-right: -40px;
        margin-left: -40px;
        border-spacing: 40px 0;
        border-collapse: separate;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__relate-list {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
}

.tips-detail__relate-list a {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.tips-detail__relate-list a img {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.tips-detail__relate-list a:hover {
    color: #39c8ec;
}

.tips-detail__relate-list a:hover img {
    opacity: 0.8;
}

@media screen and (min-width: 980px) {
    .tips-detail__relate-list-item {
        display: table-cell;
        box-sizing: border-box;
        width: 33.33333%;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__relate-list-item {
        padding-top: 4.4vw;
        padding-bottom: 4.4vw;
        border-bottom: solid 1px #d6dedc;
    }
    .tips-detail__relate-list-item:after {
        display: block;
        clear: both;
        content: "";
    }
    .tips-detail__relate-list-item a {
        display: block;
    }
}

@media screen and (min-width: 980px) {
    .tips-detail__relate-figure {
        margin-bottom: 23px;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__relate-figure {
        float: left;
        margin-right: 4.66667vw;
        width: 40vw;
        height: 26.66667vw;
    }
}

.tips-detail__relate-text {
    font-weight: bold;
}

@media screen and (min-width: 980px) {
    .tips-detail__relate-text {
        font-size: 1.125rem;
        line-height: 1.55556;
    }
}

@media screen and (max-width: 979px) {
    .tips-detail__relate-text {
        font-size: 1.125rem;
        line-height: 1.44444;
    }
}

/*  pagenav-flex_
--------------------------------------------- */
.pagenav-flex__main-nav {
    display: flex;

    flex-wrap: wrap;
}

.pagenav-flex__main-nav-item {
    display: flex;
    box-sizing: border-box;
    padding: 10px 0;
    width: 50%;
    border-bottom: 1px solid #d6dedc;
    text-align: center;
    font-size: 3.64vw;

    align-items: center;
    justify-content: center;
}

.pagenav-flex__main-nav-item:nth-child(odd) {
    border-right: 1px solid #d6dedc;
}

/* 　▼▽▼ 2017/09/25 VR追加 ▼▽▼　 */
/*   page-nav__list-arrow
 　　※リストの項目が1行の場合に使用　（本人認証）
 --------------------------------------------- */
.page-nav__list-arrow {
    margin: 10px -8px;
    width: 20px;
    height: 20px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    transform: rotate(45deg);
}

@media screen and (max-width: 979px) {
    .page-nav__list-arrow {
        margin: 1vw 1.66667vw 0 -1.66667vw;
        width: 4.33333vw;
        height: 4.33333vw;
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        transform: rotate(45deg);
    }
}

/*   page-nav__list-arrow_kaiyaku
 　　※リストの項目が2行になる場合に使用　（解約通知）
 --------------------------------------------- */
.page-nav__list-arrow_kaiyaku {
    margin: 10px 0 0 -10px;
    width: 20px;
    height: 20px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    transform: rotate(45deg);
}

@media screen and (max-width: 979px) {
    .page-nav__list-arrow_kaiyaku {
        margin: 3vw 1.66667vw 0 -1.66667vw;
        width: 4.33333vw;
        height: 4.33333vw;
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        transform: rotate(45deg);
    }
}

.forms-alert {
    margin-bottom: 20px;
    padding: 10px;
    background: red;
    color: #fff;
}

/* 　▲△▲ 2017/09/25 VR追加 ▲△▲　 */
/* ==========================================================
*
*   page
*
========================================================== */
/* ---------------------------------------------
*   Login
--------------------------------------------- */
.login {
    margin-right: auto;
    margin-left: auto;
    padding-top: 40px;
    padding-right: 10px;
    padding-left: 10px;
    width: 550px;
}

.login:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 979px) {
    .login {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
        width: auto;
    }
}

.login__head {
    margin: 0 auto;
    width: 200px;
}

.login__head-logo {
    display: inline-block;
    display: block;
    overflow: hidden;
    padding-top: 25px;
    height: 0;
    background-image: url(../img/common/logo.svg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    line-height: 2.0;
}

.login__head-text {
    display: block;
    margin-top: 18px;
    color: #39c8ec;
    text-align: center;
    font-weight: bold;
    font-size: 1.375rem;
    line-height: 1.0;
}

.login__form {
    margin-top: 60px;
    margin-right: auto;
    margin-bottom: 70px;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    width: 280px;
}

.login__form:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 979px) {
    .login__form {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
        width: auto;
    }
}

.login__form--pcadjust {
    width: 400px;
    text-align: center;
}

.login__form-text {
    display: block;
    box-sizing: border-box;
    margin-top: 25px;
    padding: 14px 20px;
    width: 100%;
    height: 46px;
    border-radius: 4px;
    font-size: 1rem;
    line-height: 1.0;
}

.login__form-text:placeholder-shown {
    color: #919397 !important;
    letter-spacing: 0em;
    font-size: inherit;
}

.login__form-text::-webkit-input-placeholder {
    color: #919397 !important;
    letter-spacing: 0em;
    font-size: inherit;
}

.login__form-text:-moz-placeholder {
    color: #919397 !important;
    letter-spacing: 0em;
    font-size: inherit;
    opacity: 1;
}

.login__form-text::-moz-placeholder {
    color: #919397 !important;
    letter-spacing: 0em;
    font-size: inherit;
    opacity: 1;
}

.login__form-text:-ms-input-placeholder {
    color: #919397 !important;
    letter-spacing: 0em;
    font-size: inherit;
}

.login__form-text:-ms-input-placeholder {
    padding-top: 18px;
    font-size: inherit;
}

.login__form-button {
    display: inline-block;
    display: block;
    box-sizing: border-box;
    margin-top: 25px;
    padding: 14px;
    width: 100%;
    height: 46px;
    border: 1px solid #39c8ec;
    border-radius: 2px;
    border-radius: 4px;
    background-color: #39c8ec;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.0;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity 0.3s;
}

.login__form-button:hover {
    text-decoration: none;
    opacity: 0.8;
}

@media screen and (max-width: 979px) {
    .login__form-button:hover {
        opacity: 1;
    }
}

.login__form-support {
    margin-top: 12px;
    line-height: 2.0;
}

.login__form-support-item {
    display: inline-block;	/* 2017/09/25 VR変更　『display: block;』⇒『display: inline-block;』 */
    font-size: 0.875rem;
    cursor: pointer;
}

.login__form-support-linkunderline {
    text-decoration: underline;
}

.login__form-support-link {
    display: block;
    margin-top: 2px;
    text-decoration: underline;
    font-size: 0.75rem;
}

.login__form-support-link:after {
    display: inline-block;
    background-image: url(../img/common/arrow_path_right_gray.png);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
}

.login__form-support-link:after {
    margin-left: 5px;
    width: 5px;
    height: 10px;
}

.login__form-support-link:hover {
    text-decoration: none;
}

.login__form-checkbox {
    margin-right: 5px;
}

.login__body {
    border-top: 1px solid #d6dedc;
}

.login__description {
    font-size: 0.75rem;
    line-height: 2.0;
}

.login__description-title {
    margin-top: 15px;
    font-weight: bold;
    font-size: 0.875rem;
}

.login__description-title + .login__description-text {
    margin-top: 0;
}

.login__description-text {
    margin-top: 15px;
}

@media screen and (max-width: 979px) {
    .login {
        padding-top: 13.33333vw;
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
    }
    .login__head {
        margin: 0 auto;
        width: 40vw;
    }
    .login__head-logo {
        padding-top: 4.93333vw;
        background-size: contain;
    }
    .login__head-text {
        margin-top: 4vw;
        font-size: 1.0625rem;
    }
    .login__form {
        margin-top: 4vw;
        margin-bottom: 5.33333vw;
        padding-right: 0;
        padding-left: 0;
    }
    .login__form--pcadjust {
        width: 100%;
    }
    .login__form-text {
        margin-top: 6.66667vw;
        padding: 3.73333vw 2.4vw;
        height: 12.26667vw;
    }
    .login__form-button {
        margin-top: 6.66667vw;
        padding: 4vw;
        height: 12.26667vw;
    }
    .login__form-support {
        margin-top: 4vw;
        line-height: 2.0;
    }
    .login__form-support-link {
        margin-top: 0.4vw;
        font-size: 0.8125rem;
    }
    .login__form-support-link:after {
        margin-left: 1.33333vw;
        width: 1.33333vw;
        height: 2.66667vw;
    }
    .login__form-support-link:hover {
        text-decoration: none;
    }
    .login__form-checkbox {
        margin-right: 2.66667vw;
    }
    .login__description {
        font-size: 0.9375rem;
        line-height: 1.5;
    }
    .login__description-title {
        margin-top: 6vw;
        font-size: 0.9375rem;
    }
    .login__description-title + .login__description-text {
        margin-top: 0;
    }
    .login__description-text {
        margin-top: 4vw;
    }
}

/* -- ie11 -- */
.ie11 .login__form-button {
    padding-top: 18px;
    padding-bottom: 10px;
}

/* -- safari -- */
.ie10 .login__form-text,
.safari .login__form-text {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 46px;
}

/* ---------------------------------------------
*   Site Top
--------------------------------------------- */
/*  index-news
--------------------------------------------- */
.index-news {
    display: table;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    padding-right: 10px;
    padding-left: 10px;
    width: 830px;
}

.index-news:after {
    display: block;
    clear: both;
    content: "";
}

@media screen and (max-width: 979px) {
    .index-news {
        padding-right: 5.33333vw;
        padding-left: 5.33333vw;
        width: auto;
    }
}

.index-news__head, .index-news__body, .index-news__link {
    display: table-cell;
    vertical-align: middle;
}

.index-news__head {
    width: 125px;
    font-weight: bold;
    font-size: 1.375rem;
}

.index-news__body {
    padding-right: 35px;
    padding-left: 40px;
    border-left: 1px solid #dae1e5;
}

.index-news__link {
    width: 80px;
    text-align: center;
    font-size: 0.875rem;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.index-news__link:hover {
    color: #39c8ec;
}

@media screen and (max-width: 979px) {
    .index-news__link:hover {
        color: inherit;
    }
}

.index-news__link:after {
    display: block;
    margin-top: 5px;
    width: 100%;
    height: 32px;
    background: url(../img/common/arrow_right_blue.png) 50% 50% no-repeat;
    background-size: auto 100%;
    content: "";
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.index-news__link:hover:after {
    opacity: .6;
}

@media screen and (max-width: 979px) {
    .index-news {
        position: relative;
        display: block;
        padding-top: 6.66667vw;
    }
    .index-news__head, .index-news__body, .index-news__link {
        display: block;
    }
    .index-news__head {
        margin-bottom: 4vw;
        width: auto;
        font-size: 1.0625rem;
    }
    .index-news__body {
        padding-right: 0;
        padding-left: 0;
        border-left: 0;
    }
    .index-news__link {
        position: absolute;
        top: 7.33333vw;
        right: 5.33333vw;
        padding-right: 6vw;
        width: auto;
        text-align: right;
    }
    .index-news__link:after {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: 0;
        width: 4.4vw;
        height: 4.26667vw;
        background-size: contain;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .index-news__link:hover:after {
        opacity: 1.0;
    }
}

/* -- ie11 -- */
.ie11 .index-news__head {
    padding-top: 10px;
}