@charset "utf-8";

/*======================================================================
kmer.ruから流用
======================================================================*/
/* Margin SP */
@media screen and (max-width : 767px) {
    .mt0 { margin-top: 0!important }
    .mt-5 { margin-top: .5rem!important }
    .mt1 { margin-top: 1rem!important }
    .mt1-5 { margin-top: 1.5rem!important }
    .mt2 { margin-top: 2rem!important }
    .mt3 { margin-top: calc(3rem/1.7)!important }
    .mt4 { margin-top: calc(4rem/1.5)!important }
    .mt5 { margin-top: calc(5rem/1.5)!important }
    .mt6 { margin-top: calc(6rem/1.5)!important }
    .mt7 { margin-top: calc(7rem/1.5)!important }
    .mt8 { margin-top: calc(8rem/1.5)!important }
    .mt9 { margin-top: calc(9rem/1.5)!important }
    .mt10 { margin-top: calc(10rem/1.5)!important }
    .mt11 { margin-top: calc(11rem/1.5)!important }
    .mt12 { margin-top: calc(12rem/1.5)!important }
    .mt13 { margin-top: calc(13rem/1.5)!important }
    .mt14 { margin-top: calc(14rem/1.5)!important }
    .mt15 { margin-top: calc(15rem/1.5)!important }

    .mb0 { margin-bottom: 0!important }
    .mb1 { margin-bottom: 1rem!important }
    .mb2 { margin-bottom: 2rem!important }
    .mb3 { margin-bottom: 3rem!important }
    .mb4 { margin-bottom: calc(4rem/1.5)!important }
    .mb5 { margin-bottom: calc(5rem/1.5)!important }
    .mb6 { margin-bottom: calc(6rem/1.5)!important }
    .mb7 { margin-bottom: calc(7rem/1.5)!important }
    .mb8 { margin-bottom: calc(8rem/1.5)!important }
    .mb9 { margin-bottom: calc(9rem/1.5)!important }
    .mb10 { margin-bottom: calc(10rem/1.5)!important }
    .mb11 { margin-bottom: calc(11rem/1.5)!important }
    .mb12 { margin-bottom: calc(12rem/1.5)!important }
    .mb13 { margin-bottom: calc(13rem/1.5)!important }
    .mb14 { margin-bottom: calc(14rem/1.5)!important }
    .mb15 { margin-bottom: calc(15rem/1.5)!important }

    .ml0 { margin-left: 0!important }
    .ml1 { margin-left: 1rem!important }
    .ml2 { margin-left: 2rem!important }
    .ml4 { margin-left: calc(4rem/2)!important }

    .mr0 { margin-right: 0!important }
    .mr1 { margin-right: 1rem!important }
    .mr2 { margin-right: 2rem!important }
    .mr4 { margin-right: calc(4rem/2)!important }

    .mt1-sp { margin-top: 1rem!important }
    .mt1-5-sp { margin-top: 1.5rem!important }
    .mt2-sp { margin-top: 2rem!important }
    .mt3-sp { margin-top: 3rem!important }
    .mt4-sp { margin-top: 4rem!important }
    .mt5-sp { margin-top: 5rem!important }

    /* Padding */
    .pt0 { padding-top: 0!important }
    .pt1 { padding-top: 1rem!important }
    .pt2 { padding-top: 2rem!important }
    .pt3 { padding-top: 3rem!important }
    .pt4 { padding-top: calc(4rem/1.5)!important }
    .pt5 { padding-top: calc(5rem/1.5)!important }
    .pt6 { padding-top: calc(6rem/1.5)!important }
    .pt7 { padding-top: calc(7rem/1.5)!important }
    .pt8 { padding-top: calc(8rem/1.5)!important }
    .pt9 { padding-top: calc(9rem/1.5)!important }
    .pt10 { padding-top: calc(10rem/1.5)!important }
    .pt15 { padding-top: calc(15rem/1.5)!important }

    .pb0 { padding-bottom: 0!important }
    .pb1 { padding-bottom: 1rem!important }
    .pb2 { padding-bottom: 2rem!important }
    .pb3 { padding-bottom: 3rem!important }
    .pb4 { padding-bottom: calc(4rem/1.5)!important }
    .pb5 { padding-bottom: calc(5rem/1.5)!important }
    .pb6 { padding-bottom: calc(6rem/1.5)!important }
    .pb7 { padding-bottom: calc(7rem/1.5)!important }
    .pb8 { padding-bottom: calc(8rem/1.5)!important }
    .pb9 { padding-bottom: calc(9rem/1.5)!important }
    .pb10 { padding-bottom: calc(10rem/1.5)!important }
    .pb15 { padding-bottom: calc(15rem/1.5)!important }

    .pt0-sp { padding-top: 0!important }
    .pt1-sp { padding-top: 1rem!important }
    .pt2-sp { padding-top: 2rem!important }
    .pt3-sp { padding-top: 3rem!important }
    .pt4-sp { padding-top: calc(4rem/1.5)!important }
    .pt5-sp { padding-top: calc(5rem/1.5)!important }

    .pb0-sp { padding-bottom: 0!important }
    .pb1-sp { padding-bottom: 1rem!important }
    .pb2-sp { padding-bottom: 2rem!important }
    .pb3-sp { padding-bottom: 3rem!important }
    .pb4-sp { padding-bottom: calc(4rem/1.5)!important }
    .pb5-sp { padding-bottom: calc(5rem/1.5)!important }
}

/* Margin PC */
@media screen and (min-width : 768px) {
    .mt0 { margin-top: 0!important }
    .mt1 { margin-top: 1rem!important }
    .mt1-5 { margin-top: 1.5rem!important }
    .mt2 { margin-top: 2rem!important }
    .mt3 { margin-top: 3rem!important }
    .mt4 { margin-top: 4rem!important }
    .mt5 { margin-top: 5rem!important }
    .mt6 { margin-top: 6rem!important }
    .mt7 { margin-top: 7rem!important }
    .mt8 { margin-top: 8rem!important }
    .mt9 { margin-top: 9rem!important }
    .mt10 { margin-top: 10rem!important }
    .mt11 { margin-top: 11rem!important }
    .mt12 { margin-top: 12rem!important }
    .mt13 { margin-top: 13rem!important }
    .mt14 { margin-top: 14rem!important }
    .mt15 { margin-top: 15rem!important }

    .mt1-pc { margin-top: 1rem!important }
    .mt1-5-pc { margin-top: 1.5rem!important }
    .mt2-pc { margin-top: 2rem!important }
    .mt3-pc { margin-top: 3rem!important }

    .mb0 { margin-bottom: 0!important }
    .mb1 { margin-bottom: 1rem!important }
    .mb2 { margin-bottom: 2rem!important }
    .mb3 { margin-bottom: 3rem!important }
    .mb4 { margin-bottom: 4rem!important }
    .mb5 { margin-bottom: 5rem!important }
    .mb6 { margin-bottom: 6rem!important }
    .mb7 { margin-bottom: 7rem!important }
    .mb8 { margin-bottom: 8rem!important }
    .mb9 { margin-bottom: 9rem!important }
    .mb10 { margin-bottom: 10rem!important }
    .mb11 { margin-bottom: 11rem!important }
    .mb12 { margin-bottom: 12rem!important }
    .mb13 { margin-bottom: 13rem!important }
    .mb14 { margin-bottom: 14rem!important }
    .mb15 { margin-bottom: 15rem!important }

    .ml0 { margin-left: 0!important }
    .ml1 { margin-left: 1rem!important }
    .ml2 { margin-left: 2rem!important }
    .ml4 { margin-left: 4rem!important }
    .mla { margin-left: auto!important }

    .mr0 { margin-right: 0!important }
    .mr1 { margin-right: 1rem!important }
    .mr2 { margin-right: 2rem!important }
    .mr4 { margin-right: 4rem!important }
    .mra { margin-right: auto!important }

    /* Padding */
    .pt0 { padding-top: 0!important }
    .pt1 { padding-top: 1rem!important }
    .pt2 { padding-top: 2rem!important }
    .pt3 { padding-top: 3rem!important }
    .pt4 { padding-top: 4rem!important }
    .pt5 { padding-top: 5rem!important }
    .pt6 { padding-top: 6rem!important }
    .pt7 { padding-top: 7rem!important }
    .pt8 { padding-top: 8rem!important }
    .pt9 { padding-top: 9rem!important }
    .pt10 { padding-top: 10rem!important }
    .pt15 { padding-top: 15rem!important }

    .pb0 { padding-bottom: 0!important }
    .pb1 { padding-bottom: 1rem!important }
    .pb2 { padding-bottom: 2rem!important }
    .pb3 { padding-bottom: 3rem!important }
    .pb4 { padding-bottom: 4rem!important }
    .pb5 { padding-bottom: 5rem!important }
    .pb6 { padding-bottom: 6rem!important }
    .pb7 { padding-bottom: 7rem!important }
    .pb8 { padding-bottom: 8rem!important }
    .pb9 { padding-bottom: 9rem!important }
    .pb10 { padding-bottom: 10rem!important }
    .pb15 { padding-bottom: 15rem!important }

    .pl0 { padding-left: 0!important }
    .pl1 { padding-left: 1rem!important }
    .pl2 { padding-left: 2rem!important }
    .pl3 { padding-left: 3rem!important }
    .pl4 { padding-left: 4rem!important }
    .pl5 { padding-left: 5rem!important }
    .pl6 { padding-left: 6rem!important }
    .pl7 { padding-left: 7rem!important }
    .pl8 { padding-left: 8rem!important }
    .pl9 { padding-left: 9rem!important }
    .pl10 { padding-left: 10rem!important }
    .pl15 { padding-left: 15rem!important }

    .pr0 { padding-right: 0!important }
    .pr1 { padding-right: 1rem!important }
    .pr2 { padding-right: 2rem!important }
    .pr3 { padding-right: 3rem!important }
    .pr4 { padding-right: 4rem!important }
    .pr5 { padding-right: 5rem!important }
    .pr6 { padding-right: 6rem!important }
    .pr7 { padding-right: 7rem!important }
    .pr8 { padding-right: 8rem!important }
    .pr9 { padding-right: 9rem!important }
    .pr10 { padding-right: 10rem!important }
    .pr15 { padding-right: 15rem!important }

    .pt0-pc { padding-top: 0rem!important }
    .pt1-pc { padding-top: 1rem!important }
    .pt2-pc { padding-top: 2rem!important }
    .pt3-pc { padding-top: 3rem!important }
    .pt4-pc { padding-top: 4rem!important }
    .pt5-pc { padding-top: 5rem!important }

    .pb0-pc { padding-bottom: 0rem!important }
    .pb1-pc { padding-bottom: 1rem!important }
    .pb2-pc { padding-bottom: 2rem!important }
    .pb3-pc { padding-bottom: 3rem!important }
    .pb4-pc { padding-bottom: 4rem!important }
    .pb5-pc { padding-bottom: 5rem!important }

    .pl0-pc { padding-left: 0rem!important }
    .pl1-pc { padding-left: 1rem!important }
    .pl2-pc { padding-left: 2rem!important }
    .pl3-pc { padding-left: 3rem!important }
    .pl4-pc { padding-left: 4rem!important }
    .pl5-pc { padding-left: 5rem!important }

    .pr0-pc { padding-right: 0rem!important }
    .pr1-pc { padding-right: 1rem!important }
    .pr2-pc { padding-right: 2rem!important }
    .pr3-pc { padding-right: 3rem!important }
    .pr4-pc { padding-right: 4rem!important }
    .pr5-pc { padding-right: 5rem!important }

}

/* Width */
.w-100-pct { width: 100% !important }
.w-99-pct { width: 99% !important }
.w-97-pct { width: 97% !important }
.w-97-pct { width: 97% !important }
.w-96-pct { width: 96% !important }
.w-95-pct { width: 95% !important }
.w-94-pct { width: 94% !important }
.w-93-pct { width: 93% !important }
.w-92-pct { width: 92% !important }
.w-91-pct { width: 91% !important }
.w-90-pct { width: 90% !important }
.w-89-pct { width: 89% !important }
.w-88-pct { width: 88% !important }
.w-87-pct { width: 87% !important }
.w-86-pct { width: 86% !important }
.w-85-pct { width: 85% !important }
.w-84-pct { width: 84% !important }
.w-83-pct { width: 83% !important }
.w-82-pct { width: 82% !important }
.w-81-pct { width: 81% !important }
.w-80-pct { width: 80% !important }
.w-79-pct { width: 79% !important }
.w-78-pct { width: 78% !important }
.w-77-pct { width: 77% !important }
.w-76-pct { width: 76% !important }
.w-75-pct { width: 75% !important }
.w-74-pct { width: 74% !important }
.w-73-pct { width: 73% !important }
.w-72-pct { width: 72% !important }
.w-71-pct { width: 71% !important }
.w-70-pct { width: 70% !important }
.w-69-pct { width: 69% !important }
.w-68-pct { width: 68% !important }
.w-67-pct { width: 67% !important }
.w-66-pct { width: 66% !important }
.w-65-pct { width: 65% !important }
.w-64-pct { width: 64% !important }
.w-63-pct { width: 63% !important }
.w-62-pct { width: 62% !important }
.w-61-pct { width: 61% !important }
.w-60-pct { width: 60% !important }
.w-59-pct { width: 59% !important }
.w-58-pct { width: 58% !important }
.w-57-pct { width: 57% !important }
.w-56-pct { width: 56% !important }
.w-55-pct { width: 55% !important }
.w-54-pct { width: 54% !important }
.w-53-pct { width: 53% !important }
.w-52-pct { width: 52% !important }
.w-51-pct { width: 51% !important }
.w-50-pct { width: 50% !important }
.w-49-pct { width: 49% !important }
.w-48-pct { width: 48% !important }
.w-47-pct { width: 47% !important }
.w-46-pct { width: 46% !important }
.w-45-pct { width: 45% !important }
.w-44-pct { width: 44% !important }
.w-43-pct { width: 43% !important }
.w-42-pct { width: 42% !important }
.w-41-pct { width: 41% !important }
.w-40-pct { width: 40% !important }
.w-39-pct { width: 39% !important }
.w-38-pct { width: 38% !important }
.w-37-pct { width: 37% !important }
.w-36-pct { width: 36% !important }
.w-35-pct { width: 35% !important }
.w-34-pct { width: 34% !important }
.w-33-pct { width: 33% !important }
.w-32-pct { width: 32% !important }
.w-31-pct { width: 31% !important }
.w-30-pct { width: 30% !important }
.w-29-pct { width: 29% !important }
.w-28-pct { width: 28% !important }
.w-27-pct { width: 27% !important }
.w-26-pct { width: 26% !important }
.w-25-pct { width: 25% !important }
.w-24-pct { width: 24% !important }
.w-23-pct { width: 23% !important }
.w-22-pct { width: 22% !important }
.w-21-pct { width: 21% !important }
.w-20-pct { width: 20% !important }
.w-19-pct { width: 19% !important }
.w-18-pct { width: 18% !important }
.w-17-pct { width: 17% !important }
.w-16-pct { width: 16% !important }
.w-15-pct { width: 15% !important }
.w-10-pct { width: 10% !important }
.w-5-pct { width: 5% !important }
@media screen and (min-width : 768px) {
    .w-100-pct-pc { width: 100% !important }
    .w-99-pct-pc { width: 99% !important }
    .w-97-pct-pc { width: 97% !important }
    .w-97-pct-pc { width: 97% !important }
    .w-96-pct-pc { width: 96% !important }
    .w-95-pct-pc { width: 95% !important }
    .w-94-pct-pc { width: 94% !important }
    .w-93-pct-pc { width: 93% !important }
    .w-92-pct-pc { width: 92% !important }
    .w-91-pct-pc { width: 91% !important }
    .w-90-pct-pc { width: 90% !important }
    .w-89-pct-pc { width: 89% !important }
    .w-88-pct-pc { width: 88% !important }
    .w-87-pct-pc { width: 87% !important; max-width: 800px; }
    .w-86-pct-pc { width: 86% !important }
    .w-85-pct-pc { width: 85% !important }
    .w-84-pct-pc { width: 84% !important }
    .w-83-pct-pc { width: 83% !important }
    .w-82-pct-pc { width: 82% !important }
    .w-81-pct-pc { width: 81% !important }
    .w-80-pct-pc { width: 80% !important }
    .w-79-pct-pc { width: 79% !important }
    .w-78-pct-pc { width: 78% !important }
    .w-77-pct-pc { width: 77% !important }
    .w-76-pct-pc { width: 76% !important }
    .w-75-pct-pc { width: 75% !important }
    .w-74-pct-pc { width: 74% !important }
    .w-73-pct-pc { width: 73% !important }
    .w-72-pct-pc { width: 72% !important }
    .w-71-pct-pc { width: 71% !important }
    .w-70-pct-pc { width: 70% !important }
    .w-69-pct-pc { width: 69% !important }
    .w-68-pct-pc { width: 68% !important }
    .w-67-pct-pc { width: 67% !important }
    .w-66-pct-pc { width: 66% !important }
    .w-65-pct-pc { width: 65% !important }
    .w-64-pct-pc { width: 64% !important }
    .w-63-pct-pc { width: 63% !important }
    .w-62-pct-pc { width: 62% !important }
    .w-61-pct-pc { width: 61% !important }
    .w-60-pct-pc { width: 60% !important }
    .w-59-pct-pc { width: 59% !important }
    .w-58-pct-pc { width: 58% !important }
    .w-57-pct-pc { width: 57% !important }
    .w-56-pct-pc { width: 56% !important }
    .w-55-pct-pc { width: 55% !important }
    .w-54-pct-pc { width: 54% !important }
    .w-53-pct-pc { width: 53% !important }
    .w-52-pct-pc { width: 52% !important }
    .w-51-pct-pc { width: 51% !important }
    .w-50-pct-pc { width: 50% !important }
    .w-49-pct-pc { width: 49% !important; max-width: 450px; }
    .w-48-pct-pc { width: 48% !important }
    .w-47-pct-pc { width: 47% !important }
    .w-46-pct-pc { width: 46% !important }
    .w-45-pct-pc { width: 45% !important }
    .w-44-pct-pc { width: 44% !important }
    .w-43-pct-pc { width: 43% !important }
    .w-42-pct-pc { width: 42% !important }
    .w-41-pct-pc { width: 41% !important }
    .w-40-pct-pc { width: 40% !important }
    .w-39-pct-pc { width: 39% !important }
    .w-38-pct-pc { width: 38% !important }
    .w-37-pct-pc { width: 37% !important }
    .w-36-pct-pc { width: 36% !important }
    .w-35-pct-pc { width: 35% !important }
    .w-34-pct-pc { width: 34% !important }
    .w-33-pct-pc { width: 33% !important }
    .w-32-pct-pc { width: 32% !important }
    .w-31-pct-pc { width: 31% !important }
    .w-30-pct-pc { width: 30% !important }
    .w-29-pct-pc { width: 29% !important }
    .w-28-pct-pc { width: 28% !important }
    .w-27-pct-pc { width: 27% !important }
    .w-26-pct-pc { width: 26% !important }
    .w-25-pct-pc { width: 25% !important }
    .w-24-pct-pc { width: 24% !important }
    .w-23-pct-pc { width: 23% !important }
    .w-22-pct-pc { width: 22% !important }
    .w-21-pct-pc { width: 21% !important }
    .w-20-pct-pc { width: 20% !important }
    .w-19-pct-pc { width: 19% !important }
    .w-18-pct-pc { width: 18% !important }
    .w-17-pct-pc { width: 17% !important }
    .w-16-pct-pc { width: 16% !important }
    .w-15-pct-pc { width: 15% !important }
    .w-14-pct-pc { width: 14% !important }
    .w-13-pct-pc { width: 13% !important }
    .w-12-pct-pc { width: 12% !important }
    .w-11-pct-pc { width: 11% !important }
    .w-10-pct-pc { width: 10% !important }
    .w-5-pct-pc { width: 5% !important }
}
@media screen and (max-width : 767px) {
    .w-100-pct-sp { width: 100% !important }
    .w-99-pct-sp { width: 99% !important }
    .w-97-pct-sp { width: 97% !important }
    .w-97-pct-sp { width: 97% !important }
    .w-96-pct-sp { width: 96% !important }
    .w-95-pct-sp { width: 95% !important }
    .w-94-pct-sp { width: 94% !important }
    .w-93-pct-sp { width: 93% !important }
    .w-92-pct-sp { width: 92% !important }
    .w-91-pct-sp { width: 91% !important }
    .w-90-pct-sp { width: 90% !important }
    .w-89-pct-sp { width: 89% !important }
    .w-88-pct-sp { width: 88% !important }
    .w-87-pct-sp { width: 87% !important }
    .w-86-pct-sp { width: 86% !important }
    .w-85-pct-sp { width: 85% !important }
    .w-84-pct-sp { width: 84% !important }
    .w-83-pct-sp { width: 83% !important }
    .w-82-pct-sp { width: 82% !important }
    .w-81-pct-sp { width: 81% !important }
    .w-80-pct-sp { width: 80% !important }
    .w-79-pct-sp { width: 79% !important }
    .w-78-pct-sp { width: 78% !important }
    .w-77-pct-sp { width: 77% !important }
    .w-76-pct-sp { width: 76% !important }
    .w-75-pct-sp { width: 75% !important }
    .w-74-pct-sp { width: 74% !important }
    .w-73-pct-sp { width: 73% !important }
    .w-72-pct-sp { width: 72% !important }
    .w-71-pct-sp { width: 71% !important }
    .w-70-pct-sp { width: 70% !important }
    .w-69-pct-sp { width: 69% !important }
    .w-68-pct-sp { width: 68% !important }
    .w-67-pct-sp { width: 67% !important }
    .w-66-pct-sp { width: 66% !important }
    .w-65-pct-sp { width: 65% !important }
    .w-64-pct-sp { width: 64% !important }
    .w-63-pct-sp { width: 63% !important }
    .w-62-pct-sp { width: 62% !important }
    .w-61-pct-sp { width: 61% !important }
    .w-60-pct-sp { width: 60% !important }
    .w-59-pct-sp { width: 59% !important }
    .w-58-pct-sp { width: 58% !important }
    .w-57-pct-sp { width: 57% !important }
    .w-56-pct-sp { width: 56% !important }
    .w-55-pct-sp { width: 55% !important }
    .w-54-pct-sp { width: 54% !important }
    .w-53-pct-sp { width: 53% !important }
    .w-52-pct-sp { width: 52% !important }
    .w-51-pct-sp { width: 51% !important }
    .w-50-pct-sp { width: 50% !important }
    .w-49-pct-sp { width: 49% !important }
    .w-48-pct-sp { width: 48% !important }
    .w-47-pct-sp { width: 47% !important }
    .w-46-pct-sp { width: 46% !important }
    .w-45-pct-sp { width: 45% !important }
    .w-44-pct-sp { width: 44% !important }
    .w-43-pct-sp { width: 43% !important }
    .w-42-pct-sp { width: 42% !important }
    .w-41-pct-sp { width: 41% !important }
    .w-40-pct-sp { width: 40% !important }
    .w-39-pct-sp { width: 39% !important }
    .w-38-pct-sp { width: 38% !important }
    .w-37-pct-sp { width: 37% !important }
    .w-36-pct-sp { width: 36% !important }
    .w-35-pct-sp { width: 35% !important }
    .w-34-pct-sp { width: 34% !important }
    .w-33-pct-sp { width: 33% !important }
    .w-32-pct-sp { width: 32% !important }
    .w-31-pct-sp { width: 31% !important }
    .w-30-pct-sp { width: 30% !important }
    .w-29-pct-sp { width: 29% !important }
    .w-28-pct-sp { width: 28% !important }
    .w-27-pct-sp { width: 27% !important }
    .w-26-pct-sp { width: 26% !important }
    .w-25-pct-sp { width: 25% !important }
    .w-24-pct-sp { width: 24% !important }
    .w-23-pct-sp { width: 23% !important }
    .w-22-pct-sp { width: 22% !important }fs
    .w-21-pct-sp { width: 21% !important }
    .w-20-pct-sp { width: 20% !important }
    .w-19-pct-sp { width: 19% !important }
    .w-18-pct-sp { width: 18% !important }
    .w-17-pct-sp { width: 17% !important }
    .w-16-pct-sp { width: 16% !important }
    .w-15-pct-sp { width: 15% !important }
    .w-14-pct-sp { width: 14% !important }
    .w-13-pct-sp { width: 13% !important }
    .w-12-pct-sp { width: 12% !important }
    .w-11-pct-sp { width: 11% !important }
    .w-10-pct-sp { width: 10% !important }
    .w-5-pct-sp { width: 5% !important }
}

/* Font Size */
.fs-12 { font-size: 1.2rem !important }
.fs-13 { font-size: 1.3rem !important }
.fs-14 { font-size: 1.4rem !important }
.fs-16 { font-size: 1.6rem !important }
.fs-18 { font-size: 1.8rem !important }
.fs-20 { font-size: 2.0rem !important; line-height: 1.5; }
.fs-22 { font-size: 2.2rem !important; line-height: 1.5; }
.fs-24 { font-size: 2.4rem !important; line-height: 1.5; }
.fs-26 { font-size: 2.6rem !important; line-height: 1.5; }
.fs-28 { font-size: 2.8rem !important; line-height: 1.5; }
.fs-30 { font-size: 3.0rem !important; line-height: 1.5; }
.fs-34 { font-size: 3.4rem !important; line-height: 1.5; }
.fs-36 { font-size: 3.6rem !important; line-height: 1.5; }
@media screen and (min-width : 768px) {
    .fs-12-pc { font-size: 1.2rem !important }
    .fs-13-pc { font-size: 1.3rem !important }
    .fs-14-pc { font-size: 1.4rem !important }
    .fs-16-pc { font-size: 1.6rem !important }
    .fs-18-pc { font-size: 1.8rem !important }
    .fs-20-pc { font-size: 2.0rem !important; line-height: 1.5; }
    .fs-22-pc { font-size: 2.2rem !important; line-height: 1.5; }
    .fs-24-pc { font-size: 2.4rem !important; line-height: 1.5; }
    .fs-26-pc { font-size: 2.6rem !important; line-height: 1.5; }
    .fs-28-pc { font-size: 2.8rem !important; line-height: 1.5; }
    .fs-30-pc { font-size: 3.0rem !important; line-height: 1.5; }
    .fs-34-pc { font-size: 3.4rem !important; line-height: 1.5; }
    .fs-36-pc { font-size: 3.6rem !important; line-height: 1.5; }
}
@media screen and (max-width : 767px) {
    .fs-12-sp { font-size: 1.2rem !important }
    .fs-13-sp { font-size: 1.3rem !important }
    .fs-14-sp { font-size: 1.4rem !important }
    .fs-16-sp { font-size: 1.6rem !important }
    .fs-18-sp { font-size: 1.8rem !important }
    .fs-20-sp { font-size: 2.0rem !important; line-height: 1.5; }
    .fs-22-sp { font-size: 2.2rem !important; line-height: 1.5; }
    .fs-24-sp { font-size: 2.4rem !important; line-height: 1.5; }
    .fs-26-sp { font-size: 2.6rem !important; line-height: 1.5; }
    .fs-28-sp { font-size: 2.8rem !important; line-height: 1.5; }
    .fs-30-sp { font-size: 3.0rem !important; line-height: 1.5; }
    .fs-34-sp { font-size: 3.4rem !important; line-height: 1.5; }
    .fs-36-sp { font-size: 3.6rem !important; line-height: 1.5; }
}
@media screen and (max-width : 320px) {
    .fs-12-se { font-size: 1.2rem !important }
    .fs-13-se { font-size: 1.3rem !important }
    .fs-14-se { font-size: 1.4rem !important }
    .fs-16-se { font-size: 1.6rem !important }
    .fs-18-se { font-size: 1.8rem !important }
    .fs-20-se { font-size: 2.0rem !important; line-height: 1.5; }
    .fs-22-se { font-size: 2.2rem !important; line-height: 1.5; }
    .fs-24-se { font-size: 2.4rem !important; line-height: 1.5; }
    .fs-26-se { font-size: 2.6rem !important; line-height: 1.5; }
    .fs-28-se { font-size: 2.8rem !important; line-height: 1.5; }
    .fs-30-se { font-size: 3.0rem !important; line-height: 1.5; }
    .fs-34-se { font-size: 3.4rem !important; line-height: 1.5; }
    .fs-36-se { font-size: 3.6rem !important; line-height: 1.5; }
}

/* Text-align */
.tal { text-align: left !important }
.tar { text-align: right !important }
.tac { text-align: center !important }
.tac > img {
    margin-left: auto;
    margin-right: auto;
}
.tac-pc { text-align: left !important }
@media screen and (min-width : 768px) {
    .tac-pc { text-align: center !important }
}

/* Vergical-align */
.vat { vertical-align: top !important }
.vab { vertical-align: bottom !important }
.vam { vertical-align: middle !important }

/* Display */
.db { display: block !important }
.dib { display: inline-block !important }

/* Float */
.fll { float: left !important }
.flr { float: right !important }
.flc { float: center !important }
.cl::after { content: ''; display: block; clear: both; height: 0 }

/* responsive */
.sp { display: block!important; }
.pc { display: none!important; }
.sp-dib { display: inline-block!important; }
.pc-dib { display: none!important; }
@media screen and (min-width : 768px) {
    .sp { display: none!important; }
    .pc { display: block!important; }
    .sp-dib { display: none!important; }
    .pc-dib { display: inline-block!important; }
}


/* page-head
---------------------------------------*/
.page-head--bg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    padding: 4.5rem 2rem 3.5rem;
    text-align: center;
    color: #fff;
    background: #222;
    opacity: 0;
    animation-name: fadein;
    animation-duration: .8s;
    animation-iteration-count: 1;
    animation-delay: .03s;
    animation-fill-mode: forwards;
}
.page-head--bg h1 {
    line-height: 1.3;
    font-weight: 300;
    text-align: center;
    font-size: 3.2rem;
    opacity: 0;
    animation-name: fadein;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-delay: .1s;
    animation-fill-mode: forwards;
}
@media screen and (min-width : 768px) {
    .page-head--bg {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 180px;
        padding: 5.5rem 3rem 3.5rem;
    }
    .page-head--bg h1 {
        margin-bottom: 0;
        font-size: 4.0rem;
    }
    .page-head--bg .page-sub-ttl {
        margin-bottom: .5rem;
        font-size: 1.6rem;
        font-weight: 300;
    }
    .page-head--bg .catchcopy {
        line-height: 1.6;
        font-size: 1.6rem;
    }
}

.page-head--simple {
    position: relative;
    padding: 3rem 8% 2rem;
    background: #F4F6F6;
}
.page-head--simple h1 {
    margin: 0;
    line-height: 1.25;
    font-size: 7.5vw;
    font-weight: 300;
    text-align: left;
    /*opacity: 0;
    animation-name: fadein;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-delay: .03s;
    animation-fill-mode: forwards;*/
}
.page-head--simple .page-sub-ttl {
    margin-bottom: 1rem;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
    color: #50555A;
    /*animation-name: fadein;
    animation-duration: 1.3s;
    animation-iteration-count: 1;
    animation-delay: .7s;
    animation-fill-mode: forwards;
    opacity: 0;*/
}
@media screen and (min-width : 768px) {
    .page-head--simple {
        padding: 4.5rem 0 3rem;
    }
    .page-head--simple h1 {
        font-size: 3.6rem;
    }
    .page-head--simple .page-ttl {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 4rem;
    }
    .page-head--simple .page-sub-ttl {
        margin-bottom: 2rem;
        font-size: 2.0rem;
        font-weight: 300;
    }
}
@media screen and (min-width : 1281px) {
    .page-head--simple h1 {
        font-size: 4.0rem;
    }
}

/* Content Title
---------------------------------------*/
/* headline-big01 */
.headline-big01 {
    margin: 1rem 0 2rem;
    line-height: 1.5;
    font-size: 7vw;
    font-family: "din-2014", sans-serif;
    font-weight: 400;
}
@media screen and (min-width : 768px) {
    .headline-big01 {
        font-size: 4.6rem;
        line-height: 1.5;
    }
}

/* headline-big02 */
.headline-big02 {
    margin: 1rem 0 2rem;
    line-height: 1.5;
    font-size: 7vw;
    font-family: "din-2014", sans-serif;
    font-weight: 600;
}
@media screen and (min-width : 768px) {
    .headline-big02 {
        font-size: 3.4rem;
        line-height: 1.8;
    }
}

/* catchcopy */
.catchcopy01 {
    font-size: 4.3vw;
    margin-bottom: 2rem;
    line-height: 1.4;
}
@media screen and (min-width : 768px) {
    .catchcopy01 {
        font-size: 2.4rem;
        line-height: 1.8;
    }
}

/* headline */
.headline01, .headline02, .headline03, .headline04, .headline05 {
    margin: 0 0 1.5rem;
    word-break: break-word;
    font-family: "din-2014", sans-serif;
}

/* headline01 */
.headline01 {
    position: relative;
    margin: 1rem 0 2rem;
    padding: 0 0 .5rem;
    line-height: 1.4;
    font-size: 6.4vw;
    border-bottom: solid 4px #006994;
}
@media screen and (min-width : 768px) {
    .headline01 {
        margin: 1rem 0 3rem;
        font-size: 3.6rem;
        line-height: 1.5;
    }
}

/* headline02 */
.headline02 {
    position: relative;
    margin: 1rem 0 2rem;
    padding: 0 0 1rem;
    line-height: 1.4;
    font-size: 5.2vw;
    border-bottom: solid 2px #006994;
}
*+.headline02 { margin-top: 3rem }
@media screen and (min-width : 768px) {
    .headline02 {
        margin: 1rem 0 2.5rem;
        line-height: 1.8;
        font-size: 2.8rem;
    }
    *+.headline02 { margin-top: 4rem }
}

/* headline03 */
.headline03 {
    margin: 1rem 0 1.5rem;
    padding: 1.2rem 1.5rem;
    font-weight: 600;
    font-size: 5vw;
    line-height: 1.4;
    background: #E8F8FF;
}
*+.headline03 { margin-top: 4rem }
.headline02+.headline03 { margin-top: 1rem }
@media screen and (min-width : 768px) {
    .headline03 {
        font-size: 2.1rem;
        line-height: 1.5;
    }
    *+.headline03 {margin-top: 3rem;}
    .headline02+.headline03 { margin-top: 2rem }
}

/* headline04 */
.headline04 {
    margin: 1rem 0 1.5rem;
    padding: 0 0 .6rem;
    font-size: 5vw;
    font-weight: 600;
    border-bottom: solid 2px #AEB0B1;
    text-align: left!important;
}
.headline03+.headline04 { margin-top: 0 }
*+.headline04 { margin-top: 2rem }
@media screen and (min-width : 768px) {
    .headline04 {
        font-size: 2.0rem;
        line-height: 1.8;
    }
    *+.headline04 { margin-top: 3rem }
}

/* headline05 */
.headline05 {
    margin: 1rem 0 1.5rem;
    padding: 0 0 0 1.4rem;
    font-size: 5vw;
    font-weight: 600;
    border-left: solid 4px #006994;
    text-align: left!important;
}
.headline04+.headline05 { margin-top: 0 }
@media screen and (min-width : 768px) {
    .headline05 {
        font-size: 2.0rem;
        line-height: 1.5;
    }
}

/* headline sub */
.headline__sub {
    display: inline-block;
    margin: 1.2rem 0 0 0;
    font-size: 75%;
    font-weight: 400;
}
@media screen and (min-width : 768px) {
    .headline__sub {
        margin: 0 0 0 1.2rem;
        font-size: 1.2rem;
    }
}

/* headline06 */
.headline06 {
    margin: 1rem 0 1.5rem;
    padding: 0 0 1rem;
    font-size: 5vw;
    /*font-weight: 600;*/
    text-align: center!important;
    position: relative;
}
.headline06::after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #666666;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.headline05+.headline06 { margin-top: 0 }
@media screen and (min-width : 768px) {
    .headline06 {
        padding: 0 0 .5rem;
        font-size: 3.6rem;
        line-height: 1.8;
    }
}

/* Text */
.lead-txt {
    font-size: 2.0rem;
    margin-bottom: 2rem;
    font-weight: 300;
}
@media screen and (min-width : 768px) {
    .lead-txt {
        font-size: 2.4rem;
    }
}

.smaller-txt {
    line-height: 1.4!important;
    font-size: 86%!important;
}
.caption-txt {
    line-height: 1.6;
    font-size: 1.2rem;
    margin: .5rem auto 0;
}
.note-txt {
    font-size: 1.2rem;
    margin: .5rem auto .5rem;
    color: #666666;
    text-indent: -.5rem;
    margin-left: .5rem;
}
.note-txt a {
    /*color: #505050;*/
    text-decoration: none;
}
.note-txt a:hover {
    text-decoration: underline;
}
.attention-txt {
    color: #E62D14;
}
.bold-txt {
    font-weight: 600!important;
}
.semi-bold-txt {
    font-weight: 500!important;
}
.normal-txt {
    font-weight: 400!important;
}
.color-txt {
    color: #002c5d;
}
.blue-txt {
    color: #006994;
}
.white-txt {
    color: #fff;
}
.feature-txt {
    display: inline-block;
    padding: 1rem 2rem;
    color: #E62D14;
    border: solid 1px #E62D14;
    border-radius: 4px;
    text-align: center;
}

/* btn
---------------------------------------*/
.btn01 {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 10px 0;
    padding: 1.2rem 3.5rem 1.2rem 2.5rem;
    text-align: center;
    font-weight: 600;
    color: #484848;
    border: #484848 1px solid;
    border-radius: 2px;
    text-decoration: none;
    transition: .2s;
}
.btn01::after {
    display: block;
    position: absolute;
    content: '';
    top: 40%;
    right: 1.5rem;
    width: 8px;
    height: 8px;
    border-top: 2px solid #666666;
    border-right: 2px solid #666666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .2s;
}
.btn01:hover {
    color: #fff;
    background: #006994;
    border-color: #006994;
}
.btn01:hover:after {
    border-color: #fff;
}

.btn01.blue {
    color: #006994;
    border-color: #006994;
    background: #fff;
}
.btn01.blue::after {
    border-color: #006994;
}
.btn01.blue:hover {
    color: #fff;
    background: #006994;
}

.btn01.white {
    color: #fff;
    border-color: #fff;
    background: none;
}
.btn01.white::after {
    border-color: #fff;
}
.btn01.white:hover {
    color: #666666;
    background: #fff;
}
@media screen and (min-width:768px) {
    .btn01 {
        min-width: 238px;
        font-size: 1.6rem
    }
}

.btn01.white .blank {
    display: inline-block;
    padding: 0 2.2rem 0 0;
    background: url(/indonesia/resources/svg/icon_blank_wh.svg) no-repeat right .4rem;
    background-size: 13px;
}
.btn01.white:hover .blank {
    background: url(/indonesia/resources/svg/icon_blank_drkgy.svg) no-repeat right .4rem;
    background-size: 13px;
}

/* link
---------------------------------------*/
.link01 a {
    display: inline-block;
    position: relative;
    width: auto;
    margin: 1rem 0;
    padding-left: 2.1rem;
    color: #006994;
    line-height: 1.5;
    text-decoration: none;
    text-align: left;
}
.link01 a::before {
    position: absolute;
    content: '';
    top: .7rem;
    left: -.3rem;
    width: 8px;
    height: 8px;
    border-top: 2px solid #006994;
    border-right: 2px solid #006994;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .2s;
}
.link01 a:hover{
    text-decoration: underline;
}

@media screen and (min-width : 768px) {
    .link01 a {
        text-align: center
    }
}

.pdf-link a {
    display: inline-block;
    position: relative;
    width: auto;
    margin: .5rem 0;
    padding-left: 2.5rem;
    line-height: 1.5;
    text-decoration: none;
}
.pdf-link a::before {
    display: block;
    content: '';
    width: 17px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/indonesia/resources/svg/icon_pdf.svg) no-repeat 0 center;
    background-size: 17px;
}
.pdf-link a:hover {
    text-decoration: underline;
}

.blank a {
    display: inline-block;
    position: relative;
    width: auto;
    text-decoration: none;
}
.blank a::after {
    display: inline-block;
    content: '';
    width: 13px;
    height: 11px;
    margin-top: .4rem;
    margin-left: .8rem;
    vertical-align: top;
    /*position: absolute;
    top: 0;
    right: 0;*/
    background: url(/indonesia/resources/svg/icon_blank.svg) no-repeat 0 center;
    background-size: 13px;
}
.blank a:hover {
    text-decoration: underline;
}

/* Anchor Link */
.anchor-link-blk {
    width: 100%;
}
.anchor-link {
    display: block;
    position: relative;
    margin: 0;
    line-height: 1.4;
    transition: .15s ease-in-out;
    position: relative;
    margin: 0 0 1rem;
    padding: 0 3rem 1rem 0;
    border-bottom: solid 1px #E5E6E6;
    color: #006994;
    transition: .3s ease;
    text-decoration: none;
}
.anchor-link::before {
    position: absolute;
    content: '';
    top: calc(50% - 7px);
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #006994;
    border-right: 2px solid #006994;
    -webkit-transform: rotate(45deg);
    transform: rotate(135deg);
    transition: .2s;
}
.anchor-link:hover {
    text-decoration: underline;
}
@media screen and (min-width : 768px) {
    .anchor-link-blk {
        max-width: 1200px;
        margin: 0 auto;
    }
    .anchor-link {
        display: flex;
        align-items: center;
        transition: .15s ease-in-out;
        border: none;
        padding: 0 2.5rem 0 0;
        margin: 0;
   }
    .anchor-link::before {
        right: .3rem;
    }
    .anchor-link:hover {
        text-decoration: underline;
    }
    /*.anchor-link:hover:before {
        border-top: solid 6px #006994;
    }*/

    .anchor-link-columns {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 4.5rem;
        margin: 1rem 0 5rem;
        border-bottom: solid 1px #AEB0B1;
    }
    .anchor-link-columns > * {
        list-style: none;
        width: auto;
        max-width: 33.33333%;
        margin: 1.2rem 1.2rem;
    }
}

a.no-deco {
    text-decoration: none;
    color: #666666;
}


/* img-anchor-link-list */
.img-anchor-link-list {
    margin: 25px 0 0;
}
.img-anchor-link {
    margin: 0 0 10px;
}
.img-anchor-link a {
    padding: 5px;
    border: solid 1px #AEB0B1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: underline;
}
.img-anchor-link a:hover .txt span {
    text-decoration: underline;
}
.img-anchor-link .img {
    flex: 0 0 30%;
    margin: 0 10px 0 0;
}
.img-anchor-link .txt {
    flex: 1 1 65%;
}
.img-anchor-link .txt span {
    display: block;
    position: relative;
    padding: 0 15px 0 0;
}
.img-anchor-link .txt span::before {
    position: absolute;
    content: '';
    top: calc(50% - 7px);
    right: 5px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #006994;
    border-right: 2px solid #006994;
    -webkit-transform: rotate(45deg);
    transform: rotate(135deg);
}

@media screen and (min-width:768px) {
    .img-anchor-link-list {
        display: flex;
        justify-content: space-between;
    }
    .img-anchor-link {
        flex: 0 1 49%;
    }
    .img-anchor-link a {
        padding: 10px;
    }
    .img-anchor-link .img {
        flex: 0 0 36%;
        margin: 0 30px 0 0;
    }
    .img-anchor-link .txt {
        flex: 1 1 60%;
    }
    .img-anchor-link .txt span {
        display: inline-block;
        padding: 0 30px 0 0;
    }
    .img-anchor-link .txt span::before {
        right: 0.3rem;
    }
}

/* border-box
---------------------------------------*/
.border-box {
    padding: 2rem 2rem;
    border: solid 1px #AEB0B1;
}
@media screen and (min-width : 768px) {
    .border-box {
        padding: 2rem 3rem;
    }
}

/* border-box-link
---------------------------------------*/
.border-box-link a {
    position: relative;
    text-decoration: none;
    color: #484848;
    display: block;
    width: 100%;
    height: 100%;
    border: solid 1px #707070;
    padding: 2rem;
}
.border-box-link a::after {
    position: absolute;
    content: '';
    bottom: 22%;
    right: .8rem;
    width: 8px;
    height: 8px;
    border-top: 1px solid #484848;
    border-right: 1px solid #484848;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .2s;
}
.border-box-link a:hover {
    opacity: .7;
}
@media screen and (min-width : 768px) {
    .border-box-link a {
        padding: 2rem 4rem 3rem;
    }
    .border-box-link a::after {
        top: 0;
        bottom: 0;
        right: 2rem;
        margin: auto;
        width: 16px;
        height: 16px;
    }
}

/* table
---------------------------------------*/
/* table01 */
.table01 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px 0;
}
.table01 th {
    border-bottom: 1px solid #666666;
    font-weight: 400;
    vertical-align: top;
    text-align: left;
}
.table01 td {
    border-bottom: 1px solid #AEB0B1;
    vertical-align: top;
    text-align: left;
}
.table01 th, .table01 td {
    padding: 2rem 1rem 1rem;
}

@media screen and (max-width : 767px) {
    .table01 th, .table01 td {
        display: block;
        width: 100%;
    }
    .table01 th {
        border-bottom: none;
        font-weight: 600;
        padding-bottom: 0;
    }
}

/* table02 */
.table02 {
    width: 100%;
    border-collapse: collapse;
}
.table02 th, .table02 td {
    padding: 1rem 1rem 1rem;
    border: solid 1px #AEB0B1;
    vertical-align: middle;
    text-align: left;
    font-weight: 400;
}
.table02 .bg-blue {
    background: #E8F8FF;
}
.table02 .bg-gray {
    background: #F4F6F6;
}
.table02 .bg-yellow {
    background: #FFEDCF;
}

@media screen and (max-width : 767px) {
    .table02 th, .table02 td {
        font-size: 1.4rem;
    }
}

/* table-scroll */
.table-scroll {
    width: 100%;
    overflow-x: auto;
    padding: 0 0 1rem;
}
.table-scroll table {
    width: 150%;
}

/* --------------------------------------
*
* table scroll
*
---------------------------------------*/
/* PC・SP共通
---------------------------------------*/
.table-wrap.scroll-x {
    overflow-x: auto;
    width: 100%;
    height: auto;
    position: relative;
}
.table-wrap.scroll-x .sticky-left {
    position: sticky;
    left: 0;
    z-index: 2;
    background-clip: padding-box; /* Firefoxで枠線が消えないように */
}

.table-wrap.scroll-y {
    overflow-y: auto;
    width: 100%;
    height: 80vh;
    position: relative;
}
.table-wrap.scroll-y .sticky-top {
    position: sticky;
    top: 0;
    z-index: 3;
}
.table-wrap.scroll-y .sticky-top:first-child {
    left: 0;
    z-index: 4;
}


/* スクロール時のコンテンツチラ見えを隠す 上 */
.table-wrap.scroll-y .sticky-top::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border-top: 1px solid #AEB0B1;
}

/* スクロール時のコンテンツチラ見えを隠す 左 */
.table-wrap.scroll-x .sticky-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%;
    border-left: 1px solid #AEB0B1;
}
.table-wrap.scroll-y .sticky-top:first-child:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border-left: 1px solid #AEB0B1;
}

/* PC
---------------------------------------*/
@media screen and (min-width: 769px) {
    .table-wrap.scroll-sp .sticky-top,
    .table-wrap.scroll-sp .sticky-left {
        position: inherit;
    }
    .table-wrap.scroll-sp {
        height: auto;
    }
    .scroll-pc.scroll-x table {
        width: 150%;
        margin-left: -1px;
    }
    .table-wrap.scroll-pc::-webkit-scrollbar {
        width: 8px; /* 縦方向のスクロールバー太さ */
        height: 8px; /* 横方向のスクロールバー太さ */
    }
    .table-wrap.scroll-pc colgroup {
        display: none;
    }
}

/* SP
---------------------------------------*/
@media screen and (max-width: 768px) {
    .table-wrap.scroll-pc .sticky-top,
    .table-wrap.scroll-pc .sticky-left {
        position: inherit;
    }
    .scroll-sp.scroll-x table {
        width: 190%;
    }
    .table-wrap.scroll-sp::-webkit-scrollbar {
        width: 6px; /* 縦方向のスクロールバー太さ */
        height: 7px; /* 横方向のスクロールバー太さ */
    }
}


/* bg-box
--------------------------------------*/
.bg-box01 {
    margin: 1rem 0;
    padding: 2rem;
    background: #F4F6F6;
}
.bg-box02 {
    margin: 1rem 0;
    padding: 2rem;
    background: #E8F8FF;
}
.bg-box01 > *:first-child, .bg-box02 > *:first-child {
    margin-top: 0;
}
@media screen and (min-width:768px) {
    .bg-box01, .bg-box02 {
        padding: 2rem 4rem;
    }
}

/* columns
---------------------------------------*/
/* columns-two */
.columns-two {
    display: block
}
.columns-two .img {
    margin: .8rem auto!important;
}
.columns-two .txt {
    margin: .8rem auto!important;
}
@media screen and (min-width:768px) {
    .columns-two {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .columns-two > * {
        width: 48%;
        margin-bottom: 4rem;
    }
    .columns-two .left {
        order: 1;
    }
    .columns-two .right {
        order: 2;
        margin-left: 2rem;
    }
    .columns-two .img {
        margin: .5rem 0 0!important;
    }
    .columns-two .txt {
        margin: .5rem 0 0!important;
    }

    .columns-two.jf-sb {
        justify-content: space-between;
    }
    .columns-two.jf-start {
        justify-content: flex-start;
    }
    .columns-two.jf-start > *:nth-child(2n) {
        margin-left: 4rem!important;
    }
    .columns-two.jf-center {
        justify-content: center;
    }
    .columns-two.jf-center > *:nth-child(2n) {
        margin-left: 3rem!important;
    }
    .columns-two.ai-center {
        align-items: center;
    }
    .columns-two.ai-end {
        align-items: flex-end;
    }
}
@media screen and (max-width:767px) {
    .columns-two > *:nth-child(2n) {
        margin-top: 4rem;
    }
    .columns-two > *:nth-child(2n).txt {
        margin-top: 2rem;
    }
    .columns-two .columns-two > *:nth-child(2n) {
        margin-top: 2rem;
    }
}

/* columns-three */
.columns-three {
    display: block
}
.columns-three > * {
    margin: 3rem auto;
}
@media screen and (min-width:768px) {
    .columns-three {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .columns-three > * {
        margin: 0 2rem 3rem 0;
        width: calc((100% - 4rem)/ 3);
        max-width: 324px;
    }
    .columns-three > *:nth-child(3n) {
        margin-right: 0;
    }
    .columns-three.ai-center {
        align-items: center;
    }
}

/* columns-four */
.columns-four {
    display: block
}
.columns-four > * {
    margin: 3rem auto;
}
@media screen and (min-width:768px) {
    .columns-four {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .columns-four > * {
        margin: 0 4rem 3rem 0;
        width: calc((100% - 12rem)/ 4);
        max-width: 220px;
    }
    .columns-four > *:nth-child(4n) {
        margin-right: 0;
    }
    .columns-four.ai-center {
        align-items: center;
    }
}

/* list
---------------------------------------*/
.contents ul:not([class]) {
    margin: 1rem 0;
}
.contents ul:not([class]) li {
    margin: 1rem 0 0;
}

/* .list-dot */
.list-dot {
    margin: 1rem 0;
}
.list-dot li {
    position: relative;
    margin: .5rem 0 0;
    padding: 0 0 0 1rem;
}

.list-dot li::before {
    display: block;
    position: absolute;
    content: '';
    top: 1rem;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #666666;
}

/* .list-num */
.list-num {
    margin: 1rem 0;
}
.list-num li {
    position: relative;
    margin: .5rem 0 0;
    padding: 0 0 0 2rem;
    counter-reset: item 0;
}
.list-num li::before {
    display: block;
    position: absolute;
    left: 0;
    content: counter(item) ".";
    counter-increment: item 1;
}

/* indent
---------------------------------------*/
.indent {
    text-indent: -.5rem;
    margin-left: .5rem;
}
.indent-0 {
    text-indent: -0rem;
    margin-left: 0rem;
}
.indent-1 {
    text-indent: -1rem;
    margin-left: 1rem;
}
.indent-1half {
    text-indent: -1.5rem;
    margin-left: 1.5rem;
}
.indent-2 {
    text-indent: -2rem;
    margin-left: 2rem;
}
.indent-3 {
    text-indent: -3rem;
    margin-left: 3rem;
}

/*.indent-dl {
    margin: 0 0 1.5rem;
}
@media screen and (min-width:768px) {
    .indent-dl {
        display: table;
        width: 100%;
    }
    .indent-dl dt {
        display: table-cell;
        width: 22%;
    }
    .indent-dl dd {
        display: table-cell;
    }
}*/

/* img-txt-row
---------------------------------------*/
.img-txt-row > * {
    display: inline-block;
    vertical-align: middle;
}
.img-txt-row img {
    width: auto;
    max-width: 300px;
    padding-right: 1.5rem;
}

/* video-box
---------------------------------------*/
.video-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 1rem 0;
    padding: 2rem 2rem 0;
    background: #484848;
    color: #fff;
    position: relative;
}
.video-box__tmb {
    position: relative;
    margin-right: 2rem;
    margin-bottom: 2rem;
    width: 23%;
    max-width: 213px;
    transition: .2s;
}
.video-box__tmb a {
    position: relative;
}
.video-box__tmb a.pc {
    display: block;
}
.video-box__tmb a.sp {
    display: none;
}
.video-box__tmb img {
    max-height: 100%;
}
.video-box__tmb a::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(/indonesia/resources/images/movies/thum-over.png) no-repeat center;
    background-size: 100%;
    cursor: pointer;
}
.video-box__tmb a:hover {
    opacity: .7;
}
.video-box__txt {
    width: 75%;
    margin-bottom: 2rem;
}
.video-box__txt a {
    color: #fff;
    text-decoration: none;
}
.video-box__txt a:hover {
    text-decoration: underline;
}
.video-box__gal-link {
    position: absolute;
    text-align: right;
    bottom: 1.8rem;
    right: 3rem;
    font-weight: 300;
}
@media screen and (max-width:767px) {
    .video-box {
        display: block;
        padding-bottom: 2rem;
    }
    .video-box__tmb a.sp {
        display: block;
    }
    .video-box__tmb a.pc {
        display: none;
    }
    .video-box__tmb {
        width: 100%;
        max-width: inherit;
        margin-bottom: 1rem;
    }
    .video-box__txt {
        width: 100%;
        margin: 1rem 0 0;
    }
    .video-box__txt + .video-box__tmb {
        margin-top: 3.5rem;
    }
    .video-box__gal-link {
        position: inherit;
        text-align: center;
        margin: 2rem 0 0;
    }
    .video-box__gal-link a {
        display: inline-block
    }
}

/* border-sec
---------------------------------------*/
.border-sec {
    border-top: solid 1px #AEB0B1;
    padding-top: 10rem;
}
@media screen and (max-width:767px) {
    .border-sec {
        padding-top: 4rem;
    }
}

/* video-tmb
---------------------------------------*/
.video-tmb {
    position: relative;
    display: block;
}
.video-tmb::before {
    content: '';
    display: block;
    width: 85px;
    height: 85px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(/indonesia/resources/images/common/video_icon_off.png) no-repeat center;
    background-size: 100%;
    cursor: pointer;
}
.video-tmb:hover:before {
    background: url(/indonesia/resources/images/common/video_icon_on.png) no-repeat center;
}

@media screen and (min-width:768px) {
    .video-tmb::before {
        width: 135px;
        height: 135px;
    }
}