@charset 'Shift_JIS';
/* 文字コード Shift_JIS */

:root {
    --window-width: 100vw;
    --content-width: 640;
    ---5: calc(5 / var(--content-width) * var(--window-width, 100vw));
    ---10: calc(10 / var(--content-width) * var(--window-width, 100vw));
    ---15: calc(15 / var(--content-width) * var(--window-width, 100vw));
    ---20: calc(20 / var(--content-width) * var(--window-width, 100vw));
    ---25: calc(25 / var(--content-width) * var(--window-width, 100vw));
    ---30: calc(30 / var(--content-width) * var(--window-width, 100vw));
    ---35: calc(35 / var(--content-width) * var(--window-width, 100vw));
    ---40: calc(40 / var(--content-width) * var(--window-width, 100vw));
    ---45: calc(45 / var(--content-width) * var(--window-width, 100vw));
    ---50: calc(50 / var(--content-width) * var(--window-width, 100vw));
    ---55: calc(55 / var(--content-width) * var(--window-width, 100vw));
    ---60: calc(60 / var(--content-width) * var(--window-width, 100vw));
    ---65: calc(65 / var(--content-width) * var(--window-width, 100vw));
    ---70: calc(70 / var(--content-width) * var(--window-width, 100vw));
    ---75: calc(75 / var(--content-width) * var(--window-width, 100vw));
    ---80: calc(80 / var(--content-width) * var(--window-width, 100vw));
    ---85: calc(85 / var(--content-width) * var(--window-width, 100vw));
    ---90: calc(90 / var(--content-width) * var(--window-width, 100vw));
    ---95: calc(95 / var(--content-width) * var(--window-width, 100vw));
    ---100: calc(100 / var(--content-width) * var(--window-width, 100vw));
    ---105: calc(105 / var(--content-width) * var(--window-width, 100vw));
    ---110: calc(110 / var(--content-width) * var(--window-width, 100vw));
    ---115: calc(115 / var(--content-width) * var(--window-width, 100vw));
    ---120: calc(120 / var(--content-width) * var(--window-width, 100vw));
    ---125: calc(125 / var(--content-width) * var(--window-width, 100vw));
    ---130: calc(130 / var(--content-width) * var(--window-width, 100vw));
    ---135: calc(135 / var(--content-width) * var(--window-width, 100vw));
    ---140: calc(140 / var(--content-width) * var(--window-width, 100vw));
    ---145: calc(145 / var(--content-width) * var(--window-width, 100vw));
    ---150: calc(150 / var(--content-width) * var(--window-width, 100vw));
    ---155: calc(155 / var(--content-width) * var(--window-width, 100vw));
    ---160: calc(160 / var(--content-width) * var(--window-width, 100vw));
    ---165: calc(165 / var(--content-width) * var(--window-width, 100vw));
    ---170: calc(170 / var(--content-width) * var(--window-width, 100vw));
    ---175: calc(175 / var(--content-width) * var(--window-width, 100vw));
    ---180: calc(180 / var(--content-width) * var(--window-width, 100vw));
    ---185: calc(185 / var(--content-width) * var(--window-width, 100vw));
    ---190: calc(190 / var(--content-width) * var(--window-width, 100vw));
    ---195: calc(195 / var(--content-width) * var(--window-width, 100vw));
    ---200: calc(200 / var(--content-width) * var(--window-width, 100vw));
}

.mb-5 {
    margin-bottom: var(---5) !important;
}

.mb-10 {
    margin-bottom: var(---10) !important;
}

.mb-15 {
    margin-bottom: var(---15) !important;
}

.mb-20 {
    margin-bottom: var(---20) !important;
}

.mb-25 {
    margin-bottom: var(---25) !important;
}

.mb-30 {
    margin-bottom: var(---30) !important;
}

.mb-35 {
    margin-bottom: var(---35) !important;
}

.mb-40 {
    margin-bottom: var(---40) !important;
}

.mb-45 {
    margin-bottom: var(---45) !important;
}

.mb-50 {
    margin-bottom: var(---50) !important;
}

.mb-55 {
    margin-bottom: var(---55) !important;
}

.mb-60 {
    margin-bottom: var(---60) !important;
}

.mb-65 {
    margin-bottom: var(---65) !important;
}

.mb-70 {
    margin-bottom: var(---70) !important;
}

.mb-75 {
    margin-bottom: var(---75) !important;
}

.mb-80 {
    margin-bottom: var(---80) !important;
}

.mb-85 {
    margin-bottom: var(---85) !important;
}

.mb-90 {
    margin-bottom: var(---90) !important;
}

.mb-95 {
    margin-bottom: var(---95) !important;
}

.mb-100 {
    margin-bottom: var(---100) !important;
}

.mb-105 {
    margin-bottom: var(---105) !important;
}

.mb-110 {
    margin-bottom: var(---110) !important;
}

.mb-115 {
    margin-bottom: var(---115) !important;
}

.mb-120 {
    margin-bottom: var(---120) !important;
}

.mb-125 {
    margin-bottom: var(---125) !important;
}

.mb-130 {
    margin-bottom: var(---130) !important;
}

.mb-135 {
    margin-bottom: var(---135) !important;
}

.mb-140 {
    margin-bottom: var(---140) !important;
}

.mb-145 {
    margin-bottom: var(---145) !important;
}

.mb-150 {
    margin-bottom: var(---150) !important;
}

.mb-155 {
    margin-bottom: var(---155) !important;
}

.mb-160 {
    margin-bottom: var(---160) !important;
}

.mb-165 {
    margin-bottom: var(---165) !important;
}

.mb-170 {
    margin-bottom: var(---170) !important;
}

.mb-175 {
    margin-bottom: var(---175) !important;
}

.mb-180 {
    margin-bottom: var(---180) !important;
}

.mb-185 {
    margin-bottom: var(---185) !important;
}

.mb-190 {
    margin-bottom: var(---190) !important;
}

.mb-195 {
    margin-bottom: var(---195) !important;
}

.mb-200 {
    margin-bottom: var(---200) !important;
}

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

.u-fit-center {
    width: fit-content;
    margin: auto;
}

.u-text-center {
    text-align: center;
}

.u-text-indent {
    padding-left: 1em;
    text-indent: -1em;
}

.u-hover-op {
    *zoom: 1;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.u-hover-op:active {
    opacity: .8;
}

.u-color-white {
    color: #fff;
}