/* ----------------------------------------

- modules

---------------------------------------- */

/* hover
------------------------------- */

.hover {
    opacity: 1;
    transition: opacity 100ms 0ms linear;
}

.hover:hover {
    opacity: .7;
}


/* box
------------------------------- */

.box-xxl {
    margin-bottom: 80px;
}

.box-xl {
    margin-bottom: 64px;
}

.box-lg {
    margin-bottom: 40px;
}

.box-md {
    margin-bottom: 32px;
}

.box-sm {
    margin-bottom: 24px;
}

.box-xs {
    margin-bottom: 16px;
}

.box-xxs {
    margin-bottom: 8px;
}

/* display
------------------------------- */

.dspBlock {
    display: block;
}

.dspNone {
    display: none;
}

.dspInlineBlock {
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .dspBlock-sp {
        display: block;
    }
}


/* other styles
------------------------------------*/

.underLine {
    background: linear-gradient(transparent 70%, #FFDD2C 70%)
}

.positionR {
    position: relative;
}

.clrRed {
    color: #E41D1D !important;
}

.clrGray {
    color: #7F7F7F !important;
}

.clrKuiso {
    color: #00205B !important;
}

.lh17 {
    line-height: 1.7 !important;
}

.mx {
    margin-right: auto !important;
    margin-left: auto !important;
}

@media screen and (max-width: 767px) {
    .mx-sp {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}


@media screen and (min-width: 767px) {
    .pcNone {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .pcNone {
        display: block!important;
    }

    .spNone {
        display: none !important;
    }
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

@media screen and (max-width: 767px) {
    .tac-sp {
        text-align: center;
    }
}


.flex {
    display: flex;
}

.flex.space-between {
    justify-content: space-between;
}

.flex.center {
    align-items: center;
}

.cursorP {
    cursor: pointer;
}

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



/* font size
------------------------------- */
.fs8 {
    font-size: 8px;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs22 {
    font-size: 22px;
}

.fs32 {
    font-size: 32px;
}

@media screen and (max-width: 767px) {
    .fs12-sp {
        font-size: 12px;
    }

    .fs14-sp {
        font-size: 14px;
    }

    .fs16-sp {
        font-size: 16px;
    }

    .fs18-sp {
        font-size: 18px;
    }

    .fs20-sp {
        font-size: 20px;
    }

    .fs22-sp {
        font-size: 22px;
    }

    .fs32-sp {
        font-size: 32px;
    }

}

.fw400 {
    font-weight: 400;
}

.fw700 {
    font-weight: 700;
}

/* margin */

.mt0 {
    margin-top: 0 !important;
}

.mt4 {
    margin-top: 4px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.mt16 {
    margin-top: 16px !important;
}

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

.mt24 {
    margin-top: 24px !important;
}

.mt28 {
    margin-top: 28px !important;
}

.mt32 {
    margin-top: 32px !important;
}

.mt36 {
    margin-top: 36px !important;
}

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

.mt44 {
    margin-top: 44px !important;
}

.mt48 {
    margin-top: 48px !important;
}

.mt52 {
    margin-top: 52px !important;
}

.mt56 {
    margin-top: 56px !important;
}

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

.mt64 {
    margin-top: 64px !important;
}

.mt68 {
    margin-top: 68px !important;
}

.mt72 {
    margin-top: 72px !important;
}

.mt76 {
    margin-top: 76px !important;
}

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

.mt88 {
    margin-top: 88px !important;
}


.mb0 {
    margin-bottom: 0 !important;
}

.mb4 {
    margin-bottom: 4px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb12 {
    margin-bottom: 12px !important;
}

.mb16 {
    margin-bottom: 16px !important;
}

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

.mb24 {
    margin-bottom: 24px !important;
}

.mb28 {
    margin-bottom: 28px !important;
}

.mb32 {
    margin-bottom: 32px !important;
}

.mb36 {
    margin-bottom: 36px !important;
}

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

.mb44 {
    margin-bottom: 44px !important;
}

.mb48 {
    margin-bottom: 48px !important;
}

.mb52 {
    margin-bottom: 52px !important;
}

.mb56 {
    margin-bottom: 56px !important;
}

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

.mb64 {
    margin-bottom: 64px !important;
}

.mb68 {
    margin-bottom: 68px !important;
}

.mb72 {
    margin-bottom: 72px !important;
}

.mb76 {
    margin-bottom: 76px !important;
}

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

.mr8 {
    margin-right: 8px !important;
}

.mr16 {
    margin-right: 8px !important;
}


@media screen and (max-width: 767px) {
    .mt0-sp {
        margin-top: 0 !important;
    }

    .mt4-sp {
        margin-top: 4px !important;
    }

    .mt8-sp {
        margin-top: 8px !important;
    }

    .mt12-sp {
        margin-top: 12px !important;
    }

    .mt16-sp {
        margin-top: 16px !important;
    }

    .mt20-sp {
        margin-top: 20px !important;
    }

    .mt24-sp {
        margin-top: 24px !important;
    }

    .mt28-sp {
        margin-top: 28px !important;
    }

    .mt32-sp {
        margin-top: 32px !important;
    }

    .mt36-sp {
        margin-top: 36px !important;
    }

    .mt40-sp {
        margin-top: 40px !important;
    }

    .mt44-sp {
        margin-top: 44px !important;
    }

    .mt48-sp {
        margin-top: 48px !important;
    }

    .mt52-sp {
        margin-top: 52px !important;
    }

    .mt56-sp {
        margin-top: 56px !important;
    }

    .mt60-sp {
        margin-top: 60px !important;
    }

    .mt64-sp {
        margin-top: 64px !important;
    }

    .mt68-sp {
        margin-top: 68px !important;
    }

    .mt72-sp {
        margin-top: 72px !important;
    }

    .mt76-sp {
        margin-top: 76px !important;
    }

    .mt80-sp {
        margin-top: 80px !important;
    }


    .mb0-sp {
        margin-bottom: 0 !important;
    }

    .mb4-sp {
        margin-bottom: 4px !important;
    }

    .mb8-sp {
        margin-bottom: 8px !important;
    }

    .mb12-sp {
        margin-bottom: 12px !important;
    }

    .mb16-sp {
        margin-bottom: 16px !important;
    }

    .mb20-sp {
        margin-bottom: 20px !important;
    }

    .mb24-sp {
        margin-bottom: 24px !important;
    }

    .mb28-sp {
        margin-bottom: 28px !important;
    }

    .mb32-sp {
        margin-bottom: 32px !important;
    }

    .mb36-sp {
        margin-bottom: 36px !important;
    }

    .mb40-sp {
        margin-bottom: 40px !important;
    }

    .mb44-sp {
        margin-bottom: 44px !important;
    }

    .mb48-sp {
        margin-bottom: 48px !important;
    }

    .mb52-sp {
        margin-bottom: 52px !important;
    }

    .mb56-sp {
        margin-bottom: 56px !important;
    }

    .mb60-sp {
        margin-bottom: 60px !important;
    }

    .mb64-sp {
        margin-bottom: 64px !important;
    }

    .mb68-sp {
        margin-bottom: 68px !important;
    }

    .mb72-sp {
        margin-bottom: 72px !important;
    }

    .mb76-sp {
        margin-bottom: 76px !important;
    }

    .mb80-sp {
        margin-bottom: 80px !important;
    }
}


.ml0 {
    margin-left: 0 !important;
}

.ml4 {
    margin-left: 4px !important;
}

.ml8 {
    margin-left: 8px !important;
}

.ml12 {
    margin-left: 12px !important;
}

.ml16 {
    margin-left: 16px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml24 {
    margin-left: 24px !important;
}

.ml28 {
    margin-left: 28px !important;
}

.ml32 {
    margin-left: 32px !important;
}

.ml36 {
    margin-left: 36px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml44 {
    margin-left: 44px !important;
}

.ml48 {
    margin-left: 48px !important;
}

.ml52 {
    margin-left: 52px !important;
}

.ml56 {
    margin-left: 56px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml64 {
    margin-left: 64px !important;
}

.ml68 {
    margin-left: 68px !important;
}

.ml72 {
    margin-left: 72px !important;
}

.ml76 {
    margin-left: 76px !important;
}

.ml80 {
    margin-left: 80px !important;
}


@media screen and (max-width: 767px) {
    .mt0-sp {
        margin-top: 0 !important;
    }

    .mt4-sp {
        margin-top: 4px !important;
    }

    .mt8-sp {
        margin-top: 8px !important;
    }

    .mt12-sp {
        margin-top: 12px !important;
    }

    .mt16-sp {
        margin-top: 16px !important;
    }

    .mt20-sp {
        margin-top: 20px !important;
    }

    .mt24-sp {
        margin-top: 24px !important;
    }

    .mt28-sp {
        margin-top: 28px !important;
    }

    .mt32-sp {
        margin-top: 32px !important;
    }

    .mt36-sp {
        margin-top: 36px !important;
    }

    .mt40-sp {
        margin-top: 40px !important;
    }

    .mt44-sp {
        margin-top: 44px !important;
    }

    .mt48-sp {
        margin-top: 48px !important;
    }

    .mt52-sp {
        margin-top: 52px !important;
    }

    .mt56-sp {
        margin-top: 56px !important;
    }

    .mt60-sp {
        margin-top: 60px !important;
    }

    .mt64-sp {
        margin-top: 64px !important;
    }

    .mt68-sp {
        margin-top: 68px !important;
    }

    .mt72-sp {
        margin-top: 72px !important;
    }

    .mt76-sp {
        margin-top: 76px !important;
    }

    .mt80-sp {
        margin-top: 80px !important;
    }


    .ml0-sp {
        margin-left: 0 !important;
    }

    .ml4-sp {
        margin-left: 4px !important;
    }

    .ml8-sp {
        margin-left: 8px !important;
    }

    .ml12-sp {
        margin-left: 12px !important;
    }

    .ml16-sp {
        margin-left: 16px !important;
    }

    .ml20-sp {
        margin-left: 20px !important;
    }

    .ml24-sp {
        margin-left: 24px !important;
    }

    .ml28-sp {
        margin-left: 28px !important;
    }

    .ml32-sp {
        margin-left: 32px !important;
    }

    .ml36-sp {
        margin-left: 36px !important;
    }

    .ml40-sp {
        margin-left: 40px !important;
    }

    .ml44-sp {
        margin-left: 44px !important;
    }

    .ml48-sp {
        margin-left: 48px !important;
    }

    .ml52-sp {
        margin-left: 52px !important;
    }

    .ml56-sp {
        margin-left: 56px !important;
    }

    .ml60-sp {
        margin-left: 60px !important;
    }

    .ml64-sp {
        margin-left: 64px !important;
    }

    .ml68-sp {
        margin-left: 68px !important;
    }

    .ml72-sp {
        margin-left: 72px !important;
    }

    .ml76-sp {
        margin-left: 76px !important;
    }

    .ml80-sp {
        margin-left: 80px !important;
    }
}


/* width */
.wauto {
    width: auto !important;
}

.w8 {
    width: 8px !important;
}

.w16 {
    width: 16px !important;
}

.w24 {
    width: 24px !important;
}

.w32 {
    width: 32px !important;
}

.w40 {
    width: 40px !important;
}

.w48 {
    width: 48px !important;
}

.w56 {
    width: 56px !important;
}

.w64 {
    width: 64px !important;
}

.w72 {
    width: 72px !important;
}

.w80 {
    width: 80px !important;
}

.w88 {
    width: 88px !important;
}

.w96 {
    width: 96px !important;
}

.w104 {
    width: 104px !important;
}

.w112 {
    width: 112px !important;
}

.w120 {
    width: 120px !important;
}

.w128 {
    width: 128px !important;
}

.w136 {
    width: 136px !important;
}

.w144 {
    width: 144px !important;
}

.w152 {
    width: 152px !important;
}

.w160 {
    width: 160px !important;
}

.w168 {
    width: 168px !important;
}

.w176 {
    width: 176px !important;
}

.w184 {
    width: 184px !important;
}

.w192 {
    width: 192px !important;
}

.w200 {
    width: 200px !important;
}

.w208 {
    width: 208px !important;
}

.w216 {
    width: 216px !important;
}

.w224 {
    width: 224px !important;
}

.w232 {
    width: 232px !important;
}

.w240 {
    width: 240px !important;
}

.w248 {
    width: 248px !important;
}

.w256 {
    width: 256px !important;
}

.w264 {
    width: 264px !important;
}

.w272 {
    width: 272px !important;
}

.w280 {
    width: 280px !important;
}

.w288 {
    width: 288px !important;
}

.w296 {
    width: 296px !important;
}

.w304 {
    width: 304px !important;
}

.w312 {
    width: 312px !important;
}

.w320 {
    width: 320px !important;
}

.w344 {
    width: 344px !important;
}

.w360 {
    width: 360px !important;
}

.w400 {
    width: 400px !important;
}

.w480 {
    width: 480px !important;
}

.w560 {
    width: 560px !important;
}

@media screen and (max-width: 767px) {
    .wauto-sp {
        width: auto !important;
    }

    .w8-sp {
        width: 8px !important;
    }

    .w16-sp {
        width: 16px !important;
    }

    .w24-sp {
        width: 24px !important;
    }

    .w32-sp {
        width: 32px !important;
    }

    .w40-sp {
        width: 40px !important;
    }

    .w48-sp {
        width: 48px !important;
    }

    .w56-sp {
        width: 56px !important;
    }

    .w64-sp {
        width: 64px !important;
    }

    .w72-sp {
        width: 72px !important;
    }

    .w80-sp {
        width: 80px !important;
    }

    .w88-sp {
        width: 88px !important;
    }

    .w96-sp {
        width: 96px !important;
    }

    .w104-sp {
        width: 104px !important;
    }

    .w112-sp {
        width: 112px !important;
    }

    .w120-sp {
        width: 120px !important;
    }

    .w128-sp {
        width: 128px !important;
    }

    .w136-sp {
        width: 136px !important;
    }

    .w144-sp {
        width: 144px !important;
    }

    .w152-sp {
        width: 152px !important;
    }

    .w160-sp {
        width: 160px !important;
    }

    .w168-sp {
        width: 168px !important;
    }

    .w176-sp {
        width: 176px !important;
    }

    .w184-sp {
        width: 184px !important;
    }

    .w192-sp {
        width: 192px !important;
    }

    .w200-sp {
        width: 200px !important;
    }

    .w208-sp {
        width: 208px !important;
    }

    .w216-sp {
        width: 216px !important;
    }

    .w224-sp {
        width: 224px !important;
    }

    .w232-sp {
        width: 232px !important;
    }

    .w240-sp {
        width: 240px !important;
    }

    .w248-sp {
        width: 248px !important;
    }

    .w256-sp {
        width: 256px !important;
    }

    .w264-sp {
        width: 264px !important;
    }

    .w272-sp {
        width: 272px !important;
    }

    .w280-sp {
        width: 280px !important;
    }

    .w288-sp {
        width: 288px !important;
    }

    .w296-sp {
        width: 296px !important;
    }

    .w304-sp {
        width: 304px !important;
    }

    .w312-sp {
        width: 312px !important;
    }

    .w320-sp {
        width: 320px !important;
    }
}

.w100p {
    width: 100% !important;
}

.wordBreak-all {
    word-break: break-all;
}

.wordBreak-normal {
    word-break: normal;
}