@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

.maintenance {
    --brand: #0a51a1;
    --text-color: #333;
    --green: #6f8e30;
    --green-l: #ebf1de;
    --blue: #0072bc;
    --blue-l: #dfeff4;
    --gray: #c2cbcb;
    --lgray: #f4f7f7;
    --ygreen: #6eb446;
    --ygreen-l: #dfeeda;
    --pink: #dc6491;
    --pink-l: #e6becd;

    --point-blue-border: #9ec9ea;
    --point-green-border: #a6d57b;
    --point-box-bg: #f3f7f5;

    --gray-b: #bdccd4;
    --gray-lb2: #f3f7f5;
    --gray-lg: #f0f4f2;
    --gray-lg2: #e6f0e6;
    --gray-lp: #f3f0f0;

    --spring: #eb6ea0;
    --summer: #32a2db;
    --autumn: #f7ab00;
    --winter: #7a62a9;
    --navy: #156082;
    --red: #d33a3a;

    --en: "Montserrat", sans-serif;
    font-weight: 500;
    color: #333;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    /* font-feature-settings: "palt" 1; */
    /*fix margin */
    margin-top: -2em;
}

@media screen and (max-width:767px) {
    .maintenance {
        /*fix margin */
        margin-top: -1em;
    }

}

.maintenance * {
    box-sizing: border-box;
}

.maintenance a:not[class] {
    color: var(--navy);
    text-decoration: underline;
}

.maintenance a:not[class]:hover {
    text-decoration: underline;
}

.maintenance sup {
    font-size: .8em;
    vertical-align: text-top;
}

.maintenance sub {
    font-size: .8em;
}

.maintenance .text-blue {
    color: var(--blue);
}

.maintenance .text-green {
    color: var(--ygreen);
}

/* display */
@media (min-width: 768px) {

    .maintenance .sp,
    .maintenance .forSP,
    .maintenance .forSPi {
        display: none !important;
    }

    .maintenance .pc,
    .maintenance .forPC {
        display: block !important;
    }

    .maintenance br.pc,
    .maintenance br.forPC {
        display: inline !important;
    }

    .maintenance .forPCi {
        display: inline-block !important;
    }
}

@media print {

    .maintenance .sp,
    .maintenance .forSP,
    .maintenance .forSPi {
        display: none !important;
    }
}

@media (max-width: 767.9px) {

    .maintenance .pc,
    .maintenance .forPC,
    .maintenance br.pc,
    .maintenance br.forPC,
    .maintenance .forPCi {
        display: none !important;
    }

    .maintenance br.sp,
    .maintenance br.forSP {
        display: inline !important;
    }

    .maintenance .sp,
    .maintenance .forSP {
        display: block !important;
    }

    .maintenance .forSPi {
        display: inline-block !important;
    }
}

.maintenance .hide {
    display: none;
}

.maintenance .iblock {
    display: inline-block;
}

.maintenance .en {
    font-family: var(--en), sans-serif;
    letter-spacing: 0 !important;
    font-size-adjust: 0.54;
}

.maintenance .flex {
    display: flex;
}

.maintenance .flex-between {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.maintenance .flex-center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.maintenance .flex-between.columns-2>.box {
    width: 48%;
}

.maintenance .flex-between.columns-3>.box {
    width: 31%;
}

.maintenance .flex-between.columns-4>.box {
    width: 24%;
}

.maintenance .flex-center.columns-2>.box {
    width: 40%;
}

@media screen and (max-width:767px) {
    .maintenance .flex-center.columns-2>.box {
        width: 100%;
    }
}

.maintenance .gap05 {
    gap: .5em;
}

.maintenance .gap1 {
    gap: 1em;
}

.maintenance .gap2 {
    gap: 2em;
}

/* letter spacing */
.maintenance .letter-space0 {
    letter-spacing: 0;
}

.maintenance .letter-space01 {
    letter-spacing: 0.01em;
}

.maintenance .letter-space02 {
    letter-spacing: 0.02em;
}

.maintenance .letter-space05 {
    letter-spacing: 0.05em;
}

.maintenance .letter-space1 {
    letter-spacing: 0.1em;
}

.maintenance .letter-space2 {
    letter-spacing: 0.2em;
}

/* margin */
.maintenance .mtop--1 {
    margin-top: -1em !important;
}

.maintenance .mtop-0 {
    margin-top: 0 !important;
}

.maintenance .mtop-05 {
    margin-top: .5em !important;
}

.maintenance .mtop-1 {
    margin-top: 1em !important;
}

.maintenance .mtop-2 {
    margin-top: 2em !important;
}

.maintenance .mtop-3 {
    margin-top: 3em !important;
}

.maintenance .mtop-4 {
    margin-top: 4em !important;
}

.maintenance .mtop-5 {
    margin-top: 5em !important;
}

.maintenance .mtop-6 {
    margin-top: 6em !important;
}

.maintenance .mbtm-0 {
    margin-bottom: 0em !important;
}

.maintenance .mbtm-05 {
    margin-bottom: .5em !important;
}

.maintenance .mbtm-1 {
    margin-bottom: 1em !important;
}

.maintenance .mbtm-2 {
    margin-bottom: 2em !important;
}

.maintenance .mbtm-3 {
    margin-bottom: 3em !important;
}

.maintenance .mbtm-4 {
    margin-bottom: 4em !important;
}

.maintenance .mbtm-5 {
    margin-bottom: 5em !important;
}

.maintenance .mbtm-6 {
    margin-bottom: 6em !important;
}

.maintenance .m0auto {
    margin: 0 auto;
}

.maintenance .m1auto {
    margin: 1em auto;
}

.maintenance .m2auto {
    margin: 2em auto;
}

.maintenance .m3auto {
    margin: 3em auto;
}

.maintenance .m4auto {
    margin: 4em auto;
}

.maintenance .m5auto {
    margin: 5em auto;
}

/* padding */
.maintenance .ptop-0 {
    padding-top: 0 !important;
}

.maintenance .ptop-05 {
    padding-top: .5em !important;
}

.maintenance .ptop-1 {
    padding-top: 1em !important;
}

.maintenance .ptop-2 {
    padding-top: 2em !important;
}

.maintenance .ptop-3 {
    padding-top: 3em !important;
}

.maintenance .ptop-4 {
    padding-top: 4em !important;
}

.maintenance .ptop-5 {
    padding-top: 5em !important;
}

.maintenance .ptop-6 {
    padding-top: 6em !important;
}

.maintenance .pbtm-0 {
    padding-bottom: 0em !important;
}

.maintenance .pbtm-05 {
    padding-bottom: .5em !important;
}

.maintenance .pbtm-1 {
    padding-bottom: 1em !important;
}

.maintenance .pbtm-2 {
    padding-bottom: 2em !important;
}

.maintenance .pbtm-3 {
    padding-bottom: 3em !important;
}

.maintenance .pbtm-4 {
    padding-bottom: 4em !important;
}

.maintenance .pbtm-5 {
    padding-bottom: 5em !important;
}

.maintenance .pbtm-6 {
    padding-bottom: 6em !important;
}

.maintenance .p0 {
    padding: 0;
}

.maintenance .p1 {
    padding: 1em;
}

.maintenance .p2 {
    padding: 2em;
}

.maintenance .p3 {
    padding: 3em;
}

.maintenance .p4 {
    padding: 4em;
}

.maintenance .p1-0 {
    padding: 1em 0;
}

.maintenance .p2-0 {
    padding: 2em 0;
}

.maintenance .p3-0 {
    padding: 3em 0;
}

.maintenance .p4-0 {
    padding: 4em 0;
}

.maintenance .p0-1 {
    padding: 0 1em;
}

.maintenance .p0-2 {
    padding: 0 2em;
}

.maintenance .p0-3 {
    padding: 0 3em;
}

.maintenance .p0-4 {
    padding: 0 4em;
}

/* border */
.maintenance .border0 {
    border: none !important;
}

.maintenance .border1 {
    border: 1px solid;
}

.maintenance .border2 {
    border: 2px solid;
}

.maintenance .border3 {
    border: 3px solid;
}

.maintenance .underline {
    text-decoration: underline;
}

/* width */
.maintenance .w800 {
    width: 100%;
    max-width: 800px;
}

.maintenance .w900 {
    width: 100%;
    max-width: 900px;
}

.maintenance .w980 {
    width: 100%;
    max-width: 980px;
}

.maintenance .w1100 {
    width: 100%;
    max-width: 1100px;
}

.maintenance .w1200 {
    width: 100%;
    max-width: 1200px;
}

.maintenance .w1280 {
    width: 100%;
    max-width: 1280px;
}

.maintenance .w1400 {
    width: 100%;
    max-width: 1400px;
}

.maintenance .w20 {
    width: 20% !important;
}

.maintenance .w25 {
    width: 25% !important;
}

.maintenance .w30 {
    width: 30% !important;
}

.maintenance .w35 {
    width: 35% !important;
}

.maintenance .w40 {
    width: 40% !important;
}

.maintenance .w45 {
    width: 45% !important;
}

.maintenance .w50 {
    width: 50% !important;
}

.maintenance .w55 {
    width: 55% !important;
}

.maintenance .w60>figure,
.maintenance .w60 {
    width: 60% !important;
}

.maintenance .w65>figure,
.maintenance .w65 {
    width: 65% !important;
}

.maintenance .w70>figure,
.maintenance .w70 {
    width: 70% !important;
}

.maintenance .w75>figure,
.maintenance .w75 {
    width: 75% !important;
}

.maintenance .w80>figure,
.maintenance .w80 {
    width: 80% !important;
}

.maintenance .w90>figure,
.maintenance .w90 {
    width: 90% !important;
}

.maintenance .w100>figure,
.maintenance .w100 {
    width: 100% !important;
}

@media screen and (max-width: 767px) {
    .w40-sp {
        width: 40% !important;
    }

    .w45-sp {
        width: 45% !important;
    }

    .w50-sp {
        width: 50% !important;
    }

    .w55-sp {
        width: 55% !important;
    }

    .w60-sp>figure,
    .w60-sp {
        width: 60% !important;
    }

    .w65-sp>figure,
    .w65-sp {
        width: 65% !important;
    }

    .w70-sp>figure,
    .w70-sp {
        width: 70% !important;
    }

    .w75-sp>figure,
    .w75-sp {
        width: 75% !important;
    }

    .w80-sp>figure,
    .w80-sp {
        width: 80% !important;
    }

    .w90-sp>figure,
    .w90-sp {
        width: 90% !important;
    }

    .w100-sp>figure,
    .w100-sp {
        width: 100% !important;
    }
}

/* inner wrapper width */
.maintenance .inner {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: min(4em, 6vw) min(1em, 3vw);
}

.maintenance .inner1200 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.maintenance .inner800 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

/* text align */
.maintenance .text-left {
    text-align: left;
}

.maintenance .text-right {
    text-align: right;
}

.maintenance .center,
.maintenance .text-center {
    text-align: center;
}

.maintenance .justify {
    display: block;
    text-align: justify;
}

.maintenance .tsume {
    font-feature-settings: "palt";
}

.maintenance .lh2 {
    min-height: 2lh;
}

.maintenance .lh3 {
    min-height: 3lh;
}

.maintenance .lh4 {
    min-height: 4lh;
}

@media screen and (max-width:767px) {

    .maintenance .lh2,
    .maintenance .lh3,
    .maintenance .lh4 {
        min-height: 1px;
    }
}

.maintenance .sticky-content {
    position: sticky;
}

/* note style */
ul.note {
    margin: 0;
    padding: 0;
    font-size: min(.8em, 3vw);
    list-style-type: none !important;
    --note-line-hieght: 1.5;
    line-height: var(--note-line-hieght);
}

ul.note li {
    list-style-type: none !important;
    padding-left: 1.1em;
    position: relative;
}

ul.note li::before {
    content: '※';
    display: inline-block;
    position: absolute;
    left: 0;
}

ul.numnote {
    counter-reset: numnote;
}

ul.numnote li {
    padding-left: 2em;
    /* position: absolute; */
}

ul.numnote li::before {
    content: "※" counter(numnote);
    counter-increment: numnote;
}

ul.numnote.countreset-2 {
    counter-reset: numnote 1;
}

ul.numnote.countreset-3 {
    counter-reset: numnote 2;
}

ul.numnote.countreset-4 {
    counter-reset: numnote 3;
}

ul.numnote.countreset-5 {
    counter-reset: numnote 4;
}

ul.numnote.countreset-6 {
    counter-reset: numnote 5;
}

ul.numlist {
    counter-reset: numlist;
}

ul.numlist li::before {
    content: counter(numlist) ".";
    counter-increment: numlist;
}

ul.numlist-circle {
    counter-reset: numlist-circle;
}

ul.numlist-circle li {
    padding-left: 1.8em;
}

ul.numlist-circle li::before {
    content: counter(numlist-circle);
    counter-increment: numlist-circle;
    width: 1.5em;
    height: 1.5em;
    padding-bottom: .1em;
    color: #333;
    background-color: #fff;
    border: solid 1px #333;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    /* top: calc(var(--note-line-hieght) * .5);
    transform: translateY(-50%) scale(0.9); */
}

ul.numlist-circle-fill {
    counter-reset: numlist-circle;
}

ul.numlist-circle-fill li {
    padding-left: 2em;
}

ul.numlist-circle-fill li::before {
    content: counter(numlist-circle);
    counter-increment: numlist-circle;
    width: 1.5em;
    height: 1.5em;
    padding-bottom: .1em;
    color: #fff;
    background-color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    overflow: hidden;
    top: .2em;
    /* top: calc(var(--note-line-hieght) * .5);
    transform: translateY(-50%) scale(0.9); */
}

ul.discnote li::before {
    content: '';
    width: 1em;
    height: 1em;
    top: calc(var(--note-line-hieght) * .45);
    transform: translateY(-50%) scale(0.6);
    border-radius: 100%;
    background-color: var(--main_subcolor);
}

/* object-fit */
.maintenance .cover img,
img.cover {
    object-fit: cover !important;
}

.maintenance .contain img,
img.contain {
    object-fit: contain !important;
}

/* font size */
.maintenance .sml {
    display: inline-block;
    font-size: .8rem !important;
    line-height: 1.6 !important;
}

.maintenance .sml7,
.maintenance .sml2 {
    display: inline-block;
    font-size: .7rem !important;
    line-height: 1.5 !important;
}

.maintenance .sml9 {
    display: inline-block;
    font-size: .9rem !important;
    line-height: 1.6 !important;
}

.maintenance .large {
    display: inline-block;
    font-size: 1.2em !important;
}

.maintenance .large15 {
    display: inline-block;
    font-size: 1.5em !important;
}

.maintenance .large2 {
    display: inline-block;
    font-size: 2em !important;
}

.maintenance .en-large {
    display: inline-block;
    font-size: 1.15em;
    font-family: var(--en);
}

.maintenance .maker {
    background: linear-gradient(transparent 60%, #f3ebad 60%);
}

.maintenance .maker2 {
    background: linear-gradient(transparent 60%, #cbd6d8 60%);
}