@charset "UTF-8";

/* メディアクエリ */
/* //メディアクエリ */
/* position 中央寄せ */
/* //position 中央寄せ */
/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -webkit-tap-highlight-color: transparent;
    /* 3*/
    font-size: 0.625vw;
}

/* スクリーンサイズが1520px以上 */
@media screen and (min-width: 1920px) {
    html {
        font-size: 62.5%;
    }
}

/* スクリーンサイズが1200px以下の場合に適用 */
@media screen and (max-width: 1100px) {
    html {
        font-size: 35.0625%;
    }
}

@media screen and (max-width: 750px) {
    html {
        font-size: 62.5%;
    }
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
    margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: inherit;
    /* 2 */
}

address {
    font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: inherit;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
    vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    /* 1 */
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit;
    /* 2 */
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
    -webkit-appearance: checkbox;
    appearance: checkbox;
}

[type=radio] {
    -webkit-appearance: radio;
    appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
    cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
    cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
    outline: auto;
}

select:disabled {
    opacity: inherit;
}

/**
 * Remove padding
 */
option {
    padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
    margin: 0;
    padding: 0;
    min-width: 0;
}

legend {
    padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
    outline-offset: -2px;
    /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
    cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
    outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
    border-color: inherit;
    /* 1 */
}

caption {
    text-align: left;
}

td,
th {
    vertical-align: top;
    padding: 0;
}

th {
    text-align: left;
    font-weight: bold;
}

/* reset.css end */
/* base.css start */
html {
    font-size: 100%;
    /* ブラウザのデフォルトのフォントサイズ。大抵は16px */
}

.main-contents {
    font-family: "Figtree", serif;
}

body {
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    background-color: #000000;
    color: #FFFFFF;
}


main {
    overflow: hidden;
}

.container-980 {
    max-width: 1010px;
    padding: 0 15px;
    margin: 0 auto;
}

.d-none {
    display: none;
}

.d-inline-block {
    display: inline-block;
}

@media screen and (max-width: 980px) {
    .d-lg-block {
        display: block;
    }
}

@media screen and (max-width: 575px) {
    .d-sm-block {
        display: block;
    }
}

@media screen and (max-width: 575px) {
    .d-sm-none {
        display: none;
    }
}

.figtree {
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.btn-pattern1 {
    display: block;
    border-radius: 10px;
    background: linear-gradient(to right, #FFE16B, #FFEE96, #F1C61B, #FFF3A2, #FFE065, #FFE66B, #EFCD21);
    box-shadow: 0 10px #603900;
    transition: all 0.3s;
    padding: 4px 0 28px;
    text-align: center;
    font-size: 2.5rem;
    color: #603900;
    text-shadow: 2px 2px 0 #FFFDE2;
}

@media screen and (max-width: 980px) {
    .btn-pattern1 {
        font-size: max(20px, 4.0816326531vw);
        padding: max(16px, 3.8775510204vw) 0;
    }
}

.btn-pattern1:hover {
    color: #603900;
    opacity: 1;
    transform: translateY(10px);
    box-shadow: none;
}

.btn-pattern1 img {
    width: 457px;
}

@media screen and (max-width: 980px) {
    .btn-pattern1 img {
        width: max(230px, 46.6326530612vw);
    }
}

.btn-has-arrow-right span {
    display: block;
    padding-right: 67px;
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

@media screen and (max-width: 980px) {
    .btn-has-arrow-right span {
        padding-right: max(38px, 4.2857142857vw);
    }
}

.btn-has-arrow-right span::before {
    content: "";
    width: 32px;
    height: 26px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/icon-arrow-right.png) no-repeat center center/contain;
    position: absolute;
    right: 0;
    top: 56%;
    transform: translateY(-50%);
}

@media screen and (max-width: 980px) {
    .btn-has-arrow-right span::before {
        width: max(20px, 3.2653061224vw);
        height: max(14px, 2.6530612245vw);
    }
}

@media screen and (max-width: 767px) {
    .btn-has-arrow-right span::before {
        width: 5vw;
        height: 5vw;
    }
}

.btn-has-arrow-right.btn-has-arrow-right--blue span::before {
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/icon-arrow-right-blue.png) no-repeat center center/contain;
}

.btn-pattern2 {
    background: linear-gradient(to right, #FF94D4, #EF2F5D);
    border-radius: 100vw;
    display: block;
    padding: 15.5px 0 15.5px 22px;
    text-align: center;
    box-shadow: 0 4px 0 #C114B5;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1666666667;
}

@media screen and (max-width: 980px) {
    .btn-pattern2 {
        font-size: max(14px, 2.2448979592vw);
        padding: max(12px, 1.5816326531vw) 0;
    }
}

.btn-pattern2:hover {
    transform: translateY(4px);
    box-shadow: none;
    opacity: 1;
    color: #FFFFFF;
}

.btn-pattern3 {
    display: block;
    background: linear-gradient(to right bottom, #DE4BF6, #844BF6);
    border-radius: 100vw;
    text-align: center;
    padding: 6px 0;
    box-shadow: 0 4px 0 #702AB4;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}

@media screen and (max-width: 980px) {
    .btn-pattern3 {
        font-size: max(14px, 2.2448979592vw);
        padding: max(12px, 1.5816326531vw) 0;
    }
}

.btn-pattern3:hover {
    transform: translateY(4px);
    box-shadow: none;
    opacity: 1;
    color: #FFFFFF;
}

.btn-pattern4 {
    padding: 13px 0 13px 60px;
    border-radius: 100vw;
    background: linear-gradient(to right, #FF7EDD, #F324DD);
    box-shadow: 0px 4px 0px #DE26CA;
    position: relative;
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .btn-pattern4 {
        padding: 13px 0 13px 5.2083333333vw;
        font-size: 2.9947916667vw;
    }
}

@media screen and (max-width: 575px) {
    .btn-pattern4 {
        font-size: 1.25rem;
        padding: 13px 0 13px 0;
    }
}

.btn-pattern4:hover {
    color: #FFFFFF;
    transform: translateY(4px);
    box-shadow: none;
    opacity: 1;
}

.btn-pattern4 span {
    padding-right: 61px;
    text-align: left;
    margin: 0;
}

@media screen and (max-width: 980px) {
    .btn-pattern4 span {
        padding-right: 6.2244897959vw;
    }
}

@media screen and (max-width: 575px) {
    .btn-pattern4 span {
        margin: 0 auto;
    }
}

.btn-pattern5 {
    padding: 13px 0 13px 32px;
    border-radius: 100vw;
    background: linear-gradient(to right, #83E9FD, #009FE8);
    box-shadow: 0px 4px 0px #009FE8;
    position: relative;
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .btn-pattern5 {
        font-size: 2.9947916667vw;
        padding: 13px 0 13px 3.2986111111vw;
    }
}

@media screen and (max-width: 575px) {
    .btn-pattern5 {
        font-size: 1.25rem;
        padding: 13px 0;
    }
}

.btn-pattern5:hover {
    color: #FFFFFF;
    transform: translateY(4px);
    box-shadow: none;
    opacity: 1;
}

.btn-pattern5 span {
    padding-right: 50px;
    text-align: left;
    margin: 0;
}

@media screen and (max-width: 980px) {
    .btn-pattern5 span {
        padding-right: 36px;
    }
}

@media screen and (max-width: 767px) {
    .btn-pattern5 span {
        padding-right: 6.25vw;
    }
}

@media screen and (max-width: 575px) {
    .btn-pattern5 span {
        margin: 0 auto;
    }
}

@media screen and (max-width: 980px) {
    .btn-pattern5 img {
        width: max(80px, 15.2040816327vw);
    }
}

.btn-w720-wrapper {
    width: 720px;
    margin: 0 auto;
    max-width: 95%;
}

@font-face {
    font-family: "vdl-logog", sans-serif;
    src: url("../fonts/LOGOG_BG.ttf") format(truetype);
}

.vdl-logog {
    font-family: "vdl-logog", sans-serif;
    font-style: normal;
}

.txt-yellow {
    color: #F3D369;
}

.txt-mustard {
    color: #FFAF0F;
}

.txt-vivid-pink {
    color: #FF3CFF;
}

.txt-dusty-blue {
    color: #CDE1F2;
}

.has-highlight-gold {
    position: relative;
    width: fit-content;
}

.has-highlight-gold::before {
    content: "";
    width: 100%;
    height: 12px;
    background-color: #746C36;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.has-highlight-silver {
    position: relative;
    width: fit-content;
}

.has-highlight-silver::before {
    content: "";
    width: 100%;
    height: 12px;
    background-color: #586267;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.fv {
    position: relative;
    height: 49.2679355783vw;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/fv-bg.png) no-repeat center center/cover;
}

.fv::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/fv-bg-border.png) no-repeat center top/113%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.fv-txt-wrapper {
    position: relative;
}

.fv__ttl {
    font-weight: 900;
    position: absolute;
    top: -1.9033674963vw;
    left: 1.6837481698vw;
    width: 64.4216691069vw;
}

.fv__txt {
    padding-top: 11vw;
    text-align: center;
}

.fv__txt img {
    width: 61vw;
}

.fv__txt--period {
    margin-top: -1vw;
    margin-left: 24.5vw;
}

.v2 .fv__txt {
    padding-top: 12.5vw;
    text-align: center;
    display: flex;
    justify-content: center;
}

.v2 .fv__txt img {
    width: 100%;
}

.v2 .fv__txt .wrapper {
    position: relative;
    width: 69.8389458272vw;
    transform: translate(85px, -20px);
}

.v2 .fv__txt .wrapper::before {
    content: '';
    position: absolute;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/rolex.png) no-repeat center center/cover;
    width: 15vw;
    height: 17.5vw;
    z-index: 2;
    transform: translate(-50%, 30%);
}

.v2 .fv__txt--period {
    margin-top: -0.5vw;
    margin-left: 24.5vw;
}

@media screen and (max-width: 980px) {
    .fv__txt--period {
        width: 71.4285714286vw;
    }
}

@media screen and (max-width: 767px) {
    .fv__txt--period {
        margin-left: 22vw;
    }
}

@media screen and (max-width: 575px) {
    .fv__txt--period {
        margin-left: 23vw;
    }
}

.fv__txt--period img {
    width: 51.2445095168vw;
}

@media screen and (max-width: 980px) {
    .fv__txt--period img {
        width: 51.0204081633vw;
    }
}

@media screen and (max-width: 767px) {
    .fv__txt--period img {
        width: 58vw;
    }
}

.fv-link-wrapper {
    position: absolute;
    bottom: -5.688141vw;
    right: 7vw;
    width: 24vw;
    z-index: 999;
}

@media screen and (max-width: 980px) {
    .fv-link-wrapper {
        right: 9vw;
    }
}

@media screen and (max-width: 767px) {
    .fv-link-wrapper {
        right: 7vw;
    }
}

.more-bonus-txt-wrapper {
    margin-top: 3.6603221083vw;
}

@media screen and (max-width: 1199px) {
    .more-bonus-txt-wrapper {
        margin-top: 6vw;
    }
}

@media screen and (max-width: 980px) {
    .more-bonus-txt-wrapper {
        margin-top: 9.387755102vw;
    }
}

.more-bonus-txt {
    font-size: 2.3426061493vw;
    line-height: 1.3125;
    font-weight: 900;
    text-align: center;
    margin-top: -66px;
    position: relative;
}

@media screen and (max-width: 980px) {
    .more-bonus-txt {
        font-size: max(18px, 3.2653061224vw);
        margin-top: -6.7346938776vw;
    }
}

.mission__coming-soon {
    text-align: center;
    position: relative;
    z-index: 2;
}

.mission__coming-soon img {
    width: 280px;
}

@media screen and (max-width: 980px) {
    .mission__coming-soon img {
        width: 28.5714285714vw;
    }
}

@media screen and (max-width: 575px) {
    .mission__coming-soon img {
        width: 165px;
    }
}

.sec-coming-soon.lazyloaded::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 0% 99%);
}

@media screen and (max-width: 1919px) {
    .sec-coming-soon.lazyloaded::before {
        clip-path: polygon(0% 0%, 100% 0%, 100% 86%, 0% 98%);
    }
}

@media screen and (max-width: 1199px) {
    .sec-coming-soon.lazyloaded::before {
        clip-path: polygon(0% 0%, 100% 0%, 100% 87%, 0% 97%);
    }
}

@media screen and (max-width: 767px) {
    .sec-coming-soon.lazyloaded::before {
        clip-path: polygon(0% 0%, 100% 0%, 100% 88%, 0% 96%);
    }
}

@media screen and (max-width: 476px) {
    .sec-coming-soon.lazyloaded::before {
        clip-path: polygon(0% 0%, 100% 0%, 100% 88.5%, 0% 95.4%);
    }
}

@media screen and (max-width: 475px) {
    .sec-coming-soon.lazyloaded::before {
        clip-path: polygon(0% 0%, 100% 0%, 100% 89.3%, 0% 94.6%);
    }
}

.sec-coming-soon.lazyloaded::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.sec-coming-soon-bg.lazyloaded::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/coming-soon-bg.png) no-repeat center center/cover;
    position: absolute;
    top: 0;
    left: 0;
}

.sec-mission01 {
    padding-top: 15vw;
    padding-bottom: 14vw;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1919px) {
    .sec-mission01 {
        padding-top: 15vw;
        padding-bottom: 14vw;
    }
}

@media screen and (max-width: 575px) {
    .sec-mission01 {
        padding-top: 87px;
        padding-bottom: 81px;
    }
}

.sec-mission01.lazyloaded {
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/mission01-bg.png) no-repeat center center/cover;
}

.sec-mission01 .container-980 {
    position: relative;
}

.sec-mission01 .container-980::before {
    content: "";
    width: 334px;
    height: 277px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/mission1-character.png) no-repeat center center/contain;
    position: absolute;
    bottom: 8px;
    right: -84px;
    z-index: -1;
}

@media screen and (max-width: 1199px) {
    .sec-mission01 .container-980::before {
        width: 290px;
        height: 240px;
        bottom: 25px;
        right: -54px;
    }
}

@media screen and (max-width: 980px) {
    .sec-mission01 .container-980::before {
        width: 29.5918367347vw;
        height: 24.4897959184vw;
        bottom: 2.5510204082vw;
        right: -5.5102040816vw;
    }
}

@media screen and (max-width: 767px) {
    .sec-mission01 .container-980::before {
        width: 22vw;
        height: 18vw;
        bottom: 9vw;
    }
}

@media screen and (max-width: 575px) {
    .sec-mission01 .container-980::before {
        width: 29vw;
        height: 24vw;
        bottom: 120px;
        right: -20px;
    }
}

.mission01__ttl {
    text-align: center;
}

.mission01__ttl img {
    width: 491px;
}

@media screen and (max-width: 980px) {
    .mission01__ttl img {
        width: 50.1020408163vw;
    }
}

@media screen and (max-width: 575px) {
    .mission01__ttl img {
        width: 289px;
    }
}

.mission01__txt {
    font-size: 1.75rem;
    font-weight: 700;
    text-align: center;
    margin-top: 37px;
    margin-bottom: 31px;
}

@media screen and (max-width: 980px) {
    .mission01__txt {
        font-size: max(18px, 2.8571428571vw);
    }
}

.mission01__txt span {
    font-size: 2rem;
    color: #FF3CFF;
}

@media screen and (max-width: 980px) {
    .mission01__txt span {
        font-size: max(21px, 3.2653061224vw);
    }
}

.mission01-btn-wrapper {
    display: flex;
    gap: 10px;
    padding-left: 57px;
}

@media screen and (max-width: 980px) {
    .mission01-btn-wrapper {
        padding-left: 5.8163265306vw;
    }
}

@media screen and (max-width: 575px) {
    .mission01-btn-wrapper {
        display: block;
        padding-left: 0;
    }
}

.mission01-payment-btn-wrapper {
    width: 300px;
}

@media screen and (max-width: 980px) {
    .mission01-payment-btn-wrapper {
        width: max(190px, 30.612244898vw);
    }
}

@media screen and (max-width: 575px) {
    .mission01-payment-btn-wrapper {
        width: 176px;
        margin: 0 auto 18px;
    }
}

.mission01-payment-btn-wrapper img {
    width: 150px;
}

@media screen and (max-width: 980px) {
    .mission01-payment-btn-wrapper img {
        width: max(100px, 15.306122449vw);
    }
}

@media screen and (max-width: 575px) {
    .mission01-payment-btn-wrapper img {
        width: 88px;
    }
}

.mission01-confirm-btn-wrapper {
    width: 420px;
}

@media screen and (max-width: 980px) {
    .mission01-confirm-btn-wrapper {
        width: max(260px, 42.8571428571vw);
    }
}

@media screen and (max-width: 575px) {
    .mission01-confirm-btn-wrapper {
        width: 247px;
        margin: 0 auto;
    }
}

.mission01-confirm-btn-wrapper img {
    width: 280px;
}

@media screen and (max-width: 980px) {
    .mission01-confirm-btn-wrapper img {
        width: max(184px, 28.5714285714vw);
    }
}

@media screen and (max-width: 575px) {
    .mission01-confirm-btn-wrapper img {
        width: 165px;
    }
}

.mission01__reward-txt {
    font-size: 1.5rem;
    margin-top: 27px;
    font-weight: 700;
    position: relative;
    width: fit-content;
    margin-left: 57px;
}

@media screen and (max-width: 980px) {
    .mission01__reward-txt {
        font-size: max(13px, 2.4489795918vw);
    }
}

@media screen and (max-width: 575px) {
    .mission01__reward-txt {
        margin: 27px auto 0;
    }
}

.mission01__reward-txt span {
    font-size: 1.75rem;
}

@media screen and (max-width: 980px) {
    .mission01__reward-txt span {
        font-size: max(13px, 2.8571428571vw);
    }
}

.mission01__about-item {
    font-size: 1.125rem;
    background-color: #000000;
    border-radius: 100vw;
    width: fit-content;
    margin-top: 25px;
    padding: 5px 16px 6px 12px;
}

@media screen and (max-width: 980px) {
    .mission01__about-item {
        font-size: max(15px, 1.8367346939vw);
    }
}

@media screen and (max-width: 767px) {
    .mission01__about-item {
        font-size: 2.4305555556vw;
        margin: 2.5510204082vw auto 0;
    }
}

@media screen and (max-width: 575px) {
    .mission01__about-item {
        font-size: 0.9375rem;
        margin: 2.5510204082vw auto 0;
    }
}

.mission01__about-item span {
    font-weight: 700;
    font-size: pctorem(20);
}

.mission01__about-campaign {
    font-size: 1.125rem;
    margin-left: 250px;
    margin-top: 8px;
}

@media screen and (max-width: 980px) {
    .mission01__about-campaign {
        font-size: max(15px, 1.8367346939vw);
        margin-left: 25.5102040816vw;
    }
}

@media screen and (max-width: 767px) {
    .mission01__about-campaign {
        font-size: 2.4305555556vw;
    }
}

@media screen and (max-width: 575px) {
    .mission01__about-campaign {
        font-size: 0.9375rem;
        margin-left: 0;
        text-align: center;
    }
}

.mission01__about-campaign a {
    color: #83E9FD;
    text-decoration: underline;
}

.sec-mission02 {
    position: relative;
    z-index: 1;
    margin-top: -7.3206442167vw;
    padding-top: 9vw;
    padding-bottom: 10vw;
}

@media screen and (max-width: 1919px) {
    .sec-mission02 {
        margin-top:-8vw;
        padding-top: 11vw;
        padding-bottom: 13vw;
    }
}

@media screen and (max-width: 1365px) {
    .sec-mission02 {
        margin-top: -110px;
        padding-top: 12vw;
        padding-bottom: 11vw;
    }
}

@media screen and (max-width: 1199px) {
    .sec-mission02 {
        padding-top: 12vw;
        padding-bottom: 11vw;
    }
}

@media screen and (max-width: 980px) {
    .sec-mission02 {
        margin-top: -11.5vw;
        padding-top: 15vw;
        padding-bottom: max(120px, 10.9183673469vw);
    }
}

@media screen and (max-width: 767px) {
    .sec-mission02 {
        margin-top: -12.7vw;
        padding-top: 16vw;
        padding-bottom: 13.8888888889vw;
    }
}

@media screen and (max-width: 575px) {
    .sec-mission02 {
        margin-top: -20vw;
        padding-top: 23vw;
        padding-bottom: 32vw;
    }
}

.sec-mission02.lazyloaded {
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/mission02-bg.webp) no-repeat center center/141%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
}

@media screen and (max-width: 1919px) {
    .sec-mission02.lazyloaded {
        clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 0% 100%);
    }
}

@media screen and (max-width: 1599px) {
    .sec-mission02.lazyloaded {
        clip-path: polygon(0% 0%, 100% 0%, 100% 93%, 0% 100%);
    }
}

@media screen and (max-width: 1365px) {
    .sec-mission02.lazyloaded {
        background-size: 163%;
        clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 0% 100%);
    }
}

@media screen and (max-width: 1199px) {
    .sec-mission02.lazyloaded {
        clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 0% 100%);
    }
}

@media screen and (max-width: 991px) {
    .sec-mission02.lazyloaded {
        clip-path: polygon(0% 0%, 100% 0%, 100% 96%, 0% 100%);
    }
}

@media screen and (max-width: 980px) {
    .sec-mission02.lazyloaded {
        background-size: 235%;
    }
}

@media screen and (max-width: 767px) {
    .sec-mission02.lazyloaded {
        background-size: 335%;
        clip-path: polygon(0% 0%, 100% 0%, 100% 98%, 0% 100%);
    }
}

@media screen and (max-width: 575px) {
    .sec-mission02.lazyloaded {
        clip-path: polygon(0% 0%, 100% 0%, 100% 98.5%, 0% 100%);
        background-size: 497%;
    }
}

.mission02__ttl {
    text-align: center;
}

.mission02__ttl img {
    width: 513px;
}

@media screen and (max-width: 980px) {
    .mission02__ttl img {
        width: 52.3469387755vw;
    }
}

@media screen and (max-width: 575px) {
    .mission02__ttl img {
        width: 302px;
    }
}

.mission02__txt {
    text-align: center;
    margin-top: 31px;
    margin-bottom: 21px;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.3125;
}

@media screen and (max-width: 980px) {
    .mission02__txt {
        font-size: max(18px, 2.8571428571vw);
    }
}

.mission02__txt span {
    font-size: 2rem;
}

@media screen and (max-width: 980px) {
    .mission02__txt span {
        font-size: max(19px, 3.2653061224vw);
    }
}

.mission02__txt--2 {
    font-size: 1.4375rem;
}

@media screen and (max-width: 980px) {
    .mission02__txt--2 {
        font-size: max(16px, 2.3469387755vw);
    }
}

.mission02__lineup-txt {
    text-align: center;
}

.mission02__lineup-txt img {
    width: 706px;
}

.lineup-wrapper {
    margin-top: 31px;
}

@media screen and (max-width: 767px) {
    .lineup-wrapper {
        max-width: 479px;
        margin: 31px auto 0;
    }
}

.lineup-inner {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

.lineup-list-inner {
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
}

@media screen and (max-width: 767px) {
    .lineup-list-inner {
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        row-gap: 10px;
    }
}

.lineup-list {
    width: 100%;
}

.lineup-list:first-of-type .lineup-item--left {
    position: relative;
}

.sec-mission02 .lineup-list:first-of-type .lineup-item--left::before {
    content: '';
    width: 285px;
    height: 163px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/txt-special-gold.png) no-repeat center center / contain;
    position: absolute;
    top: -49px;
    left: -40px;
    z-index: 1;
}

@media screen and (max-width: 991px) {
    .sec-mission02 .lineup-list:first-of-type .lineup-item--left::before {
        width: 30.74596774193548vw;
        height: 17.540322580645164vw;
        top: -5.241935483870968vw;
        left: -4.032258064516129vw;
    }
}

@media screen and (max-width: 767px) {
    .sec-mission02 .lineup-list:first-of-type .lineup-item--left::before {
        width: 305px;
        height: 174px;
        top: -52px;
        left: -52px;
    }
}

@media screen and (max-width: 575px) {
    .sec-mission02 .lineup-list:first-of-type .lineup-item--left::before {
        width: 52.951388888888886vw;
        height: 30.208333333333332vw;
        top: -9.027777777777777vw;
        left: -9.027777777777777vw;
    }
}

.sec-mission02 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner {
    padding-top: 81px;
    padding-bottom: 65px;
    padding-left: 218px;
}

@media screen and (max-width: 991px) {
    .sec-mission02 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner {
        padding-left: 15vw;
    }
}

@media screen and (max-width: 767px) {
    .sec-mission02 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner {
        padding-left: 213px;
    }
}

@media screen and (max-width: 575px) {
    .sec-mission02 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner {
        padding-left: 30vw;
        padding-top: 17.36111111111111vw;
        padding-bottom: 22.04861111111111vw;
    }
}

.sec-mission02 .lineup-list:first-of-type .lineup-item--left .lineup-item__ttl img {
    margin-left: -13px;
    width: 245px;
}

@media screen and (max-width: 575px) {
    .sec-mission02 .lineup-list:first-of-type .lineup-item--left .lineup-item__ttl img {
        width: 37.84722222222222vw;
    }
}


.sec-mission02 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner::after {
    content: '';
    width: 142px;
    height: 199px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/gold.svg) no-repeat center center/contain;
    position: absolute;
    top: 53%;
    left: 35px;
    transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
    .sec-mission02 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner::after {
        width: 10.483870967741936vw;
        height: 19.052419354838708vw;
        left: 2vw;
    }
}

@media screen and (max-width: 767px) {
    .sec-mission02 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner::after {
        width: 104px;
        height: 189px;
        left: 60px;
    }
}

@media screen and (max-width: 575px) {
    .sec-mission02 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner::after {
        width: 18.055555555555554vw;
        height: 32.8125vw;
        left: 7vw;
        top: 50%;
    }
}

.lineup-list:first-of-type .lineup-item--right .lineup-item-inner:first-of-type:after {
    content: '';
    width: 175px;
    height: 103px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/100bbc.png) no-repeat center center/contain;
    position: absolute;
    top: 50%;
    left: 13px;
    transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
    .lineup-list:first-of-type .lineup-item--right .lineup-item-inner:first-of-type:after {
        width: 12vw;
        height: 8vw;
        left: 1vw;
    }
}

@media screen and (max-width: 767px) {
    .lineup-list:first-of-type .lineup-item--right .lineup-item-inner:first-of-type:after {
        width: 175px;
        height: 103px;
        left: 13px;
    }
}

@media screen and (max-width: 575px) {
    .lineup-list:first-of-type .lineup-item--right .lineup-item-inner:first-of-type:after {
        width: 24vw;
        height: 14vw;
        left: 2.256944444444444vw;
    }
}

.lineup-list:first-of-type .lineup-item--right .lineup-item-inner:nth-of-type(2):after {
    content: '';
    width: 150px;
    height: 100px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/coupon.png) no-repeat center center/contain;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}

.lineup-list:nth-of-type(2) .lineup-item--left .lineup-item-inner:after {
    content: '';
    width: 150px;
    height: 100px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/coupon-half.png) no-repeat center center/contain;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}

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

    .lineup-list:first-of-type .lineup-item--right .lineup-item-inner:nth-of-type(2):after,
    .lineup-list:nth-of-type(2) .lineup-item--left .lineup-item-inner:after {
        width: 11vw;
        height: 8vw;
        left: 2vw;
    }
}

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

    .lineup-list:first-of-type .lineup-item--right .lineup-item-inner:nth-of-type(2):after,
    .lineup-list:nth-of-type(2) .lineup-item--left .lineup-item-inner:after {
        width: 150px;
        height: 100px;
        left: 30px;
    }
}

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

    .lineup-list:first-of-type .lineup-item--right .lineup-item-inner:nth-of-type(2):after,
    .lineup-list:nth-of-type(2) .lineup-item--left .lineup-item-inner:after {
        width: 21vw;
        height: 14vw;
        left: 5.208333333333334vw;
    }
}

.lineup-list:nth-of-type(2) .lineup-item--right .lineup-item-inner:after {
    content: '';
    width: 162px;
    height: 163px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/credit.png) no-repeat center center/contain;
    position: absolute;
    top: 56%;
    left: 20px;
    transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
    .lineup-list:nth-of-type(2) .lineup-item--right .lineup-item-inner {
        padding-top: 6vw;
    }
}

@media screen and (max-width: 767px) {
    .lineup-list:nth-of-type(2) .lineup-item--right .lineup-item-inner {
        padding-top: 30px;
    }
}

@media screen and (max-width: 991px) {
    .lineup-list:nth-of-type(2) .lineup-item--right .lineup-item-inner:after {
        width: 15vw;
        height: 15vw;
        left: 0;
    }
}

@media screen and (max-width: 767px) {
    .lineup-list:nth-of-type(2) .lineup-item--right .lineup-item-inner:after {
        width: 162px;
        height: 163px;
        left: 20px;
    }
}

@media screen and (max-width: 575px) {
    .lineup-list:nth-of-type(2) .lineup-item--right .lineup-item-inner:after {
        width: 28vw;
        height: 28vw;
        left: 1vw;
    }
}

.lineup-list:nth-of-type(3) .lineup-item--right .lineup-item-inner:after {
    content: '';
    width: 90px;
    height: 90px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/10bbp.png) no-repeat center center/contain;
    position: absolute;
    top: 50%;
    left: 96px;
    transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
    .lineup-list:nth-of-type(3) .lineup-item--right .lineup-item-inner:after {
        width: 9.07258064516129vw;
        height: 9.07258064516129vw;
        left: 8vw;
    }
}

@media screen and (max-width: 767px) {
    .lineup-list:nth-of-type(3) .lineup-item--right .lineup-item-inner:after {
        width: 90px;
        height: 90px;
        left: 70px;
    }
}

@media screen and (max-width: 575px) {
    .lineup-list:nth-of-type(3) .lineup-item--right .lineup-item-inner:after {
        width: 15.625vw;
        height: 15.625vw;
        left: 8vw;
    }
}

.sec-mission02 .lineup-list:first-of-type .lineup-item--left .lineup-item__txt {
    margin-top: -16px;
}

.lineup-list:first-of-type .lineup-item--left .lineup-item__txt {
    font-size: 1.125rem;
    padding-left: 0;
}

.lineup-list:first-of-type .lineup-item--left .lineup-item__txt span {
    font-size: 1.5rem;
}

.lineup-list:nth-of-type(2) .lineup-item--right .lineup-item-inner {
    padding-bottom: 32px;
    padding-top: 34px;
}

.lineup-list:nth-of-type(2) .lineup-item--left .lineup-item-inner {
    padding-top: 13px;
    padding-bottom: 15px;
    padding-left: 206px;
}

@media screen and (max-width: 1199px) {
    .lineup-list:nth-of-type(2) .lineup-item--left .lineup-item-inner {
        padding-left: 196px;
    }
}

@media screen and (max-width: 991px) {
    .lineup-list:nth-of-type(2) .lineup-item--left .lineup-item-inner {
        padding-top: 3vw;
        padding-bottom: 3vw;
        padding-left: 14vw;
        padding-right: 2vw;
    }
}

@media screen and (max-width: 767px) {
    .lineup-list:nth-of-type(2) .lineup-item--left .lineup-item-inner {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 207px;
    }
}

@media screen and (max-width: 575px) {
    .lineup-list:nth-of-type(2) .lineup-item--left .lineup-item-inner {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 27vw;
    }
}

.lineup-list:nth-of-type(2) .lineup-item--left .lineup-item__txt span {
    font-size: .875rem;
}

.lineup-list:nth-of-type(3) .lineup-list-inner {
    justify-content: center;
}

.lineup-list:nth-of-type(3) .lineup-item--right .lineup-item-inner {
    padding-top: 39px;
    padding-bottom: 37px;
}

@media screen and (max-width: 991px) {
    .lineup-list:nth-of-type(3) .lineup-item-inner {
        padding-left: 18vw;
    }
}

@media screen and (max-width: 767px) {
    .lineup-list:nth-of-type(3) .lineup-item-inner {
        padding-left: 207px;
    }
}

@media screen and (max-width: 575px) {
    .lineup-list:nth-of-type(3) .lineup-item-inner {
        padding-left: 27vw;
    }
}

.lineup-item {
    padding: 0 5px;
}

@media screen and (max-width: 767px) {
    .lineup-item {
        padding: 0;
    }
}

.lineup-item--left {
    width: 49.7%;
}

@media screen and (max-width: 767px) {
    .lineup-item--left {
        width: 100%;
    }
}

.lineup-item--left .lineup-item-inner {
    height: 100%;
}

.lineup-item--right {
    width: calc(100% - 49.7%);
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

@media screen and (max-width: 767px) {
    .lineup-item--right {
        width: 100%;
    }
}


.lineup-item--right .lineup-item-inner {
    padding-left: 207px;
}

@media screen and (max-width: 991px) {
    .lineup-item--right .lineup-item-inner {
        padding-left: 14vw;
        padding-right: 2vw;
    }
}

@media screen and (max-width: 767px) {
    .lineup-item--right .lineup-item-inner {
        padding-left: 207px;
        padding-right: 0;
    }
}

@media screen and (max-width: 575px) {
    .lineup-item--right .lineup-item-inner {
        padding-left: 27vw;
    }
}

.sec-mission02 .lineup-list:first-of-type .lineup-item--right .lineup-item-inner:first-of-type {
    padding-top: 21px;
}

.sec-mission02 .lineup-item--right .lineup-item-inner:nth-of-type(2) {
    padding-top: 25px;
}

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

    .sec-mission02 .lineup-list:first-of-type .lineup-item--right .lineup-item-inner:first-of-type,
    .sec-mission02 .lineup-item--right .lineup-item-inner:nth-of-type(2) {
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
}

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

    .sec-mission02 .lineup-list:first-of-type .lineup-item--right .lineup-item-inner:first-of-type,
    .sec-mission02 .lineup-item--right .lineup-item-inner:nth-of-type(2) {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 15px;
    }
}

.sec-mission02 .lineup-item-inner {
    background: linear-gradient(to bottom, #ffd66b 0%, #ffdf96 14.36%, #d89820 29.06%, #ffe6a2 58.62%, #ffd065 72.82%, #ffd66b 91.79%, #da9528 100%);
}

.lineup-item-inner {
    width: 100%;
    position: relative;
}

.lineup-item--deco {
    position: relative;
    height: 100%;
}

.lineup-item--deco::before,
.lineup-item--deco::after {
    content: '';
    width: 154px;
    height: 109px;
    position: absolute;
    z-index: 1;
}

.lineup-item--deco::before {
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/lineup-ribbon-top.svg) no-repeat center center/contain;
    top: -28px;
    right: -19px;
}

.lineup-item--deco::after {
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/lineup-ribbon-bottom.svg) no-repeat center center/contain;
    bottom: -35px;
    left: -19px;
}

.lineup-item-inner::before {
    content: '';
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: linear-gradient(to right bottom, #171717, #212121, #313131, #1F1F1F, #000000);
    position: absolute;
    top: 3px;
    left: 3px;
}

.lineup-item__ttl,
.lineup-item__txt {
    position: relative;
}

.lineup-item__txt {
    font-size: 1rem;
    line-height: calc(24 / 16);
    padding-left: 8px;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.lineup-item__txt span {
    font-size: 1.125rem;
}

.check-ticket-btn-wrapper {
    width: 420px;
    margin: 40px auto 0;
    max-width: 100%;
}

.check-ticket-btn {
    border-radius: 100vw;
    background: linear-gradient(to right, #de4bf6 0%, #844bf6 100%);
    box-shadow: 0px 4px 0px #702ab4;
    padding: 20px 0;
    display: block;
    text-align: center;
}

.check-ticket-btn:hover {
    opacity: 1;
    box-shadow: none;
    transform: translateY(4px);
}

@media screen and (max-width: 575px) {
    .check-ticket-btn img {
        width: min(288px, 61.33333333333333vw);
    }
}

.check-ticket-btn span {
    position: relative;
    padding-right: 62px;
}

@media screen and (max-width: 575px) {
    .check-ticket-btn span {
        padding-right: 13.333333333333334vw;
    }
}

.check-ticket-btn span::before {
    content: "";
    width: 36px;
    height: 30px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/icon-arrow-right.png) no-repeat center center / contain;
    position: absolute;
    right: 0;
    top: -15%;
    transform: translateY(-50%);
}

@media screen and (max-width: 575px) {
    .check-ticket-btn span::before {
        top: 30%;
    }
}

@media screen and (max-width: 449px) {
    .check-ticket-btn span::before {
        top: -1px;
    }
}

.mission02__about-campaign {
    font-size: 1.125rem;
    text-align: center;
    margin-top: 20px;
}

.mission02__about-campaign a {
    color: #83E9FD;
    text-decoration: underline;
}

.sec-mission03 {
    position: relative;
    z-index: 1;
    margin-top: -8vw;
    padding-top: 21vw;
    padding-bottom: 20vw;
}

@media screen and (max-width: 1919px) {
    .sec-mission03 {
        margin-top: -7.4vw;
        padding-top: 29vw;
    }
}

@media screen and (max-width: 1899px) {
    .sec-mission03 {
        margin-top: -8vw;
        padding-top: 21vw;
    }
}

@media screen and (max-width: 1799px) {
    .sec-mission03 {
        padding-top: 17vw;
    }
}

@media screen and (max-width: 1699px) {
    .sec-mission03 {
        padding-top: 14vw;
    }
}

@media screen and (max-width: 1499px) {
    .sec-mission03 {
        margin-top: -8vw;
    }
}

@media screen and (max-width: 1399px) {
    .sec-mission03 {
        margin-top: -8.5vw;
    }
}

@media screen and (max-width: 1199px) {
    .sec-mission03 {
        margin-top: -10vw;
    }
}

@media screen and (max-width: 980px) {
    .sec-mission03 {
        margin-top: -10.9183673469vw;
        padding-top: 15vw;
        padding-bottom: 13vw;
    }
}

@media screen and (max-width: 767px) {
    .sec-mission03 {
        margin-top: -15vw;
        padding-top: 24vw;
        padding-bottom: 25vw;
    }
}

@media screen and (max-width: 575px) {
    .sec-mission03 {
        margin-top: -114px;
        padding-top: 36vw;
        padding-bottom: 38vw;
    }
}

.sec-mission03.lazyloaded {
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/mission03-bg.webp) no-repeat center center/cover;
}

.mission03__ttl {
    text-align: center;
}

.mission03__ttl img {
    width: 519px;
}

@media screen and (max-width: 980px) {
    .mission03__ttl img {
        width: 52.9591836735vw;
    }
}

@media screen and (max-width: 575px) {
    .mission03__ttl img {
        width: 305px;
    }
}

.mission03__txt {
    text-align: center;
    margin-top: 31px;
    margin-bottom: 21px;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.3125;
    z-index: -1;
}

@media screen and (max-width: 980px) {
    .mission03__txt {
        font-size: max(18px, 2.8571428571vw);
    }
}

.mission03__txt span {
    font-size: 2rem;
}

@media screen and (max-width: 980px) {
    .mission03__txt span {
        font-size: max(19px, 3.2653061224vw);
    }
}

.mission03__txt--2 {
    font-size: 1.4375rem;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 980px) {
    .mission03__txt--2 {
        font-size: max(16px, 2.3469387755vw);
    }
}

.mission03__lineup-txt {
    text-align: center;
}

.mission03__lineup-txt img {
    width: 782px;
}

.sec-mission03 .lineup-item-inner {
    background: linear-gradient(to bottom, #dfdfdf 0%, #fff 14.36%, #b1b1b1 29.06%, #dedede 58.62%, #f6f6f6 72.82%, #f1f1f1 91.79%, #e6e6e6 100%);
}

.sec-mission03 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner {
    padding-top: 61px;
    padding-bottom: 53px;
    padding-left: 210px;
}

@media screen and (max-width: 991px) {
    .sec-mission03 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner {
        padding-left: 15vw;
    }
}

@media screen and (max-width: 767px) {
    .sec-mission03 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner {
        padding-left: 213px;
    }
}

@media screen and (max-width: 575px) {
    .sec-mission03 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner {
        padding-left: 30vw;
        padding-top: 17.36111111111111vw;
        padding-bottom: 22.04861111111111vw;
    }
}

.sec-mission03 .lineup-list:first-of-type .lineup-item--left .lineup-item__ttl img {
    width: 163px;
}

@media screen and (max-width: 575px) {
    .sec-mission03 .lineup-list:first-of-type .lineup-item--left .lineup-item__ttl img {
        width: 37vw;
    }
}

.sec-mission03 .lineup-list:first-of-type .lineup-item--left::before {
    content: '';
    width: 305px;
    height: 174px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/txt-special-platinum.png) no-repeat center center / contain;
    position: absolute;
    top: -52px;
    left: -40px;
    z-index: 1;
}

.sec-mission03 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner::after {
    content: '';
    width: 142px;
    height: 199px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/platinum.svg) no-repeat center center/contain;
    position: absolute;
    top: 53%;
    left: 36px;
    transform: translateY(-50%);
}

.sec-mission03 .lineup-list:first-of-type .lineup-item--left .lineup-item__txt {
    padding-left: 8px;
}

@media screen and (max-width: 767px) {
    .sec-mission03 .lineup-list:first-of-type .lineup-item--left .lineup-item__txt {
        padding-left: 0;
    }
}

@media screen and (max-width: 991px) {
    .sec-mission03 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner::after {
        width: 10.483870967741936vw;
        height: 19.052419354838708vw;
        left: 2vw;
    }
}

@media screen and (max-width: 767px) {
    .sec-mission03 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner::after {
        width: 104px;
        height: 189px;
        left: 60px;
    }
}

@media screen and (max-width: 575px) {
    .sec-mission03 .lineup-list:first-of-type .lineup-item--left .lineup-item-inner::after {
        width: 18.055555555555554vw;
        height: 32.8125vw;
        left: 7vw;
        top: 50%;
    }
}

@media screen and (max-width: 991px) {
    .sec-mission03 .lineup-list:first-of-type .lineup-item--left::before {
        width: 30.74596774193548vw;
        height: 17.540322580645164vw;
        top: -5.241935483870968vw;
        left: -4.032258064516129vw;
    }
}

@media screen and (max-width: 767px) {
    .sec-mission03 .lineup-list:first-of-type .lineup-item--left::before {
        width: 305px;
        height: 174px;
        top: -52px;
        left: -52px;
    }
}

@media screen and (max-width: 575px) {
    .sec-mission03 .lineup-list:first-of-type .lineup-item--left::before {
        width: 52.951388888888886vw;
        height: 30.208333333333332vw;
        top: -9.027777777777777vw;
        left: -9.027777777777777vw;
    }
}

.sec-mission03 .lineup-list:first-of-type .lineup-item--right .lineup-item-inner:first-of-type {
    padding-top: 23px;
    padding-bottom: 22px;
}

.sec-mission03 .lineup-list:first-of-type .lineup-item--right .lineup-item-inner:nth-of-type(2) {
    padding-top: 31px;
    padding-bottom: 28px;
}

@media screen and (max-width: 767px) {
    .sec-mission03 .lineup-list:first-of-type .lineup-item--left .lineup-item__ttl img {
        margin-left: -8px;
    }
}

.sec-complete {
    padding-top: 40px;
}

@media screen and (max-width: 980px) {
    .sec-complete {
        padding-top: max(20px, 4.0816326531vw);
    }
}

.complete__ttl {
    text-align: center;
}

.complete__ttl img {
    width: 964px;
}

.complete-present {
    display: flex;
    justify-content: space-between;
    gap: 9px;
    max-width: 903px;
    margin: 0 auto;
}

.complete__txt1,
.complete__txt2 {
    text-align: center;
}

.complete__txt1 img {
    width: 590px;
}

.complete__txt2 {
    font-size: 1.625rem;
}

@media screen and (max-width: 980px) {
    .complete__txt2 {
        font-size: 1rem;
    }
}

.complete__txt2 span {
    font-size: 1.875rem;
}

@media screen and (max-width: 980px) {
    .complete__txt2 span {
        font-size: 1.25rem;
    }
}

.complete-about-campaign {
    position: relative;
    margin-top: 74px;
    padding: 63px 50px 42px;
}

@media screen and (max-width: 980px) {
    .complete-about-campaign {
        margin-top: max(50px, 7.5510204082vw);
        padding: 50px 35px 42px;
    }
}

.complete-about-campaign::before,
.complete-about-campaign::after {
    content: "";
    width: calc(100% - 5px);
    height: 100%;
    border: 1px solid;
    background-color: transparent;
    position: absolute;
    z-index: -1;
}

.complete-about-campaign::before {
    border-color: #FF3CFF;
    top: 0;
    left: 0;
}

.complete-about-campaign::after {
    border-color: #83E9FD;
    top: 5px;
    left: 5px;
}

.complete-about-campaign__ttl {
    width: fit-content;
    background-color: #000000;
    padding: 0 20px;
    position: absolute;
    font-size: 2rem;
    font-weight: 700;
    color: #FF3CFF;
    top: -23px;
    white-space: nowrap;
    left: 50%;
    transform: translatex(-50%);
}

@media screen and (max-width: 980px) {
    .complete-about-campaign__ttl {
        font-size: max(20px, 3.2653061224vw);
    }
}

@media screen and (max-width: 575px) {
    .complete-about-campaign__ttl {
        top: -10px;
    }
}

.complete-about-campaign-detail__ttl img {
    width: 153px;
}
#mission-complete-info img {
    width: 260px;
    margin-bottom: 10px;
}

@media screen and (max-width: 575px) {
    .complete-about-campaign-detail__ttl img {
        width: 110px;
    }
    #mission-complete-info img {
        width: 175px;
    }
}

.complete-about-campaign-wrapper--mission02,
.complete-about-campaign-wrapper--mission03,
.complete-about-campaign-wrapper--mission-complete {
    padding-top: 152px;
    margin-top: -101px;
}

.complete-about-campaign-detail__period {
    font-size: 1rem;
    background-color: #333333;
    width: fit-content;
    margin-top: 13px;
    margin-bottom: 10px;
    padding: 2px 11px 3px;
}

.complete-about-campaign-caution {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

.complete-about-campaign-caution__item {
    font-size: 1rem;
    line-height: 1.8461538462;
    padding-left: 15px;
    position: relative;
    width: 100%;
}

.complete-about-campaign-caution__item::before {
    content: "●";
    font-size: 0.375rem;
    position: absolute;
    top: 9px;
    left: 0;
    color: #FFFFFF;
}

.sec-lottery {
    margin-top: 123px;
    margin-bottom: 10.2040816327vw;
    padding-top: 1.9387755102vw;
    position: relative;
}

@media screen and (max-width: 980px) {
    .sec-lottery {
        margin-top: 12.5510204082vw;
    }
}

.sec-lottery.lazyloaded {
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/lottery-bg.png) no-repeat center top -8.78477306vw/contain;
}

@media screen and (max-width: 1199px) {
    .sec-lottery.lazyloaded {
        background-size: 117%;
    }
}

@media screen and (max-width: 980px) {
    .sec-lottery.lazyloaded {
        background-size: 120%;
    }
}

.sec-lottery.lazyloaded::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/lottery-bg-coin.png) no-repeat center center/100%;
    position: absolute;
    bottom: -25.7142857143vw;
    left: 0;
}

@media screen and (max-width: 980px) {
    .sec-lottery.lazyloaded::before {
        width: 106%;
        height: 102%;
        background-repeat: repeat;
        bottom: -88vw;
    }
}

@media screen and (max-width: 767px) {
    .sec-lottery.lazyloaded::before {
        height: 104%;
        bottom: -137vw;
    }
}

@media screen and (max-width: 575px) {
    .sec-lottery.lazyloaded::before {
        height: 101%;
        bottom: -176vw;
    }
}

.lottery-ttl-wrapper {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    padding-top: 88px;
}

.lottery-ttl-wrapper img:first-of-type {
    width: 460px;
    position: absolute;
    top: 0;
    left: -50px;
}

@media screen and (max-width: 980px) {
    .lottery-ttl-wrapper img:first-of-type {
        left: 0;
    }
}

.lottery-ttl-wrapper img:nth-of-type(2) {
    width: 850px;
    margin: -22px auto 14px;
    display: block;
}

@media screen and (max-width: 575px) {
    .lottery-ttl-wrapper img:nth-of-type(2) {
        margin-top: 0;
    }
}

.lottery-ttl2 {
    font-size: 1.625rem;
    width: fit-content;
    line-height: 1.6;
    margin: 0 auto;
    text-align: center;
    position: relative;
    font-weight: 700;
    padding: 0 28px;
}

@media screen and (max-width: 767px) {
    .lottery-ttl2 {
        font-size: max(20px, 3.3854166667vw);
    }
}


.lottery-ttl2::before,
.lottery-ttl2::after {
    content: "";
    width: 32px;
    height: 39px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/banzai.png) no-repeat center center/contain;
    position: absolute;
    bottom: 0;
}

.lottery-ttl2::before {
    left: 0;
}

.lottery-ttl2::after {
    right: 0;
    transform: rotate(60deg);
}

.lottery-detail {
    box-shadow: 0 0 30px #FF20F0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    max-width: 885px;
    margin: 0 auto 47px;
    padding: 37px 0 38px 47px;
}

@media screen and (max-width: 980px) {
    .lottery-detail {
        gap: 4.7448979592vw;
        margin: 0 auto 4.7959183673vw;
        padding: 3.7755102041vw 0 3.8775510204vw 4.7959183673vw;
    }
}

@media screen and (max-width: 767px) {
    .lottery-detail {
        padding-right: 9vw;
    }
}

@media screen and (max-width: 575px) {
    .lottery-detail {
        padding-right: 8vw;
        padding-left: 5.3333333333vw;
    }
}

.lottery-detail::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid #FF20F0;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: -1;
}

.lottery-detail::after {
    content: "";
    width: 296px;
    height: 296px;
    background: url(../../../../../resources_source/images/campaign/bigboss_challenge/en/lottery-machine.png) no-repeat center center/contain;
    position: absolute;
    bottom: -62px;
    right: -92px;
}

@media screen and (max-width: 980px) {
    .lottery-detail::after {
        width: 24vw;
        height: 24vw;
        bottom: -6.3265306122vw;
        right: -7vw;
    }
}

@media screen and (max-width: 575px) {
    .lottery-detail::after {
        width: 22vw;
        height: 22vw;
    }
}

.lottery-detail dl {
    display: flex;
}

@media screen and (max-width: 767px) {
    .lottery-detail dl {
        flex-wrap: wrap;
    }
}

.lottery-detail dl dt {
    width: 201px;
    background: linear-gradient(to right, #FD55FF, #AD3CDC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.375rem;
}

@media screen and (max-width: 767px) {
    .lottery-detail dl dt {
        width: 100%;
    }
}

.lottery-detail dl dd {
    width: calc(100% - 201px);
    padding-left: 24px;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .lottery-detail dl dd {
        width: 100%;
        padding-left: 0;
    }
}

.lottery-btn-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
    position: relative;
}

@media screen and (max-width: 575px) {
    .lottery-btn-wrapper {
        flex-wrap: wrap;
    }
}

.lottery-btn {
    width: 380px;
}

@media screen and (max-width: 575px) {
    .lottery-btn {
        width: 345px;
    }
}

.lottery-notes {
    margin-top: 103px;
}

@media screen and (max-width: 1199px) {
    .lottery-notes {
        width: 77%;
        margin: 103px auto 0;
    }
}

@media screen and (max-width: 767px) {
    .lottery-notes {
        width: 75%;
        margin: 103px auto 0;
    }
}

.lottery-notes__ttl {
    font-size: 1.125rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.lottery-notes-cont:not(:last-of-type) {
    margin-bottom: 28px;
}

.lottery-notes-cont-list--kome .lottery-notes-cont-list__item:not(.lottery-notes-cont-list__item--no-kome)::before {
    content: "*";
}

.lottery-notes-cont-list--disc .lottery-notes-cont-list__item:not(.lottery-notes-cont-list__item--no-disc)::before {
    content: "・";
}

.lottery-notes-cont-list__item {
    font-size: 0.8125rem;
    line-height: 1.8461538462;
    position: relative;
}

.lottery-notes-cont-list__item:not(.lottery-notes-cont-list__item--no-kome):not(.lottery-notes-cont-list__item--no-disc) {
    padding-left: 13px;
}

.lottery-notes-cont-list__item:not(.lottery-notes-cont-list__item--no-kome):not(.lottery-notes-cont-list__item--no-disc)::before {
    color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
}

.opening-account-btn-wrapper {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all 0.3s;
    z-index: 999;
}

@media screen and (max-width: 980px) {
    .opening-account-btn-wrapper {
        width: 73.4693877551vw;
    }
}

.opening-account-btn-wrapper.fixed-cta-fade-in {
    opacity: 1;
    position: fixed;
}

.character-img-wrapper {
    position: absolute;
    top: 100px;
    right: -289px;
    z-index: 1;
}

@media screen and (max-width: 980px) {
    .character-img-wrapper {
        width: 84vw;
        top: 10.2040816327vw;
        right: -29.4897959184vw;
    }
}

@media screen and (max-width: 767px) {
    .character-img-wrapper {
        width: 75vw;
        top: 18vw;
        right: -27vw;
    }
}

@media screen and (max-width: 575px) {
    .character-img-wrapper {
        width: 69vw;
        top: 24vw;
    }
}

.character__name {
    font-size: 1rem;
    line-height: 1.375;
    text-align: right;
    position: absolute;
    top: 0;
    left: 52%;
    transform: translateX(-50%);
}

@media screen and (max-width: 980px) {
    .character__name {
        font-size: max(10px, 1.6326530612vw);
    }
}

@media screen and (max-width: 767px) {
    .character__name {
        left: 45%;
    }
}

@media screen and (max-width: 575px) {
    .character__name {
        left: 33%;
        top: -3vw;
    }
}

.opening-account-btn-wrapper--second {
    position: relative;
    margin: -343px auto 0;
    transform: translateX(0);
    left: unset;
}

@media screen and (max-width: 980px) {
    .opening-account-btn-wrapper--second {
        margin: -35vw auto 0;
    }
}

.test {
    position: relative;
}

.test::before,
.test::after {
    content: "Simultaneous Holding! ";
    color: #49DBD3;
    font-size: 38px;
    filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
}


.pc-block {
    display: block;
}

@media screen and (max-width: 900px) {
    .pc-block {
        display: none;
    }
}

.sp-block {
    display: none;
}

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

.main .modal-container {
    font-family: "noto-sans-cjk-jp", noto-sans-cjk-jp, sans-serif;
    position: fixed;
    top: 40px;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    padding: 40px 5%;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
}

.main .modal-container.active {
    opacity: 1;
    visibility: visible;
}

.main .modal-body {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 900px;
    width: 100%;
    padding: 0;
}

.main .modal-close {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 30px;
    right: 30px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 3;
}

@media screen and (max-width: 900px) {
    .main .modal-close {
        top: 15px;
        right: 15px;
    }
}

.main .modal-content {
    position: relative;
    background: #525252;
    text-align: center;
    padding: 50px;
    z-index: 2;
    border-radius: 10px;
}

@media screen and (max-width: 900px) {
    .main .modal-content {
        padding: 40px 5%;
    }
}

.main .modal-content .title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 20px;
}

@media screen and (max-width: 900px) {
    .main .modal-content .title {
        font-size: 1.5rem;
        line-height: 1.8;
    }
}

.main .modal-content .sub-title {
    font-size: 1.3rem;
    font-weight: 700;
}

@media screen and (max-width: 900px) {
    .main .modal-content .sub-title {
        font-size: 1.2rem;
    }
}

.main .modal-content .txt {
    margin: 20px 0;
    font-size: 1rem;
    line-height: 1.7;
}

@media screen and (max-width: 900px) {
    .main .modal-content .txt {
        font-size: 0.9rem;
    }
}

.main .modal-container-keisan .calculation-box input,
.main .modal-container-keisan .calculation-box button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
}

.main .modal-container-keisan .calculation-box label,
.main .modal-container-keisan .calculation-box button,
.main .modal-container-keisan .calculation-box select {
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main .modal-container-keisan .calculation-box input {
    background: #fff;
}

.main .modal-container-keisan .calculation-box .select-inner {
    max-width: 530px;
    width: 100%;
    margin: auto;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

@media screen and (max-width: 900px) {
    .main .modal-container-keisan .calculation-box .select-inner {
        background: none;
    }
}

.main .modal-container-keisan .calculation-box .select-inner .select-box {
    width: 50%;
    text-align: center;
    font-size: 1rem;
    position: relative;
}

@media screen and (max-width: 900px) {
    .main .modal-container-keisan .calculation-box .select-inner .select-box {
        border-radius: 10px;
        overflow: hidden;
        background: #fff;
        width: 100%;
        max-width: 300px;
        margin: 10px auto;
    }
}

.main .modal-container-keisan .calculation-box .select-inner .select-box:first-of-type:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #000;
}

@media screen and (max-width: 900px) {
    .main .modal-container-keisan .calculation-box .select-inner .select-box:first-of-type:before {
        display: none;
    }
}

.main .modal-container-keisan .calculation-box .select-inner .select-box>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main .modal-container-keisan .calculation-box .select-inner .select-box label {
    width: 100%;
    display: block;
    background: #6C6C6C;
    font-size: 1rem;
    font-weight: 700;
    padding: 10px 0;
}

.main .modal-container-keisan .calculation-box .select-inner .select-box select {
    border: 0;
    padding: 10px 5px;
}

.main .modal-container-keisan .calculation-box .select-inner .select-box select,
.main .modal-container-keisan .calculation-box .select-inner .select-box input {
    width: 90%;
    height: 40px;
    text-align: center;
    font-size: 1rem;
    margin: 10px auto;
    color: #000;
}

.main .modal-container-keisan .calculation-box .select-inner .select-box input::-webkit-input-placeholder {
    text-align: center;
    font-size: 1.6rem;
}

.main .modal-container-keisan .calculation-box .select-inner .select-box input::-moz-placeholder {
    text-align: center;
    font-size: 1.6rem;
}

.main .modal-container-keisan .calculation-box .select-inner .select-box input:-ms-input-placeholder {
    text-align: center;
    font-size: 1.6rem;
}

.main .modal-container-keisan .calculation-box .select-inner .select-box input::-ms-input-placeholder {
    text-align: center;
    font-size: 1.6rem;
}

.main .modal-container-keisan .calculation-box .select-inner .select-box input::placeholder {
    text-align: center;
    font-size: 1.6rem;
}

.main .modal-container-keisan .btn-box {
    max-width: 670px;
    width: 100%;
    margin: 20px auto 40px;
}

.main .modal-container-keisan .btn-box button {
    -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.4);
    display: block;
    max-width: 325px;
    width: 49%;
    border-radius: 32px;
    background: #777777;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    padding: 18px 0;
}

@media screen and (max-width: 900px) {
    .main .modal-container-keisan .btn-box button {
        width: 47%;
    }
}

.main .modal-container-keisan .btn-box button.push {
    background: linear-gradient(135deg, #83E9FD 0%, #009FE8 100%);
}

.main .modal-container-keisan .result-box {
    background: linear-gradient(135deg, #DE26CA 0%, #FF7EDD 67%, #F324DD 100%);
    border-radius: 10px;
    padding-bottom: 10px;
}

.main .modal-container-keisan .result-box .title {
    font-size: 1.5rem;
    padding: 15px 0;
    border-bottom: 2px solid #363636;
}

@media screen and (max-width: 900px) {
    .main .modal-container-keisan .result-box .title {
        font-size: 1.4rem;
        padding: 10px 0;
    }
}

.main .modal-container-keisan .result-box .text-box {
    max-width: 300px;
    width: 48%;
    margin: auto;
    font-size: 1rem;
}

@media screen and (max-width: 900px) {
    .main .modal-container-keisan .result-box .text-box {
        width: 90%;
    }
}

.main .modal-container-keisan .result-box .text-box .form {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 15px 10px;
    margin-bottom: 5px;
}

.main .modal-container-keisan .result-box .text-box .form>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main .modal-container-keisan .result-box .text-box .form input {
    width: 80%;
    text-align: center;
    color: #000;
    font-size: 1.5rem;
    font-weight: 500;
}

.main .modal-container-keisan .result-box .text-box .form .txt {
    color: #000;
    font-weight: 500;
}

.main .modal-container-keisan .attention-box {
    text-align: left;
    font-weight: 500;
    margin: 50px auto auto;
    max-width: 770px;
    width: 100%;
    font-size: 1rem;
}

@media screen and (max-width: 900px) {
    .main .modal-container-keisan .attention-box {
        font-size: 1rem;
    }
}

.main .modal-container-keisan .attention-box .title {
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main .modal-container-keisan .attention-box .title:before,
.main .modal-container-keisan .attention-box .title:after {
    content: "";
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #fff;
}

.main .modal-container-keisan .attention-box .title:before {
    margin-right: 2.5rem;
}

.main .modal-container-keisan .attention-box .title:after {
    margin-left: 2.5rem;
}

.unit-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.unit-flex.left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.unit-flex.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.unit-flex.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

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

.txt-left {
    text-align: left;
}

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

.txt-mid {
    font-weight: 500;
}

.txt-bold {
    font-weight: 700;
}

.point {
    color: #FFDE6E;
}

.unit-table-01 {
    max-width: 820px;
    width: 100%;
    margin: auto;
    line-height: 1.7;
}

@media screen and (max-width: 900px) {
    .unit-table-01 {
        table-layout: fixed;
    }
}

.unit-table-01 th,
.unit-table-01 td {
    font-weight: 400;
    text-align: center;
    border: 1px solid #fff;
    padding: 15px 10px;
    vertical-align: middle;
}

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

    .unit-table-01 th {
        font-size: 0.9rem;
        padding: 10px 5px;
    }

    .unit-table-01 td {
        font-size: 0.8rem;
        padding: 10px 5px;
    }
}

.unit-table-01 th {
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    padding: 10px 10px;
    background: #6C6C6C;
}

.link_underline {
    text-decoration: underline;
}

.padding-y-0 {
    padding: 0;
}

.to-top-btn-wrapper {
    position: fixed;
    bottom: 200px;
    right: 10px;
    z-index: 999;
    width: 100px;
}

.to-top-btn-wrapper a {
    display: block;
}

.to-top-btn-wrapper a img {
    width: 100%;
    border-radius: 50%;
}