@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@media screen and (max-width: 767px)
{
    .u-is-pc
    {
        display: none !important;
    }
}

@media screen and (min-width: 768px)
{
    .u-is-sp
    {
        display: none !important;
    }
}

.u-mt-1em
{
    margin-top: 1.5em !important;
}

/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border-width: 0; 
    border-style: solid;
}

/* 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*/
}

/* 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. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr
{
    clear: both;
    /* 1 */
    overflow: visible;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;
    /* 1 */
    height: 0;
    margin: 0;

    color: inherit; 
    /* 2 */
    border-top-width: 1px;
}

/**
 * 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
{
    text-decoration: none;

    color: inherit; 
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title]
{
    -webkit-text-decoration: underline dotted;
    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: -.25em;
}

sup
{
    top: -.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
{
    font: inherit;

    margin: 0;
    padding: 0;

    text-align: inherit;
    vertical-align: middle;
    text-transform: inherit;

    color: inherit;
    border-radius: 0;
    background: transparent;

    -webkit-appearance: none;
    /* 1 */
            -moz-appearance: none;
            appearance: none;
    /* 2 */
}

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

[type='radio']
{
    -webkit-appearance: radio;
            -moz-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
{
    min-width: 0; 
    margin: 0;
    padding: 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
{
    /* 1 */
    font: inherit;

    -webkit-appearance: button;
    /* 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
{
    /* 1 */
    border-collapse: collapse; 

    border-color: inherit;
}

caption
{
    text-align: left;
}

td,
th
{
    padding: 0; 

    vertical-align: top;
}

th
{
    font-weight: bold; 

    text-align: left;
}

.body-wrapper
{
    font-family: sans-serif;
    line-height: 1.15;

        -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body
{
    margin: 0;
}

article,
aside,
footer,
header,
nav,
section
{
    display: block;
}

.body-wrapper a
{
    -webkit-text-decoration-skip: objects;
}

.body-wrapper a:active,
.body-wrapper a:hover
{
    outline-width: 0;
}

.body-wrapper abbr[title]
{
            text-decoration: underline;
            text-decoration: underline dotted; 

    border-bottom: none;

    -webkit-text-decoration: underline dotted;
}

.body-wrapper b,
.body-wrapper strong
{
    font-weight: inherit;
}

.body-wrapper b,
.body-wrapper strong
{
    font-weight: bolder;
}

.body-wrapper code,
.body-wrapper kbd,
.body-wrapper samp
{
    font-family: monospace, monospace;
    font-size: 1em;
}

.body-wrapper dfn
{
    font-style: italic;
}

.body-wrapper mark
{
    color: #000; 
    background-color: #ff0;
}

.body-wrapper small
{
    font-size: 80%;
}

.body-wrapper sub,
.body-wrapper sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

.body-wrapper sub
{
    bottom: -.25em;
}

.body-wrapper sup
{
    top: -.5em;
}

.body-wrapper audio,
.body-wrapper video
{
    display: inline-block;
}

.body-wrapper audio:not([controls])
{
    display: none;

    height: 0;
}

.body-wrapper img
{
    border-style: none;
}

.body-wrapper svg:not(:root)
{
    overflow: hidden;
}

.body-wrapper button,
.body-wrapper input,
.body-wrapper optgroup,
.body-wrapper select,
.body-wrapper textarea
{
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;

    margin: 0;
}

.body-wrapper button,
.body-wrapper input
{
    overflow: visible;
}

.body-wrapper button,
.body-wrapper select
{
    text-transform: none;
}

.body-wrapper [type=reset],
.body-wrapper [type=submit],
.body-wrapper button,
.body-wrapper html [type=button]
{
    -webkit-appearance: button;
}

.body-wrapper [type=button]::-moz-focus-inner,
.body-wrapper [type=reset]::-moz-focus-inner,
.body-wrapper [type=submit]::-moz-focus-inner,
.body-wrapper button::-moz-focus-inner
{
    padding: 0; 

    border-style: none;
}

.body-wrapper [type=button]:-moz-focusring,
.body-wrapper [type=reset]:-moz-focusring,
.body-wrapper [type=submit]:-moz-focusring,
.body-wrapper button:-moz-focusring
{
    outline: 1px dotted ButtonText;
}

.body-wrapper fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em; 

    border: 1px solid silver;
}

.body-wrapper legend
{
    display: table;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    padding: 0;

    white-space: normal; 

    color: inherit;
}

.body-wrapper progress
{
    display: inline-block;

    vertical-align: baseline;
}

.body-wrapper textarea
{
    overflow: auto;
}

.body-wrapper [type=checkbox],
.body-wrapper [type=radio]
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
}

.body-wrapper [type=number]::-webkit-inner-spin-button,
.body-wrapper [type=number]::-webkit-outer-spin-button
{
    height: auto;
}

.body-wrapper [type=search]
{
    outline-offset: -2px; 

    -webkit-appearance: textfield;
}

.body-wrapper [type=search]::-webkit-search-cancel-button,
.body-wrapper [type=search]::-webkit-search-decoration
{
    -webkit-appearance: none;
}

.body-wrapper ::-webkit-file-upload-button
{
    font: inherit; 

    -webkit-appearance: button;
}

.body-wrapper details,
.body-wrapper menu
{
    display: block;
}

.body-wrapper summary
{
    display: list-item;
}

.body-wrapper canvas
{
    display: inline-block;
}

.body-wrapper template
{
    display: none;
}

.body-wrapper [hidden]
{
    display: none;
}

.body-wrapper
{
    text-align: left;
}

.body-wrapper *,
.body-wrapper ::after,
.body-wrapper ::before
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.body-wrapper ::-moz-selection
{
    background-color: #0ac;
}

.body-wrapper ::selection
{
    background-color: #0ac;
}

.body-wrapper address,
.body-wrapper blockquote,
.body-wrapper dd,
.body-wrapper div,
.body-wrapper dl,
.body-wrapper dt,
.body-wrapper form,
.body-wrapper h1,
.body-wrapper h2,
.body-wrapper h3,
.body-wrapper h4,
.body-wrapper h5,
.body-wrapper h6,
.body-wrapper li,
.body-wrapper ol,
.body-wrapper p,
.body-wrapper pre,
.body-wrapper ul
{
    line-height: 1.75;
}

.body-nav-active
{
    position: fixed;

    overflow: hidden; 

    width: 100%;
    height: 100%;
}

.body-wrapper
{
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.75;

    min-width: 1080px; 
    margin: 0;
    padding: 0;

    color: #333;
}

@media screen and (max-width: 767px)
{
    .body-wrapper
    {
        font-size: 14px;

        min-width: 320px;
    }
}

.body-wrapper img
{
    vertical-align: top;
}

.body-wrapper a
{
    color: #333;
}

.body-wrapper a:hover
{
    text-decoration: none;
}

.body-wrapper ol,
.body-wrapper ul
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.body-wrapper p
{
    margin: 0 0 38px;
}

@media screen and (max-width: 767px)
{
    .body-wrapper p
    {
        margin-bottom: 20px;
    }
}

.body-wrapper small
{
    font-size: 80%;
}

.body-wrapper em,
.body-wrapper strong
{
    font-weight: 700;
}

.body-wrapper ::-moz-selection
{
    color: #fff; 
    background: #6fa7f8;
}

.body-wrapper ::selection
{
    color: #fff; 
    background: #6fa7f8;
}

.body-wrapper input::-moz-selection
{
    color: #333;
}

.body-wrapper input::selection
{
    color: #333;
}

.body-wrapper textarea::-moz-selection
{
    color: #333;
}

.body-wrapper textarea::selection
{
    color: #333;
}

.global-header-underlayer__site-name
{
    font-size: 0; 

    margin: 0;
    padding: 25px;
}

@media screen and (max-width: 767px)
{
    .global-header-underlayer__site-name
    {
        padding: 10px 0;

        text-align: center;
    }
}

.global-header-underlayer__site-name a
{
    -webkit-transition: .3s;
            transition: .3s;
}

.global-header-underlayer__site-name a:hover
{
    opacity: .7;
}

.global-header-underlayer__site-name svg
{
    width: 77px;
    height: auto;
}

.global-header-underlayer__site-name svg path
{
    fill: #074194;
}

.global-footer
{
    clear: both;

    background-color: #fff;
}

.global-footer__lower
{
    padding: 30px 0;

    color: #fff; 
    background: #074194;
}

@media screen and (max-width: 767px)
{
    .global-footer__lower
    {
        padding: 40px 0 40px;
    }
}

.global-footer__lower-body
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@media screen and (min-width: 768px)
{
    .global-footer__lower-body
    {
        max-width: 1250px;
        margin-right: auto;
        margin-left: auto; 
        padding: 0 25px;
    }
}

@media screen and (max-width: 767px)
{
    .global-footer__lower-body
    {
        padding: 0 20px;
    }
}

@media screen and (max-width: 767px)
{
    .global-footer__lower-body
    {
        display: block;

        text-align: center;
    }
}

@media screen and (max-width: 767px)
{
    .global-footer__copy
    {
        margin-bottom: 30px; 

        text-align: center;
    }
}

.global-footer__copy img
{
    display: block;

    width: 374px;
    margin-bottom: 16px;
}

@media screen and (max-width: 767px)
{
    .global-footer__copy img
    {
        width: 100%;
        max-width: 310px;
        margin-right: auto;
        margin-bottom: 14px;
        margin-left: auto;
    }
}

.global-footer__copy small
{
    /*text-align: left;*/
    font-size: 12px; 

    display: block;
}

@media screen and (max-width: 767px)
{
    .global-footer__copy small
    {
        font-size: 12px;
    }
}

.global-footer__caution
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

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

.global-footer__caution-text
{
    font-size: 10px;

    max-width: 427px;
    margin-right: 18px;

    text-align: left;
}

@media screen and (max-width: 767px)
{
    .global-footer__caution-text
    {
        font-size: 10px;
    }
}

@media screen and (max-width: 767px)
{
    .global-footer__caution-text
    {
        max-width: none;
        margin-right: 0;
        margin-bottom: 14px; 

        text-align: left;
    }
}

.global-footer__caution-image img
{
    width: 105px;
}

.global-footer__caution-image-ab img
{
    width: 552px;
}

@media screen and (max-width: 767px)
{
    .global-footer__caution-image-ab img
    {
        width: 100%;
    }
}

.page-top
{
    position: fixed;
    z-index: 3; 
    right: 30px;
    bottom: 30px;

    -webkit-transition: .6s;
            transition: .6s;
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px);

    opacity: 0;
}

.page-top[data-toggle=true]
{
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); 

    opacity: 1;
}

@media screen and (max-width: 767px)
{
    .page-top
    {
        right: 20px;
        bottom: 20px;
    }
}

.page-top a
{
    line-height: 1;

    position: relative;

    display: block;

    width: 60px;
    height: 60px;

    -webkit-transition: .3s;
            transition: .3s;

    border-radius: 50%; 
    background: rgba(0, 0, 0, .6);
}

.page-top a i
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;
    overflow: hidden;

    width: 21px;
    height: 12px;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.page-top a i::after,
.page-top a i::before
{
    position: absolute;
    top: 0; 
    left: 0;

    display: block;

    width: 21px;
    height: 12px;

    content: '';

    background: url(../img/img-pagtop.svg) no-repeat;
}

.page-top a i::before
{
    -webkit-transform: translate(0, 40px);
            transform: translate(0, 40px);
}

@media screen and (max-width: 767px)
{
    .page-top a i
    {
        position: absolute;
        top: 50%;
        left: 50%;

        display: inline-block;
        overflow: hidden;

        width: 21px;
        height: 12px;

        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); 

        background: url(../img/img-pagtop.svg) no-repeat;
        background-size: 21px 12px;
    }
    .page-top a i::after,
    .page-top a i::before
    {
        display: none;
    }
}

@media screen and (min-width: 768px)
{
    .page-top a:hover
    {
        opacity: .7;
    }
    .page-top a:hover i::before
    {
        -webkit-transition: .4s;
                transition: .4s;
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    .page-top a:hover i::after
    {
        -webkit-transition: .4s;
                transition: .4s;
        -webkit-transform: translate(0, -40px);
                transform: translate(0, -40px);
    }
}

#mainContents
{
    font-family: 'Noto Serif JP', serif, '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif;

    position: relative;

    overflow: hidden; 

    color: #222;
    background: #fff;
}
@media screen and (min-width: 768px)
{
    #mainContents
    {
        width: 100%;
        min-width: 1100px;
        margin-right: auto;
        margin-left: auto;
    }
}
#mainContents *,
#mainContents *::before,
#mainContents *::after
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#mainContents a
{
    color: inherit;
}
#mainContents img
{
    width: 100%;
    height: auto;

    vertical-align: bottom;
}
#mainContents em
{
    font-style: normal;
}
#mainContents strong
{
    font-weight: normal;
}
@media screen and (min-width: 768px)
{
    #mainContents .bitterist2025hover
    {
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }
    #mainContents .bitterist2025hover:hover
    {
        opacity: .7;
    }
}
#mainContents .bitterist2025anchor
{
    position: relative;
}
#mainContents .bitterist2025anchor a
{
    position: absolute;
    top: 0;
    left: 0;
}
#mainContents .bitterist2025button
{
    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin: 0 auto;

    border-radius: 50vw;
    background: #fff; 
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08); 
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#mainContents .bitterist2025button::after
{
    position: absolute;
    top: 50%;
    right: 1.2em;

    width: .55em;
    height: .55em;

    content: '';
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); 

    border: solid #cd0d18;
    border-width: 1px 1px 0 0;
}
#mainContents .bitterist2025button.is-red
{
    color: #fff; 
    background: #d4000f;
}
#mainContents .bitterist2025button.is-red::after
{
    border-width: 2px 2px 0 0; 
    border-color: #fff;
}
@media screen and (min-width: 768px)
{
    #mainContents .bitterist2025button
    {
        font-size: sizePC(18); 

        width: sizePC(320);
        height: sizePC(60);
    }
    #mainContents .bitterist2025button.is-red
    {
        font-size: sizePC(27); 

        width: sizePC(480);
        height: sizePC(90);
    }
}
@media screen and (max-width: 767px)
{
    #mainContents .bitterist2025button
    {
        font-size: sizeSP(14); 

        width: 100%;
        height: sizeSP(40);
    }
    #mainContents .bitterist2025button.is-red
    {
        font-size: sizeSP(16); 

        height: sizeSP(46);
    }
}
#mainContents .bitterist2025mask img
{
    display: block;
}
#mainContents .bitterist2025mask__top img
{
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
#mainContents .bitterist2025mask__bottom img
{
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
#mainContents [data-animate='fade-up']
{
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s; 
    -webkit-transform: translateY(50px); 
    transform: translateY(50px);

    opacity: 0;
}
#mainContents [data-animate='fade-up'].is-animated
{
    -webkit-transform: translateY(0);
    transform: translateY(0); 

    opacity: 1;
}
#mainContents [data-animate='scale-y']
{
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s; 
    -webkit-transform: scaleY(0); 
    transform: scaleY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
}
#mainContents [data-animate='scale-y'].is-animated
{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
@media screen and (max-width: 767px)
{
    #mainContents .bitterist2025__fadeUp
    {
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, transform 1s;
        transition: opacity 1s, transform 1s, -webkit-transform 1s;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-animation: fadeUp 1s ease forwards;
        animation: fadeUp 1s ease forwards;
        -webkit-animation-delay: .2s;
        animation-delay: .2s; 

        opacity: 0;
        border-radius: 50vw;
    }
}

@media screen and (min-width: 768px)
{
    #mainContents
    {
        width: 100%;
        min-width: 1100px;
        margin-right: auto;
        margin-left: auto;
    }
}

.test-text
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 48px;
    font-weight: bold;

    background: -webkit-gradient(linear, left top, right top, from(#ffd610), to(#fbf561));

    background: -webkit-linear-gradient(left, #ffd610 0%, #fbf561 100%);

    background: linear-gradient(90deg, #ffd610 0%, #fbf561 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}
.test-text::after
{
    display: block;

    width: 100px;
    height: 2px;
    margin-top: 10px;

    content: '';

    background: -webkit-gradient(linear, left top, right top, from(#ffd610), to(#fbf561));

    background: -webkit-linear-gradient(left, #ffd610 0%, #fbf561 100%);

    background: linear-gradient(90deg, #ffd610 0%, #fbf561 100%); 

    margin-inline: auto;
}

.mirailemonfinalfantasy7-campaign
{
    font-family: 'Noto Sans JP', sans-serif;

    overflow: hidden; 

    width: 100%;
}
.mirailemonfinalfantasy7-campaign img
{
    width: 100%;
}
@media screen and (min-width: 768px)
{
    .mirailemonfinalfantasy7-campaign a
    {
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }
}
@media screen and (min-width: 768px)
{
    .mirailemonfinalfantasy7-campaign a:hover
    {
        opacity: .7;
    }
}

.p-apply
{
    background-repeat: no-repeat; 
    background-position: left top;
    background-size: 100% auto;
}
@media screen and (min-width: 768px)
{
    .p-apply
    {
        background-image: url('../img/apply_bg_pc.jpg');
    }
}
@media (min-width: 768px) and (max-width: 1439px)
{
    .p-apply
    {
        background-position: center top; 
        background-size: 1440px auto;
    }
}
@media screen and (max-width: 767px)
{
    .p-apply
    {
        background-image: url('../img/apply_bg_sp.jpg');
    }
}

@media screen and (min-width: 768px)
{
    .p-apply-inner
    {
        width: max( 798px, 55.41667vw );
        padding-top: max( 60px, 4.16667vw );
        padding-bottom: max( 62px, 4.30556vw ); 

        margin-inline: auto;
    }
}

@media screen and (max-width: 767px)
{
    .p-apply-inner
    {
        padding-top: 10.66667vw;
        padding-bottom: 10.93333vw;
    }
}

.p-apply-content01-ttl
{
    margin-inline: auto;
}
@media screen and (min-width: 768px)
{
    .p-apply-content01-ttl
    {
        width: max( 450px, 31.25vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-apply-content01-ttl
    {
        width: 88.8vw;
    }
}

.p-apply-content01-annotation
{
    font-weight: 400;
    line-height: 1.8; 

    text-align: center;
    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-apply-content01-annotation
    {
        font-size: max( 12px, .83333vw );

        margin-top: max( 60px, 4.16667vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-apply-content01-annotation
    {
        font-size: 3.2vw;

        margin-top: 8vw;
    }
}
.p-apply-content01-annotation a
{
    text-decoration: underline;
}

@media screen and (min-width: 768px)
{
    .p-apply-content02
    {
        margin-top: max( 22px, 1.52778vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-apply-content02
    {
        margin-top: -.8vw;
    }
}

.p-apply-content02-txt
{
    font-weight: 400;

    text-align: center;
    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-apply-content02-txt
    {
        font-size: max( 12px, .83333vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-apply-content02-txt
    {
        font-size: 3.2vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-apply-content02-block
    {
        width: max( 642px, 44.58333vw );
        margin-top: max( 15px, 1.04167vw );

        border: #03c755 solid max( 2.71px, .18819vw );
        border-radius: max( 10px, .69444vw ); 
        background-color: #fff;

        margin-inline: auto;
        padding-block: max( 18px, 1.25vw );
        padding-inline: max( 29px, 2.01389vw );
    }
}

@media screen and (min-width: 768px)
{
    .p-apply-content02-block-inner
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -ms-flex-align: center;

        align-items: center;
        -webkit-column-gap: max( 20px, 1.38889vw );
        -moz-column-gap: max( 20px, 1.38889vw );
        column-gap: max( 20px, 1.38889vw );
    }
}

@media screen and (min-width: 768px)
{
    .p-apply-content02-block-left
    {
        width: max( 80px, 5.55556vw );

        -webkit-flex-shrink: 0;

        -ms-flex-negative: 0;

        flex-shrink: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-apply-content02-block-center
    {
        width: max( 380px, 26.38889vw );

        -webkit-flex-shrink: 0;

        -ms-flex-negative: 0;

        flex-shrink: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-apply-content02-block-center-txt
    {
        font-size: max( 13px, .90278vw );
        font-weight: 500;
        line-height: 1.25;
    }
}

@media screen and (min-width: 768px)
{
    .p-apply-content02-block-right
    {
        width: max( 80px, 5.55556vw );

        -webkit-flex-shrink: 0;

        -ms-flex-negative: 0;

        flex-shrink: 0;
    }
}

.p-apply-content02-annotation
{
    font-weight: 400; 

    text-align: center;
    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-apply-content02-annotation
    {
        font-size: max( 12px, .83333vw );

        margin-top: max( 16px, 1.11111vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-apply-content02-annotation
    {
        font-size: 3.2vw;

        margin-top: 3.73333vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-apply-content02-btn-wrap
    {
        width: 89.33333vw;
        margin-top: 3.73333vw; 

        margin-inline: auto;
    }
}

@media screen and (max-width: 767px)
{
    .p-apply-content02-btn
    {
        font-size: 4.26667vw;

        position: relative;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        height: 15.2vw;

        letter-spacing: .05em;

        color: #fff !important;
        border-radius: 26.66667vw; 
        background-color: #06c755;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 767px)
{
    .p-apply-content02-btn::after
    {
        position: absolute;
        top: 50%;
        right: 5.33333vw; 

        width: 2.4vw;
        height: 2.93333vw;

        content: '';
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);

        background-image: url('../img/apply_icon_arrow_02.svg');
        background-repeat: no-repeat;
        background-size: contain;
    }
}

.p-apply-btnlist
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;
}
@media screen and (min-width: 768px)
{
    .p-apply-btnlist
    {
        margin-top: max( 62px, 4.30556vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-apply-btnlist
    {
        width: 94.13333vw;
        margin-top: 8vw; 

        margin-inline: auto;
    }
}

.p-apply-btnlist-btn
{
    font-weight: 400;
    line-height: 1.4;

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    text-align: center;
    letter-spacing: .02em;

    color: #404040;
    border: #404040 solid 1px; 
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), color-stop(46%, #fff), to(#fafafa)); 
    background: -webkit-linear-gradient(top, #efefef 0%, #fff 46%, #fafafa 100%); 
    background: linear-gradient(to bottom, #efefef 0%, #fff 46%, #fafafa 100%);

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (min-width: 768px)
{
    .p-apply-btnlist-btn
    {
        font-size: max( 14px, .97222vw );

        width: max( 250px, 17.36111vw );
        height: max( 64px, 4.44444vw );

        border-radius: max( 100px, 6.94444vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-apply-btnlist-btn
    {
        font-size: 3.2vw;

        width: 30.66667vw;
        height: 21.33333vw;
        padding-bottom: 3.2vw; 

        border-radius: 26.66667vw;
    }
}
.p-apply-btnlist-btn::after
{
    position: absolute; 

    content: '';

    background-image: url('../img/apply_icon_arrow_01.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (min-width: 768px)
{
    .p-apply-btnlist-btn::after
    {
        top: 50%;
        right: max( 20px, 1.38889vw );

        width: max( 16px, 1.11111vw );
        height: max( 9px, .625vw );

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%);
    }
}
@media screen and (max-width: 767px)
{
    .p-apply-btnlist-btn::after
    {
        bottom: 4vw; 
        left: 50%;

        width: 4.26667vw;
        height: 2.4vw;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);
    }
}

.p-container-02
{
    background-repeat: no-repeat; 
    background-position: left top;
    background-size: 100% auto;
}
@media screen and (min-width: 768px)
{
    .p-container-02
    {
        background-image: url('../img/container_bg_01_pc.jpg');
    }
}
@media (min-width: 768px) and (max-width: 1439px)
{
    .p-container-02
    {
        background-position: center top; 
        background-size: 1440px auto;
    }
}
@media screen and (max-width: 767px)
{
    .p-container-02
    {
        background-image: url('../img/container_bg_01_sp.jpg');
    }
}

@media screen and (min-width: 768px)
{
    .p-present-inner
    {
        padding-top: max( 90px, 6.25vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-present-inner
    {
        width: 94.66667vw;
        padding-top: 21.33333vw;

        margin-inline: auto;
    }
}

.p-present-ttl
{
    margin-inline: auto;
}
@media screen and (min-width: 768px)
{
    .p-present-ttl
    {
        width: max( 248px, 17.22222vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-present-ttl
    {
        width: 53.61333vw;
    }
}
.p-present-ttl::after
{
    display: block;

    content: '';

    background: -webkit-gradient(linear, left top, right top, from(#ffd610), to(#fbf561));

    background: -webkit-linear-gradient(left, #ffd610 0%, #fbf561 100%);

    background: linear-gradient(90deg, #ffd610 0%, #fbf561 100%); 

    margin-inline: auto;
}
@media screen and (min-width: 768px)
{
    .p-present-ttl::after
    {
        width: max( 100px, 6.94444vw );
        height: max( 2px, .13889vw );
        margin-top: max( 40px, 2.77778vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-present-ttl::after
    {
        width: 21.33333vw;
        height: .26667vw;
        margin-top: 8vw;
    }
}

.p-present-list
{
    margin-inline: auto;
}
@media screen and (min-width: 768px)
{
    .p-present-list
    {
        width: max( 800px, 55.55556vw );
        padding-top: max( 90px, 6.25vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-present-list
    {
        margin-top: 16vw;
    }
}

.p-present-list-item
{
    position: relative;

    background: rgba(0, 0, 0, .25);
}
@media screen and (min-width: 768px)
{
    .p-present-list-item
    {
        padding: max( 40px, 2.77778vw );
        padding-top: max( 63px, 4.375vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-present-list-item
    {
        padding-top: 7.73333vw;
        padding-bottom: 8vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-present-list-item + .p-present-list-item
    {
        margin-top: max( 90px, 6.25vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-present-list-item + .p-present-list-item
    {
        margin-top: 16vw;
        padding-bottom: 10.4vw;
    }
}

.p-present-list-item-ttl
{
    position: absolute;
    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);
}
@media screen and (min-width: 768px)
{
    .p-present-list-item-ttl
    {
        top: min( -30px, -2.08333vw ); 

        width: max( 337px, 23.40278vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-present-list-item-ttl
    {
        top: -8vw; 

        width: 72.53333vw;
    }
}

.p-present-list-item-txt
{
    font-weight: bold;

    text-align: center; 
    letter-spacing: .02em;

    color: #fff;
}
@media screen and (min-width: 768px)
{
    .p-present-list-item-txt
    {
        font-size: max( 24px, 1.66667vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-present-list-item-txt
    {
        font-size: 5.33333vw;
    }
}

.p-present-list-item-txt-bold
{
    font-weight: bold;

    background: -webkit-gradient(linear, left top, right top, from(#ffd610), to(#fbf561));

    background: -webkit-linear-gradient(left, #ffd610 0%, #fbf561 100%);

    background: linear-gradient(90deg, #ffd610 0%, #fbf561 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px)
{
    .p-present-list-item-txt-bold
    {
        font-size: max( 32px, 2.22222vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-present-list-item-txt-bold
    {
        font-size: 7.46667vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-present-list-item-txt-bold .sp-large
    {
        font-size: 8.26667vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-present-list-item-box
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        margin-top: max( 14px, .97222vw );

        -webkit-column-gap: max( 30px, 2.08333vw );

        -moz-column-gap: max( 30px, 2.08333vw );

        column-gap: max( 30px, 2.08333vw );
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (min-width: 768px)
{
    .p-present-list-item-box-left
    {
        width: max( 350px, 24.30556vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-present-list-item-box-left
    {
        width: 80.8vw;
        margin-top: 2.93333vw; 

        margin-inline: auto;
    }
}

@media screen and (max-width: 767px)
{
    .p-present-list-item-box-right
    {
        margin-top: 2.4vw;
    }
}

.p-present-list-item-box-right-txt-01
{
    font-weight: 500;
    line-height: 1.6;

    letter-spacing: .02em; 

    color: #fff;
}
@media screen and (min-width: 768px)
{
    .p-present-list-item-box-right-txt-01
    {
        font-size: max( 18px, 1.25vw ); 

        width: max( 312px, 21.66667vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-present-list-item-box-right-txt-01
    {
        font-size: 3.73333vw;
        font-weight: 400; 

        width: 72.53333vw;

        text-align: center;

        margin-inline: auto;
    }
}

.p-present-list-item-box-right-txt-02
{
    font-weight: bold;
    line-height: 1.6;

    letter-spacing: .02em; 

    background: -webkit-gradient(linear, left top, right top, from(#ffd610), to(#fbf561)); 

    background: -webkit-linear-gradient(left, #ffd610 0%, #fbf561 100%); 

    background: linear-gradient(90deg, #ffd610 0%, #fbf561 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px)
{
    .p-present-list-item-box-right-txt-02
    {
        font-size: max( 28px, 1.94444vw );

        margin-top: max( 7px, .48611vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-present-list-item-box-right-txt-02
    {
        font-size: 6.4vw;

        margin-top: 1.06667vw; 

        text-align: center;
    }
}

.p-participation
{
    margin-inline: auto;
}
@media screen and (min-width: 768px)
{
    .p-participation
    {
        width: max( 772px, 53.61111vw );
        margin-top: max( 90px, 6.25vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-participation
    {
        width: 89.33333vw; 
        margin-top: 21.33333vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-participation-inner
    {
        padding-bottom: max( 90px, 6.25vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-participation-inner
    {
        padding-bottom: 21.33333vw;
    }
}

.p-participation-ttl
{
    margin-inline: auto;
}
@media screen and (min-width: 768px)
{
    .p-participation-ttl
    {
        width: max( 143px, 9.93056vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-ttl
    {
        width: 32.57067vw;
    }
}
.p-participation-ttl::after
{
    display: block;

    content: '';

    background: -webkit-gradient(linear, left top, right top, from(#ffd610), to(#fbf561));

    background: -webkit-linear-gradient(left, #ffd610 0%, #fbf561 100%);

    background: linear-gradient(90deg, #ffd610 0%, #fbf561 100%); 

    margin-inline: auto;
}
@media screen and (min-width: 768px)
{
    .p-participation-ttl::after
    {
        width: max( 100px, 6.94444vw );
        height: max( 2px, .13889vw );
        margin-top: max( 40px, 2.77778vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-ttl::after
    {
        width: 21.33333vw;
        height: .26667vw;
        margin-top: 8vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-participation-list
    {
        margin-top: max( 60px, 4.16667vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-participation-list
    {
        margin-top: 7.73333vw;
    }
}

.p-participation-list-item
{
    background-color: #fff;
}
@media screen and (min-width: 768px)
{
    .p-participation-list-item
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        padding: max( 30px, 2.08333vw ) max( 40px, 2.77778vw );

        border-radius: max( 10px, .69444vw );

        -webkit-column-gap: max( 30px, 2.08333vw );

        -moz-column-gap: max( 30px, 2.08333vw );

        column-gap: max( 30px, 2.08333vw );
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-list-item
    {
        padding: 8vw 5.33333vw 7.2vw; 

        border-radius: 2.66667vw;
    }
}
@media screen and (min-width: 768px)
{
    .p-participation-list-item + .p-participation-list-item
    {
        margin-top: max( 30px, 2.08333vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-list-item + .p-participation-list-item
    {
        margin-top: 5.33333vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-list-item-01
    {
        padding-bottom: 8.26667vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-list-item-02
    {
        padding-bottom: 7.73333vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-list-item-03
    {
        padding-bottom: 8.26667vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-participation-list-item-img
    {
        width: max( 200px, 13.88889vw );

        -webkit-flex-shrink: 0;

        -ms-flex-negative: 0;

        flex-shrink: 0;
    }
}

@media screen and (max-width: 767px)
{
    .p-participation-list-item-img
    {
        width: 53.33333vw;
        margin-top: 5.33333vw; 

        margin-inline: auto;
    }
}

@media screen and (min-width: 768px)
{
    .p-participation-list-item-ttl
    {
        width: max( 130px, 9.02778vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-participation-list-item-ttl
    {
        width: 34.66667vw;

        margin-inline: auto;
    }
}

.p-participation-list-item-txt-01
{
    font-weight: bold; 
    line-height: 1.6;

    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-participation-list-item-txt-01
    {
        font-size: max( 24px, 1.66667vw );

        margin-top: max( 20px, 1.38889vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-list-item-txt-01
    {
        font-size: 5.33333vw;

        margin-top: 5.33333vw; 

        text-align: center;
        white-space: nowrap;
    }
}

.p-participation-list-item-txt-02
{
    font-weight: 500; 
    line-height: 1.6;

    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-participation-list-item-txt-02
    {
        font-size: max( 18px, 1.25vw );

        width: max( 461px, 32.01389vw );
        margin-top: max( 10px, .69444vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-list-item-txt-02
    {
        font-size: 4vw;

        margin-top: 5.33333vw; 

        text-align: center;
    }
}

@media screen and (max-width: 767px)
{
    .p-participation-list-item-txt-02-small
    {
        font-size: 3.73333vw;
    }
}

.p-participation-list-item-box-wrap
{
    background: -webkit-gradient(linear, left top, right top, from(#ffd610), to(#fbf561));
    background: -webkit-linear-gradient(left, #ffd610 0%, #fbf561 100%);
    background: linear-gradient(90deg, #ffd610 0%, #fbf561 100%);
}
@media screen and (min-width: 768px)
{
    .p-participation-list-item-box-wrap
    {
        margin-top: max( 10px, .69444vw ); 
        padding: max( 2px, .13889vw );

        border-radius: max( 5px, .34722vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-list-item-box-wrap
    {
        margin-top: 5.06667vw; 
        padding: .8vw;

        border-radius: 1.33333vw;
    }
}

.p-participation-list-item-box
{
    background-color: #fff;
}
@media screen and (min-width: 768px)
{
    .p-participation-list-item-box
    {
        padding: max( 10px, .69444vw ); 

        border-radius: max( 5px, .34722vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-list-item-box
    {
        padding: 2.13333vw; 

        border-radius: 1.33333vw;
    }
}

.p-participation-list-item-box-label
{
    font-weight: bold;
    line-height: 1.6;

    display: block;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content; 

    letter-spacing: .02em;

    background: -webkit-gradient(linear, left top, right top, from(#ffd610), to(#fbf561));

    background: -webkit-linear-gradient(left, #ffd610 0%, #fbf561 100%);

    background: linear-gradient(90deg, #ffd610 0%, #fbf561 100%);
}
@media screen and (min-width: 768px)
{
    .p-participation-list-item-box-label
    {
        font-size: max( 14px, .97222vw );

        padding: max( 3px, .20833vw ) max( 11px, .76389vw ) max( 4px, .27778vw ); 

        border-radius: max( 5px, .34722vw );

        -webkit-column-gap: max( 4px, .27778vw );

        -moz-column-gap: max( 4px, .27778vw );

        column-gap: max( 4px, .27778vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-list-item-box-label
    {
        font-size: 3.73333vw;

        padding: .26667vw 2.4vw .26667vw 3.2vw; 

        border-radius: 1.33333vw;

        -webkit-column-gap: 1.06667vw;

        -moz-column-gap: 1.06667vw;

        column-gap: 1.06667vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-participation-list-item-box-list
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        margin-top: max( 8px, .55556vw ); 

        -webkit-box-pack: justify; 

        -webkit-justify-content: space-between; 

        -ms-flex-pack: justify; 

        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px)
{
    .p-participation-list-item-box-list
    {
        margin-top: 2.4vw;
    }
}

.p-participation-list-item-box-txt
{
    font-weight: bold;
    line-height: 1.6;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex; 

    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-participation-list-item-box-txt
    {
        font-size: max( 14px, .97222vw );

        width: max( 218px, 15.13889vw );

        -webkit-column-gap: max( 4px, .27778vw );

        -moz-column-gap: max( 4px, .27778vw );

        column-gap: max( 4px, .27778vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-list-item-box-txt
    {
        font-size: 3.73333vw;

        -webkit-column-gap: 1.06667vw;

        -moz-column-gap: 1.06667vw;

        column-gap: 1.06667vw;
    }
}
.p-participation-list-item-box-txt::before
{
    font-weight: bold; 
    line-height: 1.6;

    content: '・';
    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-participation-list-item-box-txt::before
    {
        font-size: max( 14px, .97222vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-list-item-box-txt::before
    {
        font-size: 3.73333vw;
    }
}

.p-participation-list-item-annotation
{
    font-weight: 400; 
    line-height: 1.6;

    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-participation-list-item-annotation
    {
        font-size: max( 12px, .83333vw );

        margin-top: max( 10px, .69444vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-participation-list-item-annotation
    {
        font-size: 3.2vw;

        margin-top: 2.13333vw;

        text-align: center;
    }
}

@media screen and (min-width: 768px)
{
    .p-official-inner
    {
        padding-bottom: max( 90px, 6.25vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-official-inner
    {
        width: 89.33333vw;
        padding-bottom: 21.33333vw; 

        margin-inline: auto;
    }
}

.p-official-ttl
{
    margin-inline: auto;
}
@media screen and (min-width: 768px)
{
    .p-official-ttl
    {
        width: max( 702px, 48.75vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-official-ttl
    {
        width: 72.53333vw;
    }
}
.p-official-ttl::after
{
    display: block;

    content: '';

    background: -webkit-gradient(linear, left top, right top, from(#ffd610), to(#fbf561));

    background: -webkit-linear-gradient(left, #ffd610 0%, #fbf561 100%);

    background: linear-gradient(90deg, #ffd610 0%, #fbf561 100%); 

    margin-inline: auto;
}
@media screen and (min-width: 768px)
{
    .p-official-ttl::after
    {
        width: max( 100px, 6.94444vw );
        height: max( 2px, .13889vw );
        margin-top: max( 40px, 2.77778vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-official-ttl::after
    {
        width: 21.33333vw;
        height: .26667vw;
        margin-top: 8vw;
    }
}

.p-official-content
{
    margin-inline: auto;
}
@media screen and (min-width: 768px)
{
    .p-official-content
    {
        width: max( 772px, 53.61111vw );
        margin-top: max( 60px, 4.16667vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-official-content
    {
        margin-top: 8vw;
    }
}

.p-official-content-bnr
{
    display: block;
}

.p-container-03
{
    background-repeat: no-repeat; 
    background-position: left top;
    background-size: 100% auto;
}
@media screen and (min-width: 768px)
{
    .p-container-03
    {
        background-image: url('../img/container_bg_02_pc.jpg');
    }
}
@media (min-width: 768px) and (max-width: 1439px)
{
    .p-container-03
    {
        background-position: center top; 
        background-size: 1440px auto;
    }
}
@media screen and (max-width: 767px)
{
    .p-container-03
    {
        background-image: url('../img/container_bg_02_sp.jpg');
    }
}

.p-container-inner
{
    margin-inline: auto;
}
@media screen and (min-width: 768px)
{
    .p-container-inner
    {
        width: max( 800px, 55.55556vw );
        padding-bottom: max( 28px, 1.94444vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-container-inner
    {
        width: 84vw;
        padding-bottom: 5.33333vw;
    }
}

.c-ttl
{
    margin-inline: auto;
}
.c-ttl::after
{
    display: block;

    content: '';

    background: #404040; 

    margin-inline: auto;
}
@media screen and (min-width: 768px)
{
    .c-ttl::after
    {
        width: max( 80px, 5.55556vw );
        height: max( 2px, .13889vw );
        margin-top: max( 40px, 2.77778vw );
    }
}
@media screen and (max-width: 767px)
{
    .c-ttl::after
    {
        width: 10.66667vw;
        height: .26667vw;
        margin-top: 8vw;
    }
}

.c-scroll
{
    border: 1px solid #404040;
    background-color: #fff;
}
@media screen and (min-width: 768px)
{
    .c-scroll
    {
        height: max( 204px, 14.16667vw );
        margin-top: max( 60px, 4.16667vw );
        padding: 0 max( 19px, 1.31944vw ) max( 29px, 2.01389vw ); 

        border-radius: max( 5px, .34722vw );
    }
}
@media screen and (max-width: 767px)
{
    .c-scroll
    {
        height: 112vw;
        margin-top: 10.66667vw;
        padding: 0 5.06667vw 7.46667vw;
        padding-right: 9.86667vw; 

        border-radius: 1.33333vw;
    }
}

/* スクロールバー */
.simplebar-scrollbar::before
{
    opacity: 1; 
    background: #000;
}

/* トラック */
.simplebar-track.simplebar-vertical
{
    top: 50%; 

    -webkit-transform: translateY(-50%); 

    transform: translateY(-50%);
}
@media screen and (min-width: 768px)
{
    .simplebar-track.simplebar-vertical
    {
        right: max( 12px, .83333vw );

        width: max( 7px, .48611vw );
        height: 82%;

        border-radius: max( 1000px, 69.44444vw );
    }
}
@media screen and (max-width: 767px)
{
    .simplebar-track.simplebar-vertical
    {
        right: 2.13333vw;

        width: 1.86667vw;
        height: 91%;

        border-radius: 266.66667vw;
    }
}

.simplebar-scrollbar:before
{
    top: 0;
    right: 0;
    bottom: 0; 
    left: 0;

    opacity: 1;
}

.simplebar-scrollbar.simplebar-visible::before
{
    opacity: 1 !important;
}

@media screen and (min-width: 768px)
{
    .simplebar-mask
    {
        height: max( 155px, 10.76389vw ) !important;
        margin-top: max( 29px, 2.01389vw );
    }
}

@media screen and (max-width: 767px)
{
    .simplebar-mask
    {
        height: 98.66667vw !important;
        margin-top: 7.46667vw;
    }
}

.simplebar-content
{
    padding-bottom: 0 !important;
}
@media screen and (min-width: 768px)
{
    .simplebar-content
    {
        padding-right: max( 20px, 1.38889vw ) !important;
    }
}

.c-scroll-content
{
    overflow: hidden;
}
.c-scroll-content p,
.c-scroll-content li
{
    line-height: 1.6;
}
@media screen and (min-width: 768px)
{
    .c-scroll-content p,
    .c-scroll-content li
    {
        font-size: max( 12px, .83333vw );

        letter-spacing: .05em;
    }
}
@media screen and (max-width: 767px)
{
    .c-scroll-content p,
    .c-scroll-content li
    {
        font-size: 3.2vw;

        letter-spacing: .02em;
    }
}
@media screen and (min-width: 768px)
{
    .c-scroll-content p + p
    {
        margin-top: max( 19px, 1.31944vw );
    }
}
@media screen and (max-width: 767px)
{
    .c-scroll-content p + p
    {
        margin-top: 6.4vw;
    }
}
@media screen and (min-width: 768px)
{
    .c-scroll-content ul + p
    {
        margin-top: max( 19px, 1.31944vw );
    }
}
@media screen and (max-width: 767px)
{
    .c-scroll-content ul + p
    {
        margin-top: 6.4vw;
    }
}

.c-scroll-content-list li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.c-scroll-content-list li::before
{
    display: block; 

    content: '・';
}
@media screen and (min-width: 768px)
{
    .c-scroll-content-list li::before
    {
        font-size: max( 12px, .83333vw );
    }
}
@media screen and (max-width: 767px)
{
    .c-scroll-content-list li::before
    {
        font-size: 3.2vw;
    }
}
.c-scroll-content-list li a
{
    text-decoration: underline;
    word-break: break-all;
}

.c-scroll-content-list .c-scroll-content-list-annotation::before
{
    content: '※';
}

.c-scroll-content-list .c-scroll-content-list-item-01::before
{
    content: '1.';
}

.c-scroll-content-list .c-scroll-content-list-item-02::before
{
    content: '2.';
}

.c-scroll-content-list .c-scroll-content-list-item-03::before
{
    content: '3.';
}

.c-scroll-content-list .c-scroll-content-list-item-04::before
{
    content: '4.';
}

.c-scroll-content-list .c-scroll-content-list-item-05::before
{
    content: '5.';
}

.c-scroll-content-list .c-scroll-content-list-item-06::before
{
    content: '6.';
}

.c-scroll-content-list .c-scroll-content-list-item-07::before
{
    content: '7.';
}

.c-scroll-content-list .c-scroll-content-list-item-08::before
{
    content: '8.';
}

.c-scroll-content-list .c-scroll-content-list-item-09::before
{
    content: '9.';
}

.c-scroll-content-list .c-scroll-content-list-item-10::before
{
    content: '10.';
}

.c-scroll-content-list .c-scroll-content-list-item-11::before
{
    content: '11.';
}

.c-scroll-content-list .c-scroll-content-list-item-12::before
{
    content: '12.';
}

.c-scroll-content-list .c-scroll-content-list-item-13::before
{
    content: '13.';
}

.c-scroll-content-list .c-scroll-content-list-item-14::before
{
    content: '14.';
}

.c-scroll-content-list .c-scroll-content-list-item-15::before
{
    content: '15.';
}

.c-scroll-content-list .c-scroll-content-list-item-16::before
{
    content: '16.';
}

@media screen and (max-width: 767px)
{
    .c-scroll-content-list li + li
    {
        margin-top: 2.13333vw;
    }
}

@media screen and (max-width: 767px)
{
    .c-scroll-content-list
    {
        margin-top: 2.66667vw;
        padding-left: .53333vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-application-inner
    {
        padding-top: max( 90px, 6.25vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-application-inner
    {
        padding-top: 21.33333vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-application-ttl
    {
        width: max( 141px, 9.79167vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-application-ttl
    {
        width: 32.51467vw;
    }
}

@media screen and (max-width: 767px)
{
    .c-scroll-content .p-application-content-txt
    {
        margin-top: 2.4vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-application-content
    {
        padding-right: 6.13333vw !important;
    }
}

@media screen and (max-width: 767px)
{
    .p-application-content .p-application-content-list-item-li span
    {
        display: block;

        width: 61.33333vw;
    }
}

.p-application-content .p-application-content-list-item-li span a
{
    display: block;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;
}
@media screen and (max-width: 767px)
{
    .p-application-content .p-application-content-list-item-li span a
    {
        word-break: break-all;
    }
}

@media screen and (min-width: 768px)
{
    .p-application-content-inner
    {
        padding-right: max( 5px, .34722vw ) !important;
    }
}

.c-scroll-content-list .p-application-list-number-01::before
{
    content: '1：';
}

.c-scroll-content-list .p-application-list-number-02::before
{
    content: '2：';
}

.c-scroll-content-list .p-application-list-number-03::before
{
    content: '3：';
}

.c-scroll-content-list .p-application-list-number-04::before
{
    content: '4：';
}

.c-scroll-content-list .p-application-list-number-05::before
{
    content: '5：';
}

@media screen and (min-width: 768px)
{
    .p-privacy-inner
    {
        padding-top: max( 90px, 6.25vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-privacy-inner
    {
        padding-top: 21.33333vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-privacy-inner .simplebar-mask
    {
        height: 96vw !important;
        margin-top: 10.13333vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-privacy-ttl
    {
        width: max( 434px, 30.13889vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-privacy-ttl
    {
        width: 62.09333vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-privacy-content
    {
        padding-right: 6.13333vw !important;
    }
}

@media screen and (max-width: 767px)
{
    .p-privacy-content .p-privacy-content-list-item-li span
    {
        display: block;

        width: 61.33333vw;
    }
}

.p-privacy-content .p-privacy-content-list-item-li span a
{
    display: block;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;

    text-decoration: underline;
}
@media screen and (max-width: 767px)
{
    .p-privacy-content .p-privacy-content-list-item-li span a
    {
        word-break: break-all;
    }
}

@media screen and (max-width: 767px)
{
    .p-privacy-content-list
    {
        margin-top: 5.33333vw;
        padding-left: .53333vw;
    }
}

.p-privacy-content-list-item
{
    line-height: 1.6; 

    display: -webkit-box; 

    display: -webkit-flex; 

    display: -ms-flexbox; 

    display: flex;

    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-privacy-content-list-item
    {
        font-size: max( 12px, .83333vw );

        margin-top: max( 17px, 1.18056vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-privacy-content-list-item
    {
        -webkit-column-gap: .8vw;
        -moz-column-gap: .8vw;
        column-gap: .8vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-privacy-content-list-item + .p-privacy-content-list-item
    {
        margin-top: 5.6vw;
    }
}
.p-privacy-content-list-item::before
{
    line-height: 1.6; 

    display: block;

    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-privacy-content-list-item::before
    {
        font-size: max( 12px, .83333vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-privacy-content-list-item::before
    {
        font-size: 3.2vw;
    }
}
.p-privacy-content-list-item-01::before
{
    content: '1.';
}
.p-privacy-content-list-item-02::before
{
    content: '2.';
}
.p-privacy-content-list-item-03::before
{
    content: '3.';
}
.p-privacy-content-list-item-04::before
{
    content: '4.';
}
.p-privacy-content-list-item-05::before
{
    content: '5.';
}

@media screen and (max-width: 767px)
{
    .p-privacy-content-list-item-ul
    {
        margin-top: 2.13333vw;
        margin-left: -.53333vw;
    }
}

.p-privacy-content-list-item-li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (min-width: 768px)
{
    .p-privacy-content-list-item-li
    {
        padding-left: max( 2px, .13889vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-privacy-content-list-item-li
    {
        -webkit-column-gap: .53333vw;
        -moz-column-gap: .53333vw;
        column-gap: .53333vw;
    }
}
.p-privacy-content-list-item-li::before
{
    line-height: 1.6; 

    display: block;

    content: '・';
    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-privacy-content-list-item-li::before
    {
        font-size: max( 12px, .83333vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-privacy-content-list-item-li::before
    {
        font-size: 3.2vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-privacy-content-list-item-li + .p-privacy-content-list-item-li
    {
        margin-top: 1.33333vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-privacy-content-list-item-txt
    {
        width: 65.33333vw;
    }
}

.p-privacy-content-list-item-txt a
{
    text-decoration: underline; 
    word-break: break-all;
}

@media screen and (min-width: 768px)
{
    .p-qa-inner
    {
        padding-top: max( 90px, 6.25vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-qa-inner
    {
        padding-top: 21.33333vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-qa-ttl
    {
        width: max( 98px, 6.80556vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-qa-ttl
    {
        width: 20.096vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-qa-content-item + .p-qa-content-item
    {
        margin-top: max( 12px, .83333vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-qa-content-item + .p-qa-content-item
    {
        margin-top: 6.4vw;
    }
}

.p-qa-content-item-q
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
}
@media screen and (max-width: 767px)
{
    .p-qa-content-item-q
    {
        -webkit-column-gap: .53333vw;
        -moz-column-gap: .53333vw;
        column-gap: .53333vw;
    }
}
.p-qa-content-item-q::before
{
    line-height: 1.6; 

    display: block;

    content: 'Q.';
    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-qa-content-item-q::before
    {
        font-size: max( 12px, .83333vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-qa-content-item-q::before
    {
        font-size: 3.2vw;
    }
}
.p-qa-content-item-q + .p-qa-content-item-a
{
    margin: 0;
}
@media screen and (max-width: 767px)
{
    .p-qa-content-item-q + .p-qa-content-item-a
    {
        margin-top: 1.6vw;
    }
}

.p-qa-content-item-a
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
}
@media screen and (max-width: 767px)
{
    .p-qa-content-item-a
    {
        padding-left: .53333vw; 

        -webkit-column-gap: .53333vw; 

        -moz-column-gap: .53333vw; 

        column-gap: .53333vw;
    }
}
.p-qa-content-item-a::before
{
    line-height: 1.6; 

    display: block;

    content: 'A.';
    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-qa-content-item-a::before
    {
        font-size: max( 12px, .83333vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-qa-content-item-a::before
    {
        font-size: 3.2vw;
    }
}

.p-qa-content-item-a-list-item
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.p-qa-content-item-a-list-item::before
{
    display: block; 

    content: '・';
}
@media screen and (min-width: 768px)
{
    .p-qa-content-item-a-list-item::before
    {
        font-size: max( 12px, .83333vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-qa-content-item-a-list-item::before
    {
        font-size: 3.2vw;
    }
}
.p-qa-content-item-a-list-item a
{
    text-decoration: underline;
    word-break: break-all;
}

.p-qa-content-item-a-list-item-annotation::before
{
    content: '※';
}

@media screen and (min-width: 768px)
{
    .p-inquiry-inner
    {
        padding-top: max( 90px, 6.25vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-inquiry-inner
    {
        padding-top: 21.33333vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-inquiry-ttl
    {
        width: max( 211px, 14.65278vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-inquiry-ttl
    {
        width: 47.46667vw;
    }
}

.p-inquiry-content
{
    border: 1px solid #404040; 
    background-color: #fff;
}
@media screen and (min-width: 768px)
{
    .p-inquiry-content
    {
        margin-top: max( 60px, 4.16667vw );

        border-radius: max( 5px, .34722vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-inquiry-content
    {
        margin-top: 10.66667vw;

        border-radius: 2.13333vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-inquiry-content-inner
    {
        padding: max( 30px, 2.08333vw ) max( 40px, 2.77778vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-inquiry-content-inner
    {
        padding: 8vw 0 7.73333vw;
    }
}

.p-inquiry-content-ttl
{
    font-weight: 500;
    line-height: 1.6;

    text-align: center;

    color: #222;
}
@media screen and (min-width: 768px)
{
    .p-inquiry-content-ttl
    {
        font-size: max( 16px, 1.11111vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-inquiry-content-ttl
    {
        font-size: 4.26667vw;
    }
}

.p-inquiry-content-txt
{
    font-weight: 400;
    line-height: 1.6;

    text-align: center;
    letter-spacing: .02em;
}
@media screen and (min-width: 768px)
{
    .p-inquiry-content-txt
    {
        font-size: max( 12px, .83333vw );

        margin-top: max( 18px, 1.25vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-inquiry-content-txt
    {
        font-size: 3.46667vw;

        margin-top: 7.73333vw;
    }
}
.p-inquiry-content-txt::after
{
    display: block;

    height: 1px;

    content: '';

    background-color: #b6b6b6;
}
@media screen and (min-width: 768px)
{
    .p-inquiry-content-txt::after
    {
        width: 100%;
        margin-top: max( 21px, 1.45833vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-inquiry-content-txt::after
    {
        width: 73.33333vw;
        margin-top: 6.4vw; 

        margin-inline: auto;
    }
}

.p-inquiry-content-list
{
    margin-inline: auto;
}
@media screen and (min-width: 768px)
{
    .p-inquiry-content-list
    {
        width: max( 666px, 46.25vw ); 
        margin-top: max( 19px, 1.31944vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-inquiry-content-list
    {
        width: 73.33333vw; 
        margin-top: 6.4vw;
    }
}

.p-inquiry-content-list-item
{
    font-weight: 400; 
    line-height: 1.6;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
}
@media screen and (min-width: 768px)
{
    .p-inquiry-content-list-item
    {
        font-size: max( 12px, .83333vw );

        letter-spacing: .1em;

        -webkit-column-gap: max( 4px, .27778vw );

        -moz-column-gap: max( 4px, .27778vw );

        column-gap: max( 4px, .27778vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-inquiry-content-list-item
    {
        font-size: 2.66667vw;

        letter-spacing: .02em;

        -webkit-column-gap: .53333vw;

        -moz-column-gap: .53333vw;

        column-gap: .53333vw;
    }
}
.p-inquiry-content-list-item::before
{
    line-height: 1.6; 

    display: block;

    content: '※';
}
@media screen and (min-width: 768px)
{
    .p-inquiry-content-list-item::before
    {
        font-size: max( 12px, .83333vw ); 

        letter-spacing: .1em;
    }
}
@media screen and (max-width: 767px)
{
    .p-inquiry-content-list-item::before
    {
        font-size: 2.66667vw; 

        letter-spacing: .02em;
    }
}
@media screen and (max-width: 767px)
{
    .p-inquiry-content-list-item + .p-inquiry-content-list-item
    {
        margin-top: 1.6vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-copy
    {
        width: 90.13333vw;
        margin-left: -3.2vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-copy-inner
    {
        padding-top: max( 89px, 6.18056vw );
    }
}

@media screen and (max-width: 767px)
{
    .p-copy-inner
    {
        padding-top: 10.4vw;
    }
}

.p-copy-txt
{
    line-height: 1.6; 

    display: block;

    text-align: center;

    color: #000;
}
@media screen and (min-width: 768px)
{
    .p-copy-txt
    {
        font-size: max( 12px, .83333vw );
    }
}
@media screen and (max-width: 767px)
{
    .p-copy-txt
    {
        font-size: 3.2vw;

        white-space: nowrap;
    }
}

@media screen and (min-width: 768px)
{
    .root-wrapper
    {
        width: 100%;
        min-width: 1100px;
        margin-right: auto;
        margin-left: auto;
    }
}

.js-fade-target
{
    -webkit-transition: opacity 1s cubic-bezier(.22, .61, .36, 1), -webkit-transform 1s cubic-bezier(.22, .61, .36, 1);
    transition: opacity 1s cubic-bezier(.22, .61, .36, 1), -webkit-transform 1s cubic-bezier(.22, .61, .36, 1);
    transition: opacity 1s cubic-bezier(.22, .61, .36, 1), transform 1s cubic-bezier(.22, .61, .36, 1);
    transition: opacity 1s cubic-bezier(.22, .61, .36, 1), transform 1s cubic-bezier(.22, .61, .36, 1), -webkit-transform 1s cubic-bezier(.22, .61, .36, 1); 
    -webkit-transform: translateY(50px); 
    transform: translateY(50px);

    opacity: 0;
}
.js-fade-target.is-active
{
    -webkit-transform: none;
    transform: none; 

    opacity: 1;
}