@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Sans:wght@400;500;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary
{
    display: block;
}

html
{
    font-family: sans-serif;

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

body
{
    margin: 0;
}

a
{
    background: transparent;
}

a:focus
{
    outline: 0;
}

a:active,
a:hover
{
    outline: 0;
}

abbr[title]
{
    border-bottom: 1px dotted;
}

b,
strong,
.strong
{
    font-weight: bold;
}

dfn,
em,
.em
{
    font-style: italic;
}

hr
{
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
}

p
{
        hyphens: auto; 

    -epub-hyphens: auto;
    -ms-hyphens: auto;
}

pre
{
    margin: 0;

    white-space: pre-wrap;
}

dl,
menu,
ol,
ul
{
    margin: 1em 0;
}

dd
{
    margin: 0;
}

ol,
ul
{
    padding: 0;

    list-style-type: none;
}

img
{
    border: 0;
}

svg:not(:root)
{
    overflow: hidden;
}

figure
{
    margin: 0;
}

button,
input,
select,
textarea
{
    font-family: inherit;
    font-size: 100%;

    margin: 0;
}

button,
input
{
    line-height: normal;
}

button,
select
{
    text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    cursor: pointer; 

    -webkit-appearance: button;
}

input[type='submit']
{
    border: none;
}

button[disabled],
html input[disabled]
{
    cursor: default;
}

input[type='checkbox'],
input[type='radio']
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
}

input[type='search']
{
    -webkit-box-sizing: content-box;
            box-sizing: content-box; 

    -webkit-appearance: textfield;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0; 

    border: 0;
}

textarea
{
    overflow: auto;

    vertical-align: top;
}

table
{
    border-spacing: 0; 
    border-collapse: collapse;
}

*
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

html
{
    position: relative;

    overflow: auto; 

    height: 100%;
}

body
{
    font-size: 100%;
    line-height: 1.0;

    position: static;

    color: #000;
    background-color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img
{
    max-width: 100%;
    height: auto;

    vertical-align: bottom;
}

a
{
    -webkit-transition: background-color .3s ease, opacity .3s ease;
            transition: background-color .3s ease, opacity .3s ease; 
    text-decoration: none;
}

a:hover
{
    opacity: .7;
}

p
{
    font-size: 100%;
    line-height: 170%;
}

div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
a,
form,
input,
object,
dt,
dd,
dl,
iframe,
label
{
    margin: 0;
    padding: 0;
}

ol,
ul,
li,
dl,
dt,
dd
{
    list-style-position: outside;
    list-style-type: none; 
    list-style-image: none;
}

figure
{
    margin: 0;
}

body
{
    font-family: 'Noto Sans JP', 'Noto Sans', sans-serif;

    color: #000;
    background: #f8f8f8;
}
@media only screen and (max-width: 767px)
{
    body
    {
        padding-bottom: calc(96 / 390 * 100vw);
    }
}
body.fixed
{
    position: fixed;

    width: 100%;
}
body.bl_job_search_modal-body_open
{
    position: fixed;
    left: 0;

    overflow: hidden;

    width: 100%;
    /* top はJSでスクロール位置を打ち消すために指定 */
}
body.is_keep_modal_open
{
    position: fixed;
    left: 0;

    overflow: hidden;

    width: 100%;
    /* top はJSでスクロール位置を打ち消すために指定 */
}

html.bl_job_search_modal-body_open,
html.is_keep_modal_open
{
    overflow: hidden;
}

a
{
    display: block;
}

@media only screen and (min-width: 768px)
{
    button
    {
        -webkit-transition: opacity .3s;
                transition: opacity .3s;
    }
    button:hover
    {
        opacity: .7;
    }
}

svg
{
    display: block;

    aspect-ratio: 1 / 1;
}
svg path
{
    fill: currentColor;
}

input,
button
{
    border: none; 
    outline: none;
}

@media only screen and (min-width: 768px)
{
    .pcBlock
    {
        display: block;
    }
}

@media only screen and (max-width: 767px)
{
    .pcBlock
    {
        display: none;
    }
}

@media only screen and (min-width: 768px)
{
    .pcFlex
    {
        display: Flex;
    }
}

@media only screen and (max-width: 767px)
{
    .pcFlex
    {
        display: none;
    }
}

@media only screen and (min-width: 768px)
{
    .pcInline
    {
        display: inline;
    }
}

@media only screen and (max-width: 767px)
{
    .pcInline
    {
        display: none;
    }
}

@media only screen and (min-width: 768px)
{
    .spBlock
    {
        display: none;
    }
}

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

@media only screen and (min-width: 768px)
{
    .spFlex
    {
        display: none;
    }
}

@media only screen and (max-width: 767px)
{
    .spFlex
    {
        display: Flex;
    }
}

@media only screen and (min-width: 768px)
{
    .spInline
    {
        display: none;
    }
}

@media only screen and (max-width: 767px)
{
    .spInline
    {
        display: inline;
    }
}

@media only screen and (min-width: 768px)
{
    .spInlineBlock
    {
        display: none;
    }
}

@media only screen and (max-width: 767px)
{
    .spInlineBlock
    {
        display: inline-block;
    }
}

.el_title
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .el_title
    {
        font-size: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_title
    {
        font-size: calc(26 / 390 * 100vw);
    }
}

.el_page_title
{
    font-weight: bold;
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .el_page_title
    {
        font-size: min(calc(32 / 1440 * 100vw), 32px); 

        row-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_page_title
    {
        font-size: calc(26 / 390 * 100vw); 

        row-gap: calc(8 / 390 * 100vw);
    }
}
.el_page_title-en
{
    font-family: 'Roboto', sans-serif;

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .el_page_title-en
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_page_title-en
    {
        font-size: calc(14 / 390 * 100vw);
    }
}

.el_side_title
{
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .el_side_title
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);

        margin-bottom: min(calc(19 / 1440 * 100vw), 19px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_side_title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(19 / 390 * 100vw);
    }
}

.el_more
{
    text-align: right;
}
@media only screen and (min-width: 768px)
{
    .el_more
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_more
    {
        margin-top: calc(16 / 390 * 100vw); 

        padding-inline: calc(24 / 390 * 100vw);
    }
}
.el_more-link
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    color: #000; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .el_more-link
    {
        margin-right: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_more-link
    {
        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.el_more-link-text
{
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .el_more-link-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_more-link-text
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .el_more-link-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_more-link-arrow
    {
        width: calc(16 / 390 * 100vw);
    }
}

.el_article_title
{
    font-weight: bold;
    line-height: 1.8; 

    position: relative;
}
@media only screen and (min-width: 768px)
{
    .el_article_title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 
        padding-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_article_title
    {
        font-size: calc(24 / 390 * 100vw);

        margin-bottom: calc(40 / 390 * 100vw); 
        padding-top: calc(16 / 390 * 100vw);
    }
}
.el_article_title::before,
.el_article_title::after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
    overflow: hidden;

    content: '';

    border-radius: 100vmax;
}
@media only screen and (min-width: 768px)
{
    .el_article_title::before,
    .el_article_title::after
    {
        height: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_article_title::before,
    .el_article_title::after
    {
        height: calc(4 / 390 * 100vw);
    }
}
.el_article_title::before
{
    width: 100%; 

    background: #000;
}
.el_article_title::after
{
    background: #c03;
}
@media only screen and (min-width: 768px)
{
    .el_article_title::after
    {
        width: min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_article_title::after
    {
        width: calc(80 / 390 * 100vw);
    }
}

.el_article_section_title
{
    font-weight: bold; 

    position: relative;
}
@media only screen and (min-width: 768px)
{
    .el_article_section_title
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);
        line-height: 1.4;

        margin-bottom: min(calc(24 / 1440 * 100vw), 24px); 
        padding-top: min(calc(10 / 1440 * 100vw), 10px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_article_section_title
    {
        font-size: calc(22 / 390 * 100vw);
        line-height: 1.8;

        margin-bottom: calc(16 / 390 * 100vw); 
        padding-top: calc(10 / 390 * 100vw);
    }
}
.el_article_section_title::before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    content: '';

    border-radius: 100vmax; 
    background: #c03;
}
@media only screen and (min-width: 768px)
{
    .el_article_section_title::before
    {
        width: min(calc(40 / 1440 * 100vw), 40px);
        height: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_article_section_title::before
    {
        width: calc(40 / 390 * 100vw);
        height: calc(4 / 390 * 100vw);
    }
}

.el_article_section_title_sub
{
    font-weight: bold;
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .el_article_section_title_sub
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_article_section_title_sub
    {
        font-size: calc(20 / 390 * 100vw);
    }
}

.el_text
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .el_text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_text
    {
        font-size: calc(16 / 390 * 100vw);
    }
}

.el_note
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.el_note::before
{
    content: '※';
}

.el_btn
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .el_btn
    {
        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;
        min-width: min(calc(240 / 1440 * 100vw), 240px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px) min(calc(30 / 1440 * 100vw), 30px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .el_btn
    {
        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;
        width: calc(294 / 390 * 100vw);
        padding: calc(13 / 390 * 100vw) calc(20 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.bl_page_title
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .bl_page_title
    {
        padding-block: min(calc(56 / 1440 * 100vw), 56px) min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_page_title
    {
        padding-block: calc(40 / 390 * 100vw) calc(32 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .bl_inner
    {
        padding-inline: min(calc(32 / 1440 * 100vw), 32px);
    }
}

@media only screen and (min-width: 768px)
{
    .bl_inner.bl_inner__sm
    {
        padding-inline: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (min-width: 768px)
{
    .bl_shadow
    {
        -webkit-box-shadow: 0 min(calc(4 / 1440 * 100vw), 4px) min(calc(8 / 1440 * 100vw), 8px) rgba(0, 0, 0, .15);
                box-shadow: 0 min(calc(4 / 1440 * 100vw), 4px) min(calc(8 / 1440 * 100vw), 8px) rgba(0, 0, 0, .15);
    }
}

@media only screen and (max-width: 767px)
{
    .bl_shadow
    {
        -webkit-box-shadow: 0 calc(4 / 390 * 100vw) calc(8 / 390 * 100vw) rgba(0, 0, 0, .15);
                box-shadow: 0 calc(4 / 390 * 100vw) calc(8 / 390 * 100vw) rgba(0, 0, 0, .15);
    }
}

@media only screen and (min-width: 768px)
{
    .bl_section_radius
    {
        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .bl_section_radius
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}

.bl_search-inner
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .bl_search-inner
    {
        padding-block: min(calc(32 / 1440 * 100vw), 32px) min(calc(34 / 1440 * 100vw), 34px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_search-inner
    {
        padding: calc(40 / 390 * 100vw) calc(16 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
}

.bl_search-form
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.bl_search-form-label
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border: solid 1px #c4c4c4; 
    background: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_search-form-label
    {
        width: min(calc(985.6 / 1440 * 100vw), 985.6px);
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px) 0 0 min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_search-form-label
    {
        width: calc(254.67 / 390 * 100vw);
        padding: calc(11 / 390 * 100vw) calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw) 0 0 calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.bl_search-form-label-icon
{
    color: #7f7f7f;
}
@media only screen and (min-width: 768px)
{
    .bl_search-form-label-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
        height: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_search-form-label-icon
    {
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}
.bl_search-form-label-icon svg
{
    width: 100%;
}
.bl_search-form-label-input
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.bl_search-form-button
{
    font-weight: bold;
    line-height: 1.4;

    color: #fff;
    background: #c03; 

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
@media only screen and (min-width: 768px)
{
    .bl_search-form-button
    {
        border-radius: 0 min(calc(8 / 1440 * 100vw), 8px) min(calc(8 / 1440 * 100vw), 8px) 0;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_search-form-button
    {
        border-radius: 0 calc(8 / 390 * 100vw) calc(8 / 390 * 100vw) 0;
    }
}

.bl_search-btns
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .bl_search-btns
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(16 / 1440 * 100vw), 16px);
           -moz-column-gap: min(calc(16 / 1440 * 100vw), 16px);
                column-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_search-btns
    {
        margin-top: calc(12 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.bl_search-btns-item
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .bl_search-btns-item
    {
        width: min(calc(230.4 / 1440 * 100vw), 230.4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_search-btns-item
    {
        width: calc(65.2 / 390 * 100vw);
        height: calc(66 / 390 * 100vw);
    }
}
.bl_search-btns-item-link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    border: solid 1px #c4c4c4; 
    background: #efefef;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_search-btns-item-link
    {
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_search-btns-item-link
    {
        position: relative;

            flex-direction: column;

        height: 100%;

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(4 / 390 * 100vw);
    }
}
.bl_search-btns-item-link.is_checked::after
{
    display: inline-block;

    content: '';

    background: url(/assets/images/red_check-icon.svg) no-repeat center center/contain;
}
@media only screen and (min-width: 768px)
{
    .bl_search-btns-item-link.is_checked::after
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_search-btns-item-link.is_checked::after
    {
        position: absolute;
        top: calc(6 / 390 * 100vw);
        right: calc(6 / 390 * 100vw);

        width: calc(12 / 390 * 100vw);
        height: calc(12 / 390 * 100vw);
    }
}
.bl_search-btns-item-icon
{
    display: block;

    color: #282828;
}
@media only screen and (min-width: 768px)
{
    .bl_search-btns-item-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
        height: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_search-btns-item-icon
    {
        width: calc(24 / 390 * 100vw);
        height: calc(24 / 390 * 100vw);
    }
}
.bl_search-btns-item-text
{
    line-height: 1.4; 

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .bl_search-btns-item-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_search-btns-item-text
    {
        font-size: calc(10 / 390 * 100vw);
    }
}

.bl_job_search_modal
{
    display: none;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;
}
.bl_job_search_modal.is_block
{
    display: block;
}
.bl_job_search_modal-overray
{
    position: fixed;
    z-index: 10002;

    background: rgba(0, 0, 0, .6); 

    inset: 0;
}
.bl_job_search_modal-inner
{
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;

    overflow: hidden;

    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-inner
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        width: min(calc(940 / 1440 * 100vw), 940px);
        height: min(calc(720 / 1440 * 100vw), 720px);
        max-height: calc(100vh - min(calc(80 / 1440 * 100vw), 80px));

        border-radius: min(calc(16 / 1440 * 100vw), 16px);

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        translate: -50% -50%;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-inner
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        max-height: 100%;
        margin: calc(32 / 390 * 100vw) calc(16 / 390 * 100vw) calc(128 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
        background: transparent; 

        inset: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.bl_job_search_modal-header
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #fff;
    background: #f8f8f8;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-header
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        padding: min(calc(18 / 1440 * 100vw), 18px) min(calc(44 / 1440 * 100vw), 44px) min(calc(18 / 1440 * 100vw), 18px) min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-header
    {
        font-size: calc(18 / 390 * 100vw);

        padding: calc(14 / 390 * 100vw) calc(44 / 390 * 100vw) calc(14 / 390 * 100vw) calc(16 / 390 * 100vw);

        background: transparent;
    }
}
.bl_job_search_modal-header-title
{
    font-size: inherit; 
    font-weight: bold;
    line-height: 1;

    margin: 0;
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-header-title
    {
        display: none;
    }
}
.bl_job_search_modal-header-title-text
{
    color: #000;
}
.bl_job_search_modal-header-close
{
    position: absolute;
    top: 50%;

    display: block;

    cursor: pointer;

    color: #000; 

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-header-close
    {
        right: min(calc(16 / 1440 * 100vw), 16px);

        width: min(calc(24 / 1440 * 100vw), 24px);
        height: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-header-close
    {
        right: 0;

        width: calc(24 / 390 * 100vw);
        height: calc(24 / 390 * 100vw);

        color: #fff;
    }
}
.bl_job_search_modal-header-close svg
{
    display: block;

    width: 100%;
    height: 100%;

    fill: currentColor;
}
.bl_job_search_modal-tabs
{
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-tabs
    {
        display: grid;

        border-bottom: solid 1px #e8e8e8; 

        grid-template-columns: repeat(5, 1fr);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-tabs
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;

        border-bottom: solid 1px #fff; 
        border-radius: calc(8 / 390 * 100vw) calc(8 / 390 * 100vw) 0 0;
        background: #efefef;

        -webkit-overflow-scrolling: touch;
    }
    .bl_job_search_modal-tabs::-webkit-scrollbar
    {
        display: none;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-tabs-item
    {
        min-width: 0; 

        border-right: solid 1px #c4c4c4;

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
    .bl_job_search_modal-tabs-item:last-child
    {
        border-right: none;
    }
    .bl_job_search_modal-tabs-item:not(:has(.is_selected))
    {
        border-bottom: solid 1px #c4c4c4;
    }
}
.bl_job_search_modal-tabs-item-link
{
    font-weight: bold;
    line-height: 1.2; 

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #282828;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-tabs-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding: min(calc(13.5 / 1440 * 100vw), 13.5px) min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-tabs-item-link
    {
        font-size: calc(13 / 390 * 100vw);

            flex-direction: column;

        padding: calc(12 / 390 * 100vw) calc(14 / 390 * 100vw);

        white-space: nowrap; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-tabs-item-link:hover,
    .bl_job_search_modal-tabs-item-link.is_selected
    {
        opacity: 1;
    }
    .bl_job_search_modal-tabs-item-link:hover::before,
    .bl_job_search_modal-tabs-item-link.is_selected::before
    {
        position: absolute;
        bottom: 0;
        left: 0;

        display: block;

        width: 100%;
        height: min(calc(3 / 1440 * 100vw), 3px);

        content: '';

        background: #c03;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-tabs-item-link:hover,
    .bl_job_search_modal-tabs-item-link.is_selected
    {
        border-bottom: solid 1px #fff; 
        background: #fff;
    }
}
.bl_job_search_modal-tabs-item-link.is_checked::after
{
    display: inline-block;

    content: '';

    background: url(/assets/images/red_check-icon.svg) no-repeat center center/contain;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-tabs-item-link.is_checked::after
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-tabs-item-link.is_checked::after
    {
        position: absolute;
        top: calc(6 / 390 * 100vw);
        right: calc(5.6 / 390 * 100vw);

        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
    }
}
.bl_job_search_modal-tabs-item-icon
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-tabs-item-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-tabs-item-icon
    {
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-tabs-item-text-pc
    {
        display: none;
    }
}
.bl_job_search_modal-tabs-item-text-sp
{
    display: none;
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-tabs-item-text-sp
    {
        display: inline;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-form
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden; 
            flex-direction: column;

        min-height: 0;

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-form
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
            flex-direction: column;

        min-height: 0;

        border-radius: 0 0 calc(8 / 390 * 100vw) calc(8 / 390 * 100vw); 
        background: #fff;

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents
    {
        position: relative;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: auto; 
            flex-direction: column;

        min-height: 0;

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents
    {
        overflow: auto;

        min-height: 0;

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
        -webkit-overflow-scrolling: touch;
    }
}
.bl_job_search_modal-contents-item
{
    display: none;

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.bl_job_search_modal-contents-item.is_selected
{
    display: block;
}
.bl_job_search_modal-contents-item.bl_job_search_modal-contents-item__2col.is_selected
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-item.bl_job_search_modal-contents-item__2col.is_selected
    {
        overflow: hidden; 

        min-height: 0;

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-item.bl_job_search_modal-contents-item__2col.is_selected
    {
        min-height: 0;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-item.bl_job_search_modal-contents-item__1col.is_selected
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden; 

        min-height: 0;

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-item.bl_job_search_modal-contents-item__1col.is_selected
    {
        display: block;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-item.bl_job_search_modal-contents-item__1col.is_selected .bl_job_search_modal-contents-minor_wrap
    {
        max-height: none;
    }
}
.bl_job_search_modal-contents-item_heading
{
    font-weight: bold;

    margin: 0;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-item_heading
    {
        display: none;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-item_heading
    {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.4;

        padding: calc(16 / 390 * 100vw);

        border-bottom: solid 1px #c4c4c4;
    }
}
.bl_job_search_modal-contents-placeholder
{
    font-size: min(calc(14 / 1440 * 100vw), 14px); 

    padding: min(calc(24 / 1440 * 100vw), 24px);

    color: #565656;
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-placeholder
    {
        font-size: calc(14 / 390 * 100vw); 

        padding: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-contents-accordion
    {
        display: grid;
        /* 行優先で左列＝中項目6、右列＝小項目6になる */

        min-height: min(calc(360 / 1440 * 100vw), 360px); 

        grid-template-columns: min(calc(220 / 1440 * 100vw), 220px) 1fr;
        grid-template-rows: repeat(6, auto);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-contents-accordion
    {
        display: block;

        width: 100%;
    }
}
.bl_job_search_modal-contents #occupation,
.bl_job_search_modal-contents #location,
.bl_job_search_modal-contents #employment,
.bl_job_search_modal-contents #conditions
{
    /* 開いている時だけ矢印を上向きに（#occupation 等の直下の .accordion-item > .accordion-icon の順でセレクタを書く） */
    /* SP：画像どおりリスト左・ボタン右。小項目エリア内でスクロールし、「条件をクリア」は右下で追従（sticky） */
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-contents-item__2col.is_selected,
    .bl_job_search_modal-contents #location .bl_job_search_modal-contents-item__2col.is_selected,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-contents-item__2col.is_selected,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-contents-item__2col.is_selected
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row;

        width: 100%; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-contents-accordion,
    .bl_job_search_modal-contents #location .bl_job_search_modal-contents-accordion,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-contents-accordion,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-contents-accordion
    {
        display: grid;

        width: 100%;
        min-height: 0;

        grid-template-columns: min(calc(320 / 1440 * 100vw), 320px) 1fr;
        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-contents-accordion-medium_col,
    .bl_job_search_modal-contents #location .bl_job_search_modal-contents-accordion-medium_col,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-contents-accordion-medium_col,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-contents-accordion-medium_col
    {
        display: none;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-contents-accordion-medium_col,
    .bl_job_search_modal-contents #location .bl_job_search_modal-contents-accordion-medium_col,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-contents-accordion-medium_col,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-contents-accordion-medium_col
    {
        overflow-x: hidden;
        overflow-y: auto;

        min-height: 0; 
        padding: min(calc(16 / 1440 * 100vw), 16px) 0;

        border-right: solid 1px #e8e8e8;

        grid-column: 1;
        grid-row: 1 / -1;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-contents-accordion-medium_col .bl_job_search_modal-accordion-header,
    .bl_job_search_modal-contents #location .bl_job_search_modal-contents-accordion-medium_col .bl_job_search_modal-accordion-header,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-contents-accordion-medium_col .bl_job_search_modal-accordion-header,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-contents-accordion-medium_col .bl_job_search_modal-accordion-header
    {
        padding: min(calc(8 / 1440 * 100vw), 8px) min(calc(24 / 1440 * 100vw), 24px) min(calc(8 / 1440 * 100vw), 8px) min(calc(16 / 1440 * 100vw), 16px);
    }
}
.bl_job_search_modal-contents #occupation .bl_job_search_modal-accordion-header_wrap,
.bl_job_search_modal-contents #location .bl_job_search_modal-accordion-header_wrap,
.bl_job_search_modal-contents #employment .bl_job_search_modal-accordion-header_wrap,
.bl_job_search_modal-contents #conditions .bl_job_search_modal-accordion-header_wrap
{
    position: relative;
}
.bl_job_search_modal-contents #occupation .bl_job_search_modal-accordion-header_wrap.is_checked .bl_job_search_modal-accordion-header::after,
.bl_job_search_modal-contents #location .bl_job_search_modal-accordion-header_wrap.is_checked .bl_job_search_modal-accordion-header::after,
.bl_job_search_modal-contents #employment .bl_job_search_modal-accordion-header_wrap.is_checked .bl_job_search_modal-accordion-header::after,
.bl_job_search_modal-contents #conditions .bl_job_search_modal-accordion-header_wrap.is_checked .bl_job_search_modal-accordion-header::after
{
    display: inline-block;

    content: '';
    vertical-align: middle;

    background: url(/assets/images/red_check-icon.svg) no-repeat center center/contain;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-accordion-header_wrap.is_checked .bl_job_search_modal-accordion-header::after,
    .bl_job_search_modal-contents #location .bl_job_search_modal-accordion-header_wrap.is_checked .bl_job_search_modal-accordion-header::after,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-accordion-header_wrap.is_checked .bl_job_search_modal-accordion-header::after,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-accordion-header_wrap.is_checked .bl_job_search_modal-accordion-header::after
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
        margin-left: min(calc(6 / 1440 * 100vw), 6px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-accordion-header_wrap.is_checked .bl_job_search_modal-accordion-header::after,
    .bl_job_search_modal-contents #location .bl_job_search_modal-accordion-header_wrap.is_checked .bl_job_search_modal-accordion-header::after,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-accordion-header_wrap.is_checked .bl_job_search_modal-accordion-header::after,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-accordion-header_wrap.is_checked .bl_job_search_modal-accordion-header::after
    {
        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
        margin-left: calc(4 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-accordion-header_wrap_sp,
    .bl_job_search_modal-contents #location .bl_job_search_modal-accordion-header_wrap_sp,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-accordion-header_wrap_sp,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-accordion-header_wrap_sp
    {
        display: none;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-accordion-icon,
    .bl_job_search_modal-contents #location .bl_job_search_modal-accordion-icon,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-accordion-icon,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-accordion-icon
    {
        position: absolute;
        top: 50%;
        right: calc(16 / 390 * 100vw);

        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
        /* 閉じている時：下向き */

        -webkit-transition: rotate .25s ease;
                transition: rotate .25s ease; 

        color: #979797;

        translate: 0 -50%;
        rotate: 90deg;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-accordion-item,
    .bl_job_search_modal-contents #location .bl_job_search_modal-accordion-item,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-accordion-item,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-accordion-item
    {
        display: contents;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-accordion-body,
    .bl_job_search_modal-contents #location .bl_job_search_modal-accordion-body,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-accordion-body,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-accordion-body
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
            flex-direction: column;

        min-height: 0;

        grid-column: 2;
        grid-row: 1 / -1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-accordion-icon,
    .bl_job_search_modal-contents #location .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-accordion-icon,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-accordion-icon,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-accordion-icon
    {
        rotate: -90deg;
        /* 開いている時：上向き */
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-accordion-body,
    .bl_job_search_modal-contents #location .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-accordion-body,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-accordion-body,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-accordion-body
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-accordion-body .bl_job_search_modal-contents-minor_reset,
    .bl_job_search_modal-contents #location .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-accordion-body .bl_job_search_modal-contents-minor_reset,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-accordion-body .bl_job_search_modal-contents-minor_reset,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-accordion-body .bl_job_search_modal-contents-minor_reset
    {
        position: sticky;
        bottom: calc(15 / 390 * 100vw);
        left: calc(274 / 390 * 100vw);

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        height: 0; 
        margin: 0;

        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents #employment .bl_job_search_modal-contents-accordion
    {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-contents-accordion
    {
        grid-template-rows: repeat(6, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-accordion-item
    {
        display: contents;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-accordion-item
    {
        display: block;

        border-bottom: solid 1px #e8e8e8;
    }
    .bl_job_search_modal-contents-accordion-item:last-child
    {
        border-bottom: none;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-accordion-header_wrap
    {
        position: relative;

        padding: min(calc(16 / 1440 * 100vw), 16px) 0; 

        border-right: solid 1px #e8e8e8;

        grid-column: 1;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-accordion-header_wrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-sizing: border-box;
                box-sizing: border-box; 
        width: 100%;
        padding: calc(14 / 390 * 100vw) calc(16 / 390 * 100vw);

        cursor: pointer;

        background: #efefef;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-tap-highlight-color: transparent;
    }
}
.bl_job_search_modal-contents-accordion-header
{
    line-height: 1.4;

    position: relative;

    display: block;

    text-decoration: none; 

    color: #282828;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-accordion-header
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px); 

        padding: min(calc(10 / 1440 * 100vw), 10px) min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-accordion-header
    {
        font-size: calc(14 / 390 * 100vw);
        font-weight: bold; 

        padding: 0;

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
.bl_job_search_modal-contents-accordion-header:hover
{
    background: transparent;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-accordion-header:hover
    {
        color: #c03; 
        background: #f8f8f8;
    }
}
.bl_job_search_modal-contents-accordion-header.is_selected
{
    font-weight: bold;
    line-height: 1.2; 

    color: #000;
    background: #efefef;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-accordion-header.is_selected::before
    {
        position: absolute;
        bottom: 0;
        left: 0;

        width: 100%;
        height: min(calc(3 / 1440 * 100vw), 3px);

        content: '';

        background: #c03;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-accordion-icon
    {
        display: none;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-accordion-icon
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
        margin-left: auto;

        color: #282828; 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .bl_job_search_modal-contents-accordion-icon svg
    {
        /* 閉じている時：下向き */
        -webkit-transition: -webkit-transform .25s ease;
                transition: -webkit-transform .25s ease;
                transition:         transform .25s ease;
                transition:         transform .25s ease, -webkit-transform .25s ease; 
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-contents-accordion-icon svg
    {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
        /* 開いている時：上向き */
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-accordion-body
    {
        min-height: 0; 
        padding: min(calc(16 / 1440 * 100vw), 16px);

        grid-column: 2;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-accordion-body
    {
        display: none;
            flex-direction: column;

        -webkit-box-sizing: border-box;
                box-sizing: border-box; 
        width: 100%;
        padding: calc(12 / 390 * 100vw) calc(16 / 390 * 100vw) calc(16 / 390 * 100vw);

        background: #f8f8f8;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .bl_job_search_modal-accordion-item.is_open .bl_job_search_modal-contents-accordion-body
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.bl_job_search_modal-contents-medium_wrap
{
    border-right: solid 1px #e8e8e8; 

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-medium_wrap
    {
        width: min(calc(220 / 1440 * 100vw), 220px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-medium_wrap
    {
        width: 100%;

        border-right: none;
        border-bottom: solid 1px #e8e8e8;
    }
}
.bl_job_search_modal-contents-medium
{
    margin: 0;
    padding: 0; 

    list-style: none;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-medium
    {
        padding: min(calc(16 / 1440 * 100vw), 16px) 0;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-medium
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        padding: calc(12 / 390 * 100vw) 0;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 0;
    }
}
.bl_job_search_modal-contents-medium-item
{
    border-bottom: solid 1px transparent;
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-medium-item
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box; 
        width: 50%;
    }
}
.bl_job_search_modal-contents-medium-link
{
    line-height: 1.4;

    position: relative;

    display: block;

    text-decoration: none; 

    color: #282828;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-medium-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        padding: min(calc(8 / 1440 * 100vw), 8px) min(calc(24 / 1440 * 100vw), 24px) min(calc(8 / 1440 * 100vw), 8px) min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-medium-link
    {
        font-size: calc(14 / 390 * 100vw);

        padding: calc(10 / 390 * 100vw) calc(16 / 390 * 100vw);

        border-bottom: solid 1px #c4c4c4; 
        background: #efefef;
    }
}
.bl_job_search_modal-contents-medium-link:hover
{
    opacity: 1; 
    background: #efefef;
}
.bl_job_search_modal-contents-medium-link.is_selected
{
    line-height: 1.2; 

    color: #000;
    background: #efefef;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-medium-link.is_selected
    {
        font-weight: bold;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-medium-link.is_selected::before
    {
        height: calc(3 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-minor_wrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    min-width: 0; 

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-minor_wrap
    {
        position: relative; 

        min-height: 0;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-minor_wrap
    {
        min-height: 0;
        max-height: none;

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
.bl_job_search_modal-contents-minor_panel
{
    display: none;
        flex-direction: column;

    min-height: 0; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.bl_job_search_modal-contents-minor_panel.is_selected
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-minor_panel
    {
        position: relative;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-minor_panel
    {
        min-height: min(calc(200 / 390 * 100vw), 200px);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-contents-minor_panel:not(.is_selected),
    .bl_job_search_modal-contents #location .bl_job_search_modal-contents-minor_panel:not(.is_selected),
    .bl_job_search_modal-contents #employment .bl_job_search_modal-contents-minor_panel:not(.is_selected),
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-contents-minor_panel:not(.is_selected)
    {
        display: none !important;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents #occupation .bl_job_search_modal-contents-minor_panel.is_selected,
    .bl_job_search_modal-contents #location .bl_job_search_modal-contents-minor_panel.is_selected,
    .bl_job_search_modal-contents #employment .bl_job_search_modal-contents-minor_panel.is_selected,
    .bl_job_search_modal-contents #conditions .bl_job_search_modal-contents-minor_panel.is_selected
    {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;

        grid-row: 1 / -1 !important;
    }
}
.bl_job_search_modal-contents-minor
{
    width: 100%;
    min-height: 0; 
    margin: 0;
    padding: 0;

    list-style: none;

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-minor
    {
        overflow-y: auto;

        padding: min(calc(24 / 1440 * 100vw), 24px) 0;
    }
}
.bl_job_search_modal-contents-minor_panel
{
    position: relative;
}
.bl_job_search_modal-contents-minor_ttl
{
    font-weight: bold;
    line-height: 1.4; 

    margin: 0 0 min(calc(8 / 1440 * 100vw), 8px);
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-minor_ttl
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-minor_ttl
    {
        font-size: calc(14 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-minor-item-label
{
    line-height: 1.5; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    cursor: pointer;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-minor-item-label
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        padding: min(calc(12 / 1440 * 100vw), 12px) min(calc(24 / 1440 * 100vw), 24px);

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-minor-item-label
    {
        font-size: calc(14 / 390 * 100vw);

        padding: calc(8 / 390 * 100vw) calc(16 / 390 * 100vw) calc(8 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-bottom: solid 1px #c4c4c4; 

        -webkit-column-gap: calc(10 / 390 * 100vw);
           -moz-column-gap: calc(10 / 390 * 100vw);
                column-gap: calc(10 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-minor-item-label:hover
{
    background: #f8f8f8;
}
.bl_job_search_modal-contents-minor-item-label:has(.bl_job_search_modal-contents-minor-item-checkbox:checked)
{
    background: #f8f8f8;
}
.bl_job_search_modal-contents-minor-item-checkbox
{
    width: min(calc(18 / 1440 * 100vw), 18px);
    height: min(calc(18 / 1440 * 100vw), 18px);

    -ms-flex-negative: 0;
    flex-shrink: 0;
    accent-color: #219653;
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-minor-item-checkbox
    {
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-minor-item-text
{
    color: #282828;
}
.bl_job_search_modal-contents-minor_reset
{
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-minor_reset
    {
        position: absolute;
        right: min(calc(32 / 1440 * 100vw), 32px);
        bottom: min(calc(25 / 1440 * 100vw), 25px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-minor_reset
    {
        position: fixed;
        right: calc(20 / 390 * 100vw); 
        bottom: calc(166 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-minor_reset-btn
{
    font-weight: bold;
    line-height: 1.2;

    display: grid;

    cursor: pointer;

    color: #fff;
    border: none;
    border-radius: 50%; 
    background: #565656;

    place-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-minor_reset-btn
    {
        font-size: min(calc(13 / 1440 * 100vw), 13px);
        font-size: min(calc(14 / 1440 * 100vw), 14px); 

        width: min(calc(80 / 1440 * 100vw), 80px);
        height: min(calc(80 / 1440 * 100vw), 80px);
        padding: min(calc(10 / 1440 * 100vw), 10px);

        row-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-minor_reset-btn
    {
        font-size: calc(11 / 390 * 100vw); 

        width: calc(64 / 390 * 100vw);
        height: calc(64 / 390 * 100vw);
        padding: calc(9 / 390 * 100vw) 0 calc(7.33 / 390 * 100vw);

        row-gap: calc(3 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-minor_reset-icon
{
    display: block;

    color: #fff;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-minor_reset-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
        height: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-minor_reset-icon
    {
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents #employment-minor-salary
    {
        overflow: auto !important;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-salary_row
    {
        margin: 0 min(calc(24 / 1440 * 100vw), 24px) min(calc(40 / 1440 * 100vw), 40px);
    }
    .bl_job_search_modal-contents-salary_row:first-of-type
    {
        margin-top: min(calc(36 / 1440 * 100vw), 36px);
    }
    .bl_job_search_modal-contents-salary_row:last-of-type
    {
        margin-bottom: min(calc(36 / 1440 * 100vw), 36px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-salary_row
    {
        margin: 0 calc(32 / 390 * 100vw) calc(24 / 390 * 100vw) calc(16 / 390 * 100vw);
    }
    .bl_job_search_modal-contents-salary_row:first-of-type
    {
        margin-top: calc(16 / 390 * 100vw);
    }
    .bl_job_search_modal-contents-salary_row:last-of-type
    {
        margin-bottom: calc(58 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-salary_row-ttl
{
    font-weight: bold;
    line-height: 1.2; 

    text-align: left;

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-salary_row-ttl
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        display: block;

        margin: 0 0 min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-salary_row-ttl
    {
        font-size: calc(14 / 390 * 100vw);

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin-bottom: calc(12 / 390 * 100vw); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-salary_row-note
{
    font-weight: normal;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-salary_row-note
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-left: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-salary_row-note
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-salary_row-inputs
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-salary_row-inputs
    {
        gap: min(calc(10.5 / 1440 * 100vw), 10.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-salary_row-inputs
    {
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-salary_row-select_wrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-salary_row-select_wrap
    {
        width: min(calc(250 / 1440 * 100vw), 250px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-salary_row-select_wrap
    {
        width: calc(135 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-salary_row-select
{
    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;

    cursor: pointer; 

    color: #282828;
    border: none;
    background: #fff;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-salary_row-select
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        min-height: min(calc(40 / 1440 * 100vw), 40px);
        padding: min(calc(10 / 1440 * 100vw), 10px) min(calc(32 / 1440 * 100vw), 32px) min(calc(10 / 1440 * 100vw), 10px) min(calc(12 / 1440 * 100vw), 12px);

        border-radius: min(calc(6 / 1440 * 100vw), 6px);
    }
    .bl_job_search_modal-contents-salary_row-select:focus
    {
        border-color: #c4c4c4; 
        outline: none;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-salary_row-select
    {
        font-size: calc(16 / 390 * 100vw); 

        padding: calc(11 / 390 * 100vw) calc(15 / 390 * 100vw) calc(11 / 390 * 100vw) calc(20 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-salary_row-select_icon
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    background: #c4c4c4; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-salary_row-select_icon
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-salary_row-select_icon
    {
        width: calc(20 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-salary_row-select_icon svg
{
    display: block;

    color: #fff;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-salary_row-select_icon svg
    {
        width: min(calc(12 / 1440 * 100vw), 12px);
        height: min(calc(12 / 1440 * 100vw), 12px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-salary_row-select_icon svg
    {
        width: calc(12 / 390 * 100vw);
        height: calc(12 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-salary_row-sep
{
    color: #000;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-salary_row-sep
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-salary_row-sep
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-company_search
{
    margin: 0 0 min(calc(16 / 1440 * 100vw), 16px);
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-company_search
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-company_search-label
{
    display: block;
}
.bl_job_search_modal-contents-company_search-ttl
{
    font-weight: bold;
    line-height: 1.4;

    display: block;

    margin-bottom: min(calc(8 / 1440 * 100vw), 8px);
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents-company_search-ttl
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-company_search-ttl
    {
        font-size: calc(14 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-company_search-input
{
    font-size: min(calc(14 / 1440 * 100vw), 14px);

    width: 100%;
    padding: min(calc(10 / 1440 * 100vw), 10px) min(calc(12 / 1440 * 100vw), 12px);

    border: solid 1px #c4c4c4;
    border-radius: min(calc(8 / 1440 * 100vw), 8px);
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents-company_search-input
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(12 / 390 * 100vw) calc(14 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents-company_search-input:focus
{
    border-color: #c03; 
    outline: none;
}
.bl_job_search_modal-contents_bottom
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border-top: solid 1px #c4c4c4;
    background: #f8f8f8; 

    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: min(calc(16 / 1440 * 100vw), 16px);
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents_bottom
    {
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents_bottom
    {
        padding: calc(16 / 390 * 100vw);

        gap: calc(12 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents_bottom-count
{
    line-height: 1; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents_bottom-count
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents_bottom-count
    {
        font-size: calc(14 / 390 * 100vw); 

        width: 100%;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents_bottom-count-num
{
    font-weight: bold; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents_bottom-count-num
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents_bottom-count-num
    {
        font-size: calc(20 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents_bottom-btns
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents_bottom-btns
    {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(12 / 1440 * 100vw), 12px);
           -moz-column-gap: min(calc(12 / 1440 * 100vw), 12px);
                column-gap: min(calc(12 / 1440 * 100vw), 12px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents_bottom-btns
    {
        width: 100%; 

        -webkit-column-gap: calc(16 / 390 * 100vw);
           -moz-column-gap: calc(16 / 390 * 100vw);
                column-gap: calc(16 / 390 * 100vw);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.bl_job_search_modal-contents_bottom-btn
{
    line-height: 1.4;

    cursor: pointer;

    border-radius: min(calc(8 / 1440 * 100vw), 8px);
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents_bottom-btn
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px); 

        padding: min(calc(12 / 1440 * 100vw), 12px) min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents_bottom-btn
    {
        font-size: calc(14 / 390 * 100vw);

        padding: calc(10 / 390 * 100vw) calc(8 / 390 * 100vw);

        text-align: center;

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents_bottom-btn__all_clear
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #000;
    border: solid 1px #c4c4c4; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents_bottom-btn__all_clear
    {
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
.bl_job_search_modal-contents_bottom-btn__all_clear svg
{
    color: inherit;
}
.bl_job_search_modal-contents_bottom-btn__primary
{
    font-weight: bold;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #fff;
    border: solid 1px #c03; 
    background: #c03;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents_bottom-btn__primary
    {
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents_bottom-btn__primary
    {
        padding-inline: calc(19 / 390 * 100vw);
    }
}
.bl_job_search_modal-contents_bottom-btn__primary:hover
{
    opacity: .9;
}
.bl_job_search_modal-contents_bottom-btn-icon
{
    color: inherit;
}
@media only screen and (min-width: 768px)
{
    .bl_job_search_modal-contents_bottom-btn-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_search_modal-contents_bottom-btn-icon
    {
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}

.bl_table
{
    width: 100%;

    border: solid 1px #c4c4c4;
    background: #fff;
}
@media only screen and (max-width: 767px)
{
    .bl_table
    {
        display: block;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_table-row
    {
        display: block;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_table-head,
    .bl_table-data
    {
        display: block;
    }
}
.bl_table-head
{
    font-weight: 500;
    line-height: 1.4;

    text-align: left; 

    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .bl_table-head
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        width: min(calc(151 / 1440 * 100vw), 151px);
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border: solid 1px #c4c4c4;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_table-head
    {
        font-size: calc(14 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw);

        border-bottom: solid 1px #c4c4c4;
    }
}
.bl_table-data
{
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .bl_table-data
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(16 / 1440 * 100vw), 16px);

        border: solid 1px #c4c4c4;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_table-data
    {
        font-size: calc(14 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw);

        border-bottom: solid 1px #c4c4c4;
    }
}
.bl_table-row:last-of-type .bl_table-data
{
    border-bottom: none;
}

.bl_list.bl_list__dot .bl_list-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.bl_list.bl_list__dot .bl_list-item::before
{
    content: '・';
}

.bl_list.bl_list__num
{
    counter-reset: num;
}
.bl_list.bl_list__num .bl_list-item
{
    counter-increment: num;
}
.bl_list.bl_list__num .bl_list-item::before
{
    content: counter(num) '.';
}

.bl_form_flow
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .bl_form_flow
    {
        width: min(calc(400 / 1440 * 100vw), 400px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_flow
    {
        width: calc(262 / 390 * 100vw);
    }
}
.bl_form_flow-item
{
    position: relative;
    z-index: 1; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_form_flow-item
    {
        width: min(calc(40 / 1440 * 100vw), 40px);

        row-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_flow-item
    {
        width: calc(40 / 390 * 100vw);

        row-gap: calc(4 / 390 * 100vw);
    }
}
.bl_form_flow-item:not(:first-of-type)::before
{
    position: absolute;
    right: 100%;

    display: block;

    content: '';

    background: #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .bl_form_flow-item:not(:first-of-type)::before
    {
        top: min(calc(15 / 1440 * 100vw), 15px);

        width: min(calc(140 / 1440 * 100vw), 140px);
        height: min(calc(2 / 1440 * 100vw), 2px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_flow-item:not(:first-of-type)::before
    {
        top: calc(15 / 390 * 100vw);

        width: calc(71 / 390 * 100vw);
        height: calc(2 / 390 * 100vw);
    }
}
.bl_form_flow-item-num
{
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    line-height: 1.8;

    position: relative;

    display: grid;

    color: #fff;
    border-radius: 50%;
    background: #c4c4c4;

    place-items: center;
    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .bl_form_flow-item-num
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        width: min(calc(30 / 1440 * 100vw), 30px);
        height: min(calc(30 / 1440 * 100vw), 30px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_flow-item-num
    {
        font-size: calc(16 / 390 * 100vw); 

        width: calc(30 / 390 * 100vw);
        height: calc(30 / 390 * 100vw);
    }
}
.bl_form_flow-item.is_active::before
{
    background: #c03;
}
.bl_form_flow-item.is_active .bl_form_flow-item-num
{
    background: #c03;
}
.bl_form_flow-item-text
{
    font-weight: bold;
    line-height: 1.4; 

    color: #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .bl_form_flow-item-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_flow-item-text
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.bl_form_flow-item.is_active .bl_form_flow-item-text
{
    color: #c03;
}

.bl_form_contents
{
    overflow: hidden;

    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents
    {
        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}
.bl_form_contents-title
{
    font-weight: bold;
    line-height: 1.8;

    background: #e8e8e8;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        padding: min(calc(20 / 1440 * 100vw), 20px) min(calc(16 / 1440 * 100vw), 16px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-title
    {
        font-size: calc(18 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
}
.bl_form_contents-close_text
{
    font-weight: bold;

    background: #fcf2f5;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-close_text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-close_text
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
}
.bl_form_contents-close_text.bl_form_contents-close_text__red
{
    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-inner
    {
        padding: calc(24 / 390 * 100vw);
    }
}
.bl_form_contents-error
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #c03;
    background: #fcf2f5;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-error
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        -webkit-column-gap: min(calc(10 / 1440 * 100vw), 10px);
           -moz-column-gap: min(calc(10 / 1440 * 100vw), 10px);
                column-gap: min(calc(10 / 1440 * 100vw), 10px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-error
    {
        margin-top: calc(16 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        -webkit-column-gap: calc(10 / 390 * 100vw);
           -moz-column-gap: calc(10 / 390 * 100vw);
                column-gap: calc(10 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-error-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-error-icon
    {
        width: calc(24 / 390 * 100vw);
    }
}
.bl_form_contents-error-text
{
    line-height: 1.4; 

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-error-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-error-text
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.bl_form_contents-auth
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #f8f8f8; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-auth
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 
        padding: min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        row-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-auth
    {
        margin-top: calc(16 / 390 * 100vw); 
        padding: calc(24 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        row-gap: calc(24 / 390 * 100vw);
    }
}
.bl_form_contents-auth-confirmed
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-auth-confirmed
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-auth-confirmed
    {
            flex-direction: column;

        width: 100%;

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(8 / 390 * 100vw);
    }
}
.bl_form_contents-auth-confirmed-title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-auth-confirmed-title
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-auth-confirmed-title
    {
        border-radius: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.bl_form_contents-auth-confirmed-title-icon
{
    color: #219653;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-auth-confirmed-title-icon
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-auth-confirmed-title-icon
    {
        width: calc(20 / 390 * 100vw);
    }
}
.bl_form_contents-auth-confirmed-title-text
{
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-auth-confirmed-title-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-auth-confirmed-title-text
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-auth-confirmed-email
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-auth-confirmed-email
    {
        font-size: calc(20 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-auth-change
    {
        width: 100%;
    }
}
.bl_form_contents-auth-change-link
{
    font-weight: bold;
    line-height: 1.4;

    color: #fff;
    background: #565656;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-auth-change-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-auth-change-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);
    }
}
.bl_form_contents-input_area
{
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area
    {
        padding-block: calc(40 / 390 * 100vw);
    }
}
.bl_form_contents-input_area.bl_form_contents-input_area__agreement
{
    padding-bottom: 0; 

    border-top: none;
}
.bl_form_contents-input_area-block
{
    border-bottom: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-block
    {
        padding-bottom: min(calc(48 / 1440 * 100vw), 48px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-block
    {
        padding-bottom: calc(48 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-block:not(:first-of-type)
    {
        padding-top: min(calc(48 / 1440 * 100vw), 48px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-block:not(:first-of-type)
    {
        padding-top: calc(40 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-block.bl_form_contents-input_area-block__agreement
{
    border-bottom: none;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-title
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-title
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-title label
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-title label
    {
        line-height: 1.62222; 

        display: block;
    }
}
.bl_form_contents-input_area-title-num,
.bl_form_contents-input_area-title-text
{
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-title-num,
    .bl_form_contents-input_area-title-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-title-num,
    .bl_form_contents-input_area-title-text
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-title-num
    {
        margin-right: min(calc(2 / 1440 * 100vw), 2px);
    }
}
.bl_form_contents-input_area-title-require-inner
{
    text-wrap: nowrap;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-title-require-inner
    {
        font-size: min(calc(12 / 1440 * 100vw), 12px);
        line-height: 1.16667;

        width: min(calc(40 / 1440 * 100vw), 40px);
        margin-left: min(calc(8 / 1440 * 100vw), 8px); 
        padding: min(calc(2.5 / 1440 * 100vw), 2.5px) min(calc(8 / 1440 * 100vw), 8px) min(calc(3.5 / 1440 * 100vw), 3.5px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-title-require-inner
    {
        font-size: calc(12 / 390 * 100vw);
        line-height: 1.16667;

        width: calc(40 / 390 * 100vw);
        margin-left: calc(8 / 390 * 100vw); 
        padding: calc(2.5 / 390 * 100vw) calc(8 / 390 * 100vw) calc(3.5 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-title-notice
{
    line-height: 1.4; 

    display: block;

    color: #565656;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-title-notice
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        margin-top: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-title-notice
    {
        font-size: calc(14 / 390 * 100vw);

        margin-top: calc(8 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data-error
{
    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data-error
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
        line-height: 1.4;

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data-error
    {
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.4;

        margin-bottom: calc(16 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data-error.is_active
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data-text
    {
        width: min(calc(700 / 1440 * 100vw), 700px);
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data-text
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data-text-select_wrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.bl_form_contents-input_area-data-btn_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data-btn_list
    {
        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data-btn_list
    {
        row-gap: calc(16 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data-btn_list-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.bl_form_contents-input_area-data-btn_list-item-label
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data-btn_list-item-label
    {
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data-btn_list-item-label
    {
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data-btn_list-item-label + input[type='text']
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data-btn_list-item-label + input[type='text']
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data input[type='text'],
.bl_form_contents-input_area-data input[type='email'],
.bl_form_contents-input_area-data input[type='number']
{
    border: solid 1px #c4c4c4;
}
.bl_form_contents-input_area-data input[type='text']::-webkit-input-placeholder,
.bl_form_contents-input_area-data input[type='email']::-webkit-input-placeholder,
.bl_form_contents-input_area-data input[type='number']::-webkit-input-placeholder
{
    color: #b3b3b3;
}
.bl_form_contents-input_area-data input[type='text']::-moz-placeholder,
.bl_form_contents-input_area-data input[type='email']::-moz-placeholder,
.bl_form_contents-input_area-data input[type='number']::-moz-placeholder
{
    color: #b3b3b3;
}
.bl_form_contents-input_area-data input[type='text']:-ms-input-placeholder,
.bl_form_contents-input_area-data input[type='email']:-ms-input-placeholder,
.bl_form_contents-input_area-data input[type='number']:-ms-input-placeholder
{
    color: #b3b3b3;
}
.bl_form_contents-input_area-data input[type='text']::-ms-input-placeholder,
.bl_form_contents-input_area-data input[type='email']::-ms-input-placeholder,
.bl_form_contents-input_area-data input[type='number']::-ms-input-placeholder
{
    color: #b3b3b3;
}
.bl_form_contents-input_area-data input[type='text']::placeholder,
.bl_form_contents-input_area-data input[type='email']::placeholder,
.bl_form_contents-input_area-data input[type='number']::placeholder
{
    color: #b3b3b3;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data input[type='text'],
    .bl_form_contents-input_area-data input[type='email'],
    .bl_form_contents-input_area-data input[type='number']
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
        line-height: 2;

        width: min(calc(700 / 1440 * 100vw), 700px);
        padding: min(calc(7 / 1440 * 100vw), 7px) min(calc(20 / 1440 * 100vw), 20px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data input[type='text'],
    .bl_form_contents-input_area-data input[type='email'],
    .bl_form_contents-input_area-data input[type='number']
    {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.65;

        width: 100%;
        padding: calc(11 / 390 * 100vw) calc(20 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data input[type='text'].is_half,
    .bl_form_contents-input_area-data input[type='email'].is_half,
    .bl_form_contents-input_area-data input[type='number'].is_half
    {
        width: min(calc(350 / 1440 * 100vw), 350px);
    }
}
.bl_form_contents-input_area-data input[type='text'].is_error,
.bl_form_contents-input_area-data input[type='email'].is_error,
.bl_form_contents-input_area-data input[type='number'].is_error
{
    border-color: #c03; 
    background: #fcf2f5;
}
.bl_form_contents-input_area-data input[type='checkbox']
{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.bl_form_contents-input_area-data input[type='checkbox']::before
{
    display: block;
    overflow: hidden;

    content: '';

    border: solid 1px #c4c4c4;
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data input[type='checkbox']::before
    {
        width: min(calc(18 / 1440 * 100vw), 18px);
        height: min(calc(18 / 1440 * 100vw), 18px);

        border-radius: min(calc(2 / 1440 * 100vw), 2px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data input[type='checkbox']::before
    {
        width: calc(18 / 390 * 100vw);
        height: calc(18 / 390 * 100vw);

        border-radius: calc(2 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data input[type='checkbox']:checked::before
{
    color: #fff;
    border-color: #219653; 
    background: #219653 url(/assets/images/checkbox_mark.png) no-repeat center center;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data input[type='checkbox']:checked::before
    {
        background-size: min(calc(10.63 / 1440 * 100vw), 10.63px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data input[type='checkbox']:checked::before
    {
        background-size: calc(10.63 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data input[type='checkbox'].is_error::before
{
    border-color: #c03;
}
.bl_form_contents-input_area-data input[type='radio']
{
    position: relative;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.bl_form_contents-input_area-data input[type='radio']::before,
.bl_form_contents-input_area-data input[type='radio']::after
{
    display: block;
    overflow: hidden;

    content: '';

    border-radius: 50%; 
    background: #fff;
}
.bl_form_contents-input_area-data input[type='radio']::before
{
    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data input[type='radio']::before
    {
        width: min(calc(18 / 1440 * 100vw), 18px);
        height: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data input[type='radio']::before
    {
        width: calc(18 / 390 * 100vw);
        height: calc(18 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data input[type='radio']:checked::before
{
    border-color: #219653;
}
.bl_form_contents-input_area-data input[type='radio']:checked::after
{
    position: absolute;
    top: 50%;
    left: 50%;

    background: #219653; 

    translate: -50% -50%;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data input[type='radio']:checked::after
    {
        width: min(calc(11 / 1440 * 100vw), 11px);
        height: min(calc(11 / 1440 * 100vw), 11px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data input[type='radio']:checked::after
    {
        width: calc(11 / 390 * 100vw);
        height: calc(11 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data input[type='radio'].is_error::before
{
    border-color: #c03;
}
.bl_form_contents-input_area-data textarea
{
    line-height: 2; 

    border: solid 1px #c4c4c4;
}
.bl_form_contents-input_area-data textarea::-webkit-input-placeholder
{
    color: #b3b3b3;
}
.bl_form_contents-input_area-data textarea::-moz-placeholder
{
    color: #b3b3b3;
}
.bl_form_contents-input_area-data textarea:-ms-input-placeholder
{
    color: #b3b3b3;
}
.bl_form_contents-input_area-data textarea::-ms-input-placeholder
{
    color: #b3b3b3;
}
.bl_form_contents-input_area-data textarea::placeholder
{
    color: #b3b3b3;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data textarea
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        width: min(calc(700 / 1440 * 100vw), 700px);
        height: min(calc(232 / 1440 * 100vw), 232px);
        padding: min(calc(7 / 1440 * 100vw), 7px) min(calc(20 / 1440 * 100vw), 20px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data textarea
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        height: calc(240 / 390 * 100vw);
        padding: calc(8 / 390 * 100vw) calc(12 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data textarea.is_error
{
    border-color: #c03; 
    background: #fcf2f5;
}
.bl_form_contents-input_area-data-select_wrap
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data-select_wrap
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data-select_wrap
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data-select_wrap.is_error
{
    border-color: #c03; 
    background: #fcf2f5;
}
.bl_form_contents-input_area-data-select_wrap select
{
    line-height: 1.65;

    color: #b3b3b3; 
    border: none;
    outline: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data-select_wrap select
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding: min(calc(7 / 1440 * 100vw), 7px) min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data-select_wrap select
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(11 / 390 * 100vw) calc(20 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data-select_wrap select.is_error
{
    border-color: #c03; 
    background: #fcf2f5;
}
.bl_form_contents-input_area-data-select_wrap select.selected
{
    color: #000;
}
.bl_form_contents-input_area-data-select_wrap select:valid
{
    color: black;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data-select_wrap + input[type='text']
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data-select_wrap + input[type='text']
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data-select_arrow
{
    display: grid;

    color: #fff;
    background: #c4c4c4; 

    place-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data-select_arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data-select_arrow
    {
        width: calc(20 / 390 * 100vw);
    }
}
.bl_form_contents-input_area-data-select_arrow svg
{
    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-input_area-data-select_arrow svg
    {
        width: min(calc(12 / 1440 * 100vw), 12px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-input_area-data-select_arrow svg
    {
        width: calc(12 / 390 * 100vw);
    }
}
.bl_form_contents-description
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-description
    {
        padding: min(calc(24 / 1440 * 100vw), 24px) min(calc(40 / 1440 * 100vw), 40px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-description
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.bl_form_contents-description-title
{
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-description-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-bottom: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-description-title
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}
.bl_form_contents-description-data-column
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-description-data-column
    {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-description-data-column
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-description-data-column-text_wrap
    {
        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
.bl_form_contents-description-data-column-text
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-description-data-column-text
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-description-data-column-text
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
.bl_form_contents-description-data-column-text:not(:first-of-type)
{
    margin-top: 1lh;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-description-data-column-img
    {
        width: min(calc(70 / 1440 * 100vw), 70px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-description-data-column-img
    {
        width: calc(70 / 390 * 100vw);
    }
}
.bl_form_contents-description-data-content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-description-data-content
    {
        margin-top: min(calc(8 / 1440 * 100vw), 8px);

        row-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-description-data-content
    {
        margin-top: calc(8 / 390 * 100vw);

        row-gap: calc(8 / 390 * 100vw);
    }
}
.bl_form_contents-description-data-content-link
{
    line-height: 1.8;

    text-decoration: underline; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-description-data-content-link
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-description-data-content-link
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
.bl_form_contents-btn
{
    font-weight: bold;

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

    color: #fff;
    background: #c03;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .bl_form_contents-btn
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_form_contents-btn
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.bl_form_contents-btn:disabled
{
    opacity: 1;
    background: #d9d9d9;
}

.bl_mail_address
{
    overflow: hidden;

    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address
    {
        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}
.bl_mail_address-close_text
{
    font-weight: bold;

    background: #fcf2f5;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address-close_text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address-close_text
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
}
.bl_mail_address-close_text.bl_mail_address-close_text__red
{
    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address-inner
    {
        padding: calc(40 / 390 * 100vw) calc(24 / 390 * 100vw) calc(48 / 390 * 100vw);
    }
}
.bl_mail_address-title
{
    font-weight: bold;
    line-height: 1.8;

    background: #e8e8e8;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        padding: min(calc(20 / 1440 * 100vw), 20px) min(calc(16 / 1440 * 100vw), 16px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address-title
    {
        font-size: calc(18 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address-confirm
    {
        padding-inline: min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address-confirm
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}
.bl_mail_address-confirm-inner
{
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address-confirm-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(210 / 1440 * 100vw), 210px);

        margin-inline: auto;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address-confirm-inner
    {
        padding-block: calc(48 / 390 * 100vw);
    }
}
.bl_mail_address-confirm-title
{
    font-weight: normal;
    line-height: 1.4;

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address-confirm-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address-confirm-title
    {
        font-size: min(calc(22 / 390 * 100vw), 22px);

        margin-bottom: min(calc(16 / 390 * 100vw), 16px);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address-confirm-description
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
        line-height: 1.65;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address-confirm-description
    {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.8;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address-confirm_area-block
    {
        margin-block: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address-confirm_area-block
    {
        margin-block: calc(48 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address-confirm_area-title
    {
        margin-bottom: min(calc(14.5 / 1440 * 100vw), 14.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address-confirm_area-title
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address-confirm_area-title label
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}
.bl_mail_address-confirm_area-title-text
{
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address-confirm_area-title-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address-confirm_area-title-text
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
.bl_mail_address-confirm_area-title-require-inner
{
    text-wrap: nowrap;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address-confirm_area-title-require-inner
    {
        font-size: min(calc(12 / 1440 * 100vw), 12px);
        line-height: 1.16667;

        width: min(calc(40 / 1440 * 100vw), 40px);
        margin-left: min(calc(8 / 1440 * 100vw), 8px); 
        padding: min(calc(2.5 / 1440 * 100vw), 2.5px) min(calc(8 / 1440 * 100vw), 8px) min(calc(3.5 / 1440 * 100vw), 3.5px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address-confirm_area-title-require-inner
    {
        font-size: calc(12 / 390 * 100vw);
        line-height: 1.16667;

        width: calc(40 / 390 * 100vw);
        margin-left: calc(8 / 390 * 100vw); 
        padding: calc(2.5 / 390 * 100vw) calc(8 / 390 * 100vw) calc(3.5 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}
.bl_mail_address-confirm_area-data input[type='text']
{
    border: solid 1px #c4c4c4;
}
.bl_mail_address-confirm_area-data input[type='text']::-webkit-input-placeholder
{
    color: #b3b3b3;
}
.bl_mail_address-confirm_area-data input[type='text']::-moz-placeholder
{
    color: #b3b3b3;
}
.bl_mail_address-confirm_area-data input[type='text']:-ms-input-placeholder
{
    color: #b3b3b3;
}
.bl_mail_address-confirm_area-data input[type='text']::-ms-input-placeholder
{
    color: #b3b3b3;
}
.bl_mail_address-confirm_area-data input[type='text']::placeholder
{
    color: #b3b3b3;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address-confirm_area-data input[type='text']
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
        line-height: 2;

        width: min(calc(700 / 1440 * 100vw), 700px);
        padding: min(calc(7 / 1440 * 100vw), 7px) min(calc(20 / 1440 * 100vw), 20px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address-confirm_area-data input[type='text']
    {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.65;

        width: 100%;
        padding: calc(11 / 390 * 100vw) calc(20 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.bl_mail_address-btn
{
    font-weight: bold;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}

.bl_mail_address_ng
{
    overflow: hidden;

    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address_ng
    {
        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address_ng
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address_ng-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address_ng-inner
    {
        padding: calc(40 / 390 * 100vw) calc(24 / 390 * 100vw) calc(48 / 390 * 100vw);
    }
}
.bl_mail_address_ng-title
{
    font-weight: bold;
    line-height: 1.8;

    background: #e8e8e8;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address_ng-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        padding: min(calc(20 / 1440 * 100vw), 20px) min(calc(16 / 1440 * 100vw), 16px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address_ng-title
    {
        font-size: calc(18 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
}
.bl_mail_address_ng-close_text
{
    font-weight: bold;

    background: #fcf2f5;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address_ng-close_text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address_ng-close_text
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
}
.bl_mail_address_ng-close_text.bl_mail_address_ng-close_text__red
{
    color: #c03;
}
.bl_mail_address_ng-error
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #c03;
    background: #fcf2f5;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address_ng-error
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        -webkit-column-gap: min(calc(10 / 1440 * 100vw), 10px);
           -moz-column-gap: min(calc(10 / 1440 * 100vw), 10px);
                column-gap: min(calc(10 / 1440 * 100vw), 10px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address_ng-error
    {
        margin-top: calc(16 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        -webkit-column-gap: calc(10 / 390 * 100vw);
           -moz-column-gap: calc(10 / 390 * 100vw);
                column-gap: calc(10 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address_ng-error-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address_ng-error-icon
    {
        width: calc(24 / 390 * 100vw);
    }
}
.bl_mail_address_ng-error-text
{
    line-height: 1.4; 

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address_ng-error-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address_ng-error-text
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address_ng-confirm
    {
        padding-inline: min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address_ng-confirm
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}
.bl_mail_address_ng-confirm-inner
{
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address_ng-confirm-inner
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address_ng-confirm-inner
    {
        padding-block: calc(48 / 390 * 100vw);
    }
}
.bl_mail_address_ng-confirm-title
{
    font-weight: normal;
    line-height: 1.4;

    text-align: center; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address_ng-confirm-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address_ng-confirm-title
    {
        font-size: min(calc(22 / 390 * 100vw), 22px);

        margin-bottom: min(calc(16 / 390 * 100vw), 16px);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address_ng-confirm-description
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
        line-height: 1.65;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address_ng-confirm-description
    {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.8;
    }
}
.bl_mail_address_ng-btn
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #fff;
    background: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_mail_address_ng-btn
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        max-width: 240px;
        margin: min(calc(32 / 1440 * 100vw), 32px) auto 0; 
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_mail_address_ng-btn
    {
        font-size: calc(16 / 390 * 100vw);

        margin: calc(48 / 390 * 100vw) auto 0; 
        padding: calc(13 / 390 * 100vw);
    }
}

.bl_service_related-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border: solid 1px #c4c4c4; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .bl_service_related-list
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        gap: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_service_related-list
    {
            flex-direction: column;

        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        row-gap: calc(16 / 390 * 100vw);
    }
}
.bl_service_related-list-item-link
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #000;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_service_related-list-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_service_related-list-item-link
    {
        font-size: calc(14 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.bl_service_related-list-item-link-arrow
{
    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_service_related-list-item-link-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_service_related-list-item-link-arrow
    {
        width: calc(16 / 390 * 100vw);
    }
}

.bl_service_contact
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .bl_service_contact
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_service_contact
    {
        margin-top: calc(40 / 390 * 100vw);
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.bl_service_contact-title
{
    font-weight: bold;
    line-height: 1.65; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .bl_service_contact-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_service_contact-title
    {
        font-size: calc(24 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_service_contact-text
    {
        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_service_contact-text
    {
        line-height: 1.65;
    }
}
.bl_service_contact-btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .bl_service_contact-btn
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_service_contact-btn
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.bl_service_contact-btn-link
{
    font-weight: bold;

    display: block;

    color: #fff;
    background: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_service_contact-btn-link
    {
        width: min(calc(400 / 1440 * 100vw), 400px);
        padding: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_service_contact-btn-link
    {
        width: 100%;
        padding: calc(16 / 390 * 100vw);
    }
}
.bl_service_contact-btn-link-text_sub
{
    line-height: 1.65;

    display: block;

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .bl_service_contact-btn-link-text_sub
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_service_contact-btn-link-text_sub
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
.bl_service_contact-btn-link-text
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_service_contact-btn-link-text
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_service_contact-btn-link-text
    {
        font-size: calc(24 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.bl_service_contact-btn-link-text-arrow
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .bl_service_contact-btn-link-text-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_service_contact-btn-link-text-arrow
    {
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .bl_service_whats_imagica_geeq
    {
        display: grid;

        grid-template: 'title title' auto 'texts logo' auto/auto min(calc(265 / 1440 * 100vw), 265px);
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (min-width: 768px)
{
    .bl_service_whats_imagica_geeq-title
    {
        grid-area: title;
    }
}

@media only screen and (min-width: 768px)
{
    .bl_service_whats_imagica_geeq-texts
    {
        grid-area: texts;
    }
}

.bl_service_whats_imagica_geeq-texts > *:not(:first-child)
{
    margin-top: 1lh;
}

@media only screen and (min-width: 768px)
{
    .bl_service_whats_imagica_geeq-logo
    {
        grid-area: logo;
    }
}

@media only screen and (max-width: 767px)
{
    .bl_service_whats_imagica_geeq-logo
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .bl_service_whats_imagica_geeq-logo img
    {
        width: 100%;
    }
}

.bl_help_related-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border: solid 1px #c4c4c4; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_help_related-list
    {
        padding: min(calc(24 / 1440 * 100vw), 24px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_help_related-list
    {
            flex-direction: column;

        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        row-gap: calc(16 / 390 * 100vw);
    }
}
.bl_help_related-list-item-link
{
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #000; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_help_related-list-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_help_related-list-item-link
    {
        font-size: calc(14 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.bl_help_related-list-item-link-arrow
{
    display: block;

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_help_related-list-item-link-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_help_related-list-item-link-arrow
    {
        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .bl_new_arrivals,
    .bl_recently
    {
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.bl_new_arrivals-list,
.bl_recently-list
{
    border-top: solid 1px #c4c4c4;
}
.bl_new_arrivals-list-item,
.bl_recently-list-item
{
    border-bottom: solid 1px #c4c4c4;
}
.bl_new_arrivals-list-item-link,
.bl_recently-list-item-link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #979797; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (min-width: 768px)
{
    .bl_new_arrivals-list-item-link,
    .bl_recently-list-item-link
    {
        padding: min(calc(8 / 1440 * 100vw), 8px) min(calc(8 / 1440 * 100vw), 8px) min(calc(8 / 1440 * 100vw), 8px) 0;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_new_arrivals-list-item-link,
    .bl_recently-list-item-link
    {
        padding: calc(12 / 390 * 100vw) calc(8 / 390 * 100vw) calc(12 / 390 * 100vw) 0;
    }
}
.bl_new_arrivals-list-item-data,
.bl_recently-list-item-data
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .bl_new_arrivals-list-item-data,
    .bl_recently-list-item-data
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_new_arrivals-list-item-data,
    .bl_recently-list-item-data
    {
        font-size: calc(13 / 390 * 100vw);

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_new_arrivals-list-item-arrow,
    .bl_recently-list-item-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_new_arrivals-list-item-arrow,
    .bl_recently-list-item-arrow
    {
        width: calc(20 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .bl_new_arrivals-more,
    .bl_recently-more
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .bl_new_arrivals-more,
    .bl_recently-more
    {
        margin-top: calc(16 / 390 * 100vw); 

        padding-inline: 0 calc(8 / 390 * 100vw);
    }
}

.bl_new_arrivals-list-item-upper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_new_arrivals-list-item-upper
    {
        margin-bottom: min(calc(4 / 1440 * 100vw), 4px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_new_arrivals-list-item-upper
    {
        margin-bottom: calc(4 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}

.bl_new_arrivals-list-item-time
{
    font-family: 'Inter', sans-serif;
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .bl_new_arrivals-list-item-time
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_new_arrivals-list-item-time
    {
        font-size: calc(13 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .bl_new_arrivals-list-item-publish
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
        line-height: 1.42857;
    }
}

@media only screen and (max-width: 767px)
{
    .bl_new_arrivals-list-item-publish
    {
        font-size: calc(13 / 390 * 100vw);
        line-height: 1.53846;
    }
}

.bl_new_arrivals-list-item-type
{
    line-height: 1.4; 

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .bl_new_arrivals-list-item-type
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-bottom: min(calc(2 / 1440 * 100vw), 2px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_new_arrivals-list-item-type
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(2 / 390 * 100vw);
    }
}

.bl_recently-list-item-title
{
    color: #000;
}
@media only screen and (min-width: 768px)
{
    .bl_recently-list-item-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-bottom: min(calc(2 / 1440 * 100vw), 2px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_recently-list-item-title
    {
        font-size: calc(14 / 390 * 100vw);

        margin-bottom: calc(2 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .bl_recently-list-item-data
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}

@media only screen and (max-width: 767px)
{
    .bl_recently-list-item-data
    {
        font-size: calc(12 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .bl_popular
    {
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.bl_popular-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .bl_popular-list
    {
        gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_popular-list
    {
        gap: calc(8 / 390 * 100vw);
    }
}
.bl_popular-list-item-link
{
    line-height: 1.4;

    color: #000;
    border: solid 1px #c4c4c4;
    background: #e8e8e8;
}
@media only screen and (min-width: 768px)
{
    .bl_popular-list-item-link
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(8 / 1440 * 100vw), 8px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_popular-list-item-link
    {
        font-size: calc(13 / 390 * 100vw);

        padding: calc(8 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .bl_feature_company,
    .bl_service,
    .bl_recommended
    {
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.bl_feature_company-list,
.bl_service-list,
.bl_recommended-list
{
    border-top: solid 1px #c4c4c4;
}
.bl_feature_company-list-item,
.bl_service-list-item,
.bl_recommended-list-item
{
    border-bottom: solid 1px #c4c4c4;
}
.bl_feature_company-list-item-link,
.bl_service-list-item-link,
.bl_recommended-list-item-link
{
    font-family: 'Inter', sans-serif;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #000; 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_feature_company-list-item-link,
    .bl_service-list-item-link,
    .bl_recommended-list-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
        line-height: 1.5;

        padding: min(calc(8 / 1440 * 100vw), 8px) min(calc(16 / 1440 * 100vw), 16px) min(calc(8 / 1440 * 100vw), 8px) 0;

        -webkit-transition: color .3s;
                transition: color .3s;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_feature_company-list-item-link,
    .bl_service-list-item-link,
    .bl_recommended-list-item-link
    {
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.71429;

        padding: calc(8 / 390 * 100vw) calc(16 / 390 * 100vw) calc(8 / 390 * 100vw) 0;

        -webkit-transition: color .3s;
                transition: color .3s;
    }
}
.bl_feature_company-list-item-link:hover,
.bl_service-list-item-link:hover,
.bl_recommended-list-item-link:hover
{
    opacity: 1;
    color: #c03;
}
.bl_feature_company-list-item-arrow,
.bl_service-list-item-arrow,
.bl_recommended-list-item-arrow
{
    -webkit-transition: color .3s;
            transition: color .3s; 

    color: #979797;
}
@media only screen and (min-width: 768px)
{
    .bl_feature_company-list-item-arrow,
    .bl_service-list-item-arrow,
    .bl_recommended-list-item-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_feature_company-list-item-arrow,
    .bl_service-list-item-arrow,
    .bl_recommended-list-item-arrow
    {
        width: calc(20 / 390 * 100vw);
    }
}
.bl_feature_company-list-item:hover .bl_feature_company-list-item-arrow,
.bl_feature_company-list-item:hover .bl_service-list-item-arrow,
.bl_feature_company-list-item:hover .bl_recommended-list-item-arrow,
.bl_service-list-item:hover .bl_feature_company-list-item-arrow,
.bl_service-list-item:hover .bl_service-list-item-arrow,
.bl_service-list-item:hover .bl_recommended-list-item-arrow,
.bl_recommended-list-item-link:hover .bl_feature_company-list-item-arrow,
.bl_recommended-list-item-link:hover .bl_service-list-item-arrow,
.bl_recommended-list-item-link:hover .bl_recommended-list-item-arrow
{
    color: inherit;
}

@media only screen and (max-width: 767px)
{
    .bl_side_banners
    {
        padding-inline: calc(21 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.bl_side_banners-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .bl_side_banners-list
    {
        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_side_banners-list
    {
        row-gap: calc(16 / 390 * 100vw);
    }
}
.bl_side_banners-list-item-link
{
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .bl_side_banners-list-item-link
    {
        border-radius: min(calc(9.23 / 1440 * 100vw), 9.23px);
        -webkit-box-shadow: 0 min(calc(4.62 / 1440 * 100vw), 4.62px) min(calc(9.23 / 1440 * 100vw), 9.23px) rgba(0, 0, 0, .15);
                box-shadow: 0 min(calc(4.62 / 1440 * 100vw), 4.62px) min(calc(9.23 / 1440 * 100vw), 9.23px) rgba(0, 0, 0, .15);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_side_banners-list-item-link
    {
        border-radius: calc(8 / 390 * 100vw);
        -webkit-box-shadow: 0 calc(4.62 / 390 * 100vw) calc(9.23 / 390 * 100vw) rgba(0, 0, 0, .15);
                box-shadow: 0 calc(4.62 / 390 * 100vw) calc(9.23 / 390 * 100vw) rgba(0, 0, 0, .15);
    }
}

@media only screen and (min-width: 768px)
{
    .ly_inner
    {
        width: 100%;
        max-width: 1440px;

        padding-inline: min(calc(80 / 1440 * 100vw), 80px);
        margin-inline: auto;
    }
}

@media only screen and (min-width: 768px)
{
    .ly_column
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

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

@media only screen and (min-width: 768px)
{
    .ly_column-main
    {
        width: min(calc(916 / 1440 * 100vw), 916px);
    }
}

@media only screen and (min-width: 768px)
{
    .ly_column-main.ly_column-main__940
    {
        width: min(calc(940 / 1440 * 100vw), 940px);
    }
}

.ly_column-side
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .ly_column-side
    {
        width: min(calc(332 / 1440 * 100vw), 332px); 

        row-gap: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_column-side
    {
        margin-top: calc(24 / 390 * 100vw); 

        row-gap: calc(40 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .ly_column-side.ly_column-side__300
    {
        width: min(calc(300 / 1440 * 100vw), 300px);
    }
}

@media only screen and (min-width: 768px)
{
    .el_header-logo
    {
        width: min(calc(82 / 1440 * 100vw), 82px);
        padding: min(calc(11.5 / 1440 * 100vw), 11.5px) 0 min(calc(12.5 / 1440 * 100vw), 12.5px) min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .el_header-logo
    {
        width: calc(72 / 390 * 100vw);
        padding: calc(9.5 / 390 * 100vw) 0 calc(10.5 / 390 * 100vw) calc(16 / 390 * 100vw);
    }
}

.el_header-logo img
{
    display: block;
}

.el_header-logo_text
{
    font-weight: bold;
}
@media only screen and (min-width: 768px)
{
    .el_header-logo_text
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
        line-height: 1.42857;
    }
}

.ly_header
{
    position: fixed;
    z-index: 10000;
    top: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    border-bottom: solid 1px #e8e8e8; 
    background: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .ly_headerWrap
    {
        padding-top: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_headerWrap
    {
        padding-top: calc(73 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .ly_header
    {
        height: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_header
    {
        z-index: 10002;
    }
}
.ly_header-logo_area
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100%; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .ly_header-logo_area
    {
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (min-width: 768px)
{
    .ly_header-logo_text
    {
        width: min(calc(168 / 1440 * 100vw), 168px);
    }
}

.el_nav-keep
{
    font-weight: bold;
}
@media only screen and (min-width: 768px)
{
    .el_nav-keep
    {
        font-size: min(calc(12 / 1440 * 100vw), 12px);
    }
}

@media only screen and (min-width: 768px)
{
    .el_nav-user_status
    {
        position: relative;

        width: min(calc(88 / 1440 * 100vw), 88px);
        height: min(calc(88 / 1440 * 100vw), 88px);
    }
}

@media only screen and (max-width: 767px)
{
    .el_nav-user_status
    {
        -webkit-box-sizing: content-box;
                box-sizing: content-box;
        width: calc(162 / 390 * 100vw);
        padding: calc(7.5 / 390 * 100vw) calc(8 / 390 * 100vw) calc(8.5 / 390 * 100vw) 0;
    }
}

@media only screen and (max-width: 767px)
{
    .el_nav-user_status-btn.el_nav-user_status-btn__sp
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        padding: calc(8 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .el_nav-user_status-btn.el_nav-user_status-btn__sp .el_nav-user_status-btn-icon
    {
        display: block;

        width: calc(24 / 390 * 100vw);
        height: calc(24 / 390 * 100vw);
        padding: calc(2.5 / 390 * 100vw) calc(2.36 / 390 * 100vw) calc(1.86 / 390 * 100vw) calc(2 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
    .el_nav-user_status-btn.el_nav-user_status-btn__sp .el_nav-user_status-btn-icon svg
    {
        color: #fff;

        -o-object-fit: contain;
           object-fit: contain;
    }
    .el_nav-user_status-btn.el_nav-user_status-btn__sp .el_nav-user_status-btn-icon__guest
    {
        background: #c03;
    }
    .el_nav-user_status-btn.el_nav-user_status-btn__sp .el_nav-user_status-btn-icon__light
    {
        background: #64809e;
    }
    .el_nav-user_status-btn.el_nav-user_status-btn__sp .el_nav-user_status-btn-icon__mypage
    {
        background: #b09850;
    }
    .el_nav-user_status-btn.el_nav-user_status-btn__sp .el_nav-user_status-btn-text
    {
        font-size: calc(10 / 390 * 100vw);
        font-weight: bold;
        line-height: 1.2;

        padding: calc(8 / 390 * 100vw);
    }
    .el_nav-user_status-btn.el_nav-user_status-btn__sp .el_nav-user_status-btn-arrow
    {
        display: block;

        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
        margin-left: auto;

        color: #fff;
        border-radius: 50%;
        background: #000;

        rotate: 90deg;
    }
}

@media only screen and (max-width: 767px)
{
    .el_nav-user_status-btn.el_nav-user_status-btn__guest
    {
        background: #f8f8f8;
    }
}

@media only screen and (max-width: 767px)
{
    .el_nav-user_status-btn.el_nav-user_status-btn__light
    {
        background: #deecf6;
    }
}

@media only screen and (max-width: 767px)
{
    .el_nav-user_status-btn.el_nav-user_status-btn__mypage
    {
        background: #f2ecd6;
    }
}

.ly_nav_wrap
{
    position: relative;

    height: 100%;
    margin-left: auto;
}

.ly_nav
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .ly_nav
    {
        height: 100%;
    }
}

.ly_nav-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .ly_nav-list
    {
        -webkit-column-gap: min(calc(32 / 1440 * 100vw), 32px);
           -moz-column-gap: min(calc(32 / 1440 * 100vw), 32px);
                column-gap: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_nav-list
    {
        display: none;
    }
}
.ly_nav-list-item-link
{
    font-weight: bold; 

    position: relative;

    display: grid;

    color: #282828;

    place-items: center;
}
@media only screen and (min-width: 768px)
{
    .ly_nav-list-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        height: min(calc(64 / 1440 * 100vw), 64px);
    }
}
.ly_nav-list-item-link::after
{
    position: absolute;
    bottom: 0;

    display: block;

    width: 100%; 

    content: '';

    background: transparent;
}
@media only screen and (min-width: 768px)
{
    .ly_nav-list-item-link::after
    {
        height: min(calc(2 / 1440 * 100vw), 2px);
    }
}
.ly_nav-list-item-link:hover::after,
.ly_nav-list-item-link.is_active::after
{
    background: #c03;
}

@media only screen and (min-width: 768px)
{
    .ly_nav-keep
    {
        margin-left: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .ly_nav-keep
    {
        display: none;
    }
}

.ly_nav-keep-inner
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    height: 100%;

    color: #000; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ly_nav-keep-icon,
.ly_nav-keep-red_check
{
    display: block;
}

.ly_nav-keep-icon
{
    width: min(calc(24 / 1440 * 100vw), 24px);
}

.ly_nav-keep-red_check
{
    position: absolute;
    top: min(calc(4 / 1440 * 100vw), 4px);
    right: calc(50% - min(calc(10 / 1440 * 100vw), 10px) - min(calc(28 / 1440 * 100vw), 28px));

    width: min(calc(20 / 1440 * 100vw), 20px);
}

@media only screen and (min-width: 768px)
{
    .ly_nav-user_status
    {
        margin-left: min(calc(22 / 1440 * 100vw), 22px);
    }
}

@media only screen and (min-width: 768px)
{
    .ly_nav-user_status-btn:hover
    {
        cursor: pointer;
    }
}

@media only screen and (min-width: 768px)
{
    .ly_user_status-content
    {
        position: absolute;
        top: 100%;
        right: 0;

        display: none;

        padding: min(calc(8 / 1440 * 100vw), 8px) min(calc(8 / 1440 * 100vw), 8px) 0 0;
    }
    .ly_nav-user_status:hover .ly_user_status-content
    {
        display: block;
    }
}

@media only screen and (max-width: 767px)
{
    .ly_user_status-content
    {
        position: fixed;
        right: 0;
        bottom: 100%;
        left: 0;

        overflow: auto;

        width: 100%;
        height: calc(100% - calc(73 / 390 * 100vw));

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

        background: #fff;
    }
}

@media only screen and (max-width: 767px)
{
    .ly_user_status-content.is_open
    {
        bottom: 0;
    }
}

.ly_user_status-content-status
{
    font-size: calc(16 / 390 * 100vw);
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    border-bottom: solid 1px #c4c4c4; 

    padding-block: calc(12 / 390 * 100vw) calc(13 / 390 * 100vw);
}
.ly_user_status-content-status.ly_user_status-content-status__guest
{
    background: #e8e8e8;
}
.ly_user_status-content-status.ly_user_status-content-status__light
{
    border-bottom: solid 1px #98b4d4; 
    background: #deecf6;
}
.ly_user_status-content-status.ly_user_status-content-status__mypage
{
    background: #f2ecd6;
}

@media only screen and (min-width: 768px)
{
    .ly_user_status-content-inner
    {
        width: min(calc(240 / 1440 * 100vw), 240px);
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}

@media only screen and (max-width: 767px)
{
    .ly_user_status-content-inner
    {
        padding: calc(12 / 390 * 100vw) calc(16 / 390 * 100vw) calc(13 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
}

.ly_user_status-content.ly_user_status-content__guest .ly_user_status-content-inner
{
    background: #e8e8e8;
}

.ly_user_status-content.ly_user_status-content__light .ly_user_status-content-inner
{
    background: #deecf6;
}

.ly_user_status-content.ly_user_status-content__mypage .ly_user_status-content-inner
{
    background: #f2ecd6;
}

.ly_user_status-content-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .ly_user_status-content-inner
    {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_user_status-content-inner
    {
        border-bottom: solid 1px #c4c4c4; 

        row-gap: calc(16 / 390 * 100vw);
    }
}

.ly_user_status-content-block
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .ly_user_status-content-block
    {
        row-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_user_status-content-block
    {
        row-gap: calc(16 / 390 * 100vw);
    }
}

.ly_user_status-content-text
{
    font-weight: bold;
}
@media only screen and (min-width: 768px)
{
    .ly_user_status-content-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}

.ly_user_status-content-link
{
    font-weight: bold;
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    text-align: center; 

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .ly_user_status-content-link
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(8 / 1440 * 100vw), 8px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_user_status-content-link
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(8 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.ly_user_status-content-link.ly_user_status-content-link__status_up
{
    color: #fff;
    background: #c03;
}
.ly_user_status-content-link.ly_user_status-content-link__to_page
{
    color: #000;
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .ly_user_status-content-link svg
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_user_status-content-link svg
    {
        width: calc(20 / 390 * 100vw);
    }
}

.ly_user_status-content-what_status
{
    border-bottom: solid 1px #c4c4c4;
}
.ly_user_status-content-what_status-link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: calc(8 / 390 * 100vw) calc(16 / 390 * 100vw) calc(9 / 390 * 100vw) calc(24 / 390 * 100vw); 

    color: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ly_user_status-content-what_status-link-text
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.ly_user_status-content-what_status-link svg
{
    width: calc(20 / 390 * 100vw);
}

.bl_job_article_card
{
    position: relative;

    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card
    {
        padding-block: min(calc(24 / 1440 * 100vw), 24px) min(calc(32 / 1440 * 100vw), 32px);
        margin-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card
    {
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        margin-inline: calc(24 / 390 * 100vw);
        margin-block: calc(24 / 390 * 100vw);
    }
}
.bl_job_article_card.is_private::before
{
    display: block;

    content: '';

    background: url(/assets/images/img_private_mark.png) no-repeat 0 0/contain;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card.is_private::before
    {
        position: absolute;
        top: max(calc(-8 / 1440 * 100vw), -8px);
        right: min(calc(27 / 1440 * 100vw), 27px);

        width: min(calc(70 / 1440 * 100vw), 70px);
        height: min(calc(71 / 1440 * 100vw), 71px);
    }
}
.bl_job_article_card-info
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-info
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(13 / 1440 * 100vw), 13px);
           -moz-column-gap: min(calc(13 / 1440 * 100vw), 13px);
                column-gap: min(calc(13 / 1440 * 100vw), 13px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-info
    {
        position: relative;

        margin-bottom: calc(16 / 390 * 100vw); 

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-column-gap: calc(13 / 390 * 100vw);
           -moz-column-gap: calc(13 / 390 * 100vw);
                column-gap: calc(13 / 390 * 100vw);
    }
}
.bl_job_article_card-info::before
{
    display: block;

    content: '';

    border-radius: 100vmax; 
    background: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-info::before
    {
        width: min(calc(40 / 1440 * 100vw), 40px);
        height: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-info::before
    {
        position: absolute;
        top: calc(-8 / 390 * 100vw);
        left: 0;

        width: calc(40 / 390 * 100vw);
        height: calc(4 / 390 * 100vw);
    }
}
.bl_job_article_card-info-No,
.bl_job_article_card-info-update
{
    line-height: 1.4; 

    color: #565656;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-info-No,
    .bl_job_article_card-info-update
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-info-No,
    .bl_job_article_card-info-update
    {
        font-size: calc(12 / 390 * 100vw);
    }
}
.bl_job_article_card-info-tag_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-info-tag_list
    {
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-info-tag_list
    {
        width: 100%;
        margin-top: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.bl_job_article_card-info-tag_list-item
{
    line-height: 1.4;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-info-tag_list-item
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(5 / 1440 * 100vw), 5px) min(calc(15 / 1440 * 100vw), 15px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-info-tag_list-item
    {
        font-size: calc(12 / 390 * 100vw);

        padding: calc(3.5 / 390 * 100vw) calc(12 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}
.bl_job_article_card-overview
{
    font-weight: bold;
    line-height: 1.4; 

    width: 100%;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-overview
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        margin-bottom: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-overview
    {
        font-size: calc(14 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}
.bl_job_article_card-title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-title
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-title
    {
            flex-direction: column;

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(8 / 390 * 100vw);
    }
}
.bl_job_article_card-title-employment-text
{
    font-weight: 500;
    line-height: 1.4;

    color: #fff;
    background: #282828;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-title-employment-text
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(5 / 1440 * 100vw), 5px) min(calc(8 / 1440 * 100vw), 8px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-title-employment-text
    {
        font-size: calc(12 / 390 * 100vw);

        padding: calc(3.5 / 390 * 100vw) calc(6 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}
.bl_job_article_card-title-text
{
    font-weight: bold;
    line-height: 1.4; 

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-title-text
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-title-text
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
.bl_job_article_card-summary-text
{
    display: -webkit-box; 
    overflow: hidden;

    -webkit-box-orient: vertical;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-summary-text
    {
        -webkit-line-clamp: 1;
                line-clamp: 1;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-summary-text
    {
        display: -webkit-inline-box;

        max-width: 100%; 

        -webkit-line-clamp: 2;
                line-clamp: 2;
    }
}
.bl_job_article_card-summary-text.is_open
{
    display: block;
}
.bl_job_article_card-summary-continue_btn
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #979797;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-summary-continue_btn
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(8 / 1440 * 100vw), 8px); 

        cursor: pointer;

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-summary-continue_btn
    {
        font-size: calc(14 / 390 * 100vw);

        margin-top: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.bl_job_article_card-summary-continue_btn.is_hide
{
    display: none;
}
.bl_job_article_card-summary-continue_btn-arrow
{
    display: block;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-summary-continue_btn-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-summary-continue_btn-arrow
    {
        width: calc(16 / 390 * 100vw);
    }
}
.bl_job_article_card-summary-continue_btn.is_open .bl_job_article_card-summary-continue_btn-arrow
{
    rotate: -90deg;
}
.bl_job_article_card-data
{
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-data
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 
        padding-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data
    {
        margin-top: calc(16 / 390 * 100vw); 
        padding-top: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-data-list
    {
        display: grid;

        grid-template-columns: min(calc(100 / 1440 * 100vw), 100px) 1fr;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-data-list-title,
    .bl_job_article_card-data-list-data
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
        line-height: 1.4;

        padding-block: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-list-title,
    .bl_job_article_card-data-list-data
    {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.4;
    }
}
.bl_job_article_card-data-list-title
{
    font-weight: bold;
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-list-title
    {
        margin-bottom: calc(8 / 390 * 100vw);
    }
}
.bl_job_article_card-data-list-data
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-data-list-data
    {
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-list-data
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-list-data:not(:last-of-type)
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}
.bl_job_article_card-data-list-data p
{
    line-height: inherit;
}
.bl_job_article_card-data-detail
{
    position: relative;

    overflow: hidden;

    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-data-detail
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px); 
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(16 / 1440 * 100vw), 16px) min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-detail
    {
        margin-top: calc(16 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw) calc(16 / 390 * 100vw) calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.bl_job_article_card.is_private:not(.is_mypage_user) .bl_job_article_card-data-detail::before
{
    position: absolute;
    z-index: 1;

    display: block;

    content: '';

    background: rgba(252, 246, 224, .7);

    inset: 0;
    backdrop-filter: blur(6px);
}
.bl_job_article_card-data-detail-title,
.bl_job_article_card-data-detail-contents
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-data-detail-title,
    .bl_job_article_card-data-detail-contents
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-detail-title,
    .bl_job_article_card-data-detail-contents
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.bl_job_article_card-data-detail-title
{
    font-weight: bold;
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-detail-title
    {
        margin-bottom: calc(10 / 390 * 100vw);
    }
}
.bl_job_article_card-data-detail-contents
{
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
            line-clamp: 7;
}
.bl_job_article_card-data-detail-contents.is_open
{
    display: block;
}
.bl_job_article_card-data-detail-btn
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    cursor: pointer;

    color: #979797;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-data-detail-btn
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(10 / 1440 * 100vw), 10px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-detail-btn
    {
        font-size: calc(14 / 390 * 100vw);

        margin-top: calc(10 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.bl_job_article_card-data-detail-btn-arrow
{
    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-data-detail-btn-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-detail-btn-arrow
    {
        width: calc(16 / 390 * 100vw);
    }
}
.bl_job_article_card-data-detail-btn.is_open .bl_job_article_card-data-detail-btn-arrow
{
    rotate: -90deg;
}
.bl_job_article_card-data-detail-private
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    translate: -50% -50%;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-data-detail-private
    {
        row-gap: min(calc(15 / 1440 * 100vw), 15px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-detail-private
    {
        row-gap: calc(15 / 390 * 100vw);
    }
}
.bl_job_article_card-data-detail-private-text
{
    font-weight: bold;
    line-height: 1.4;

    position: relative;

    border-radius: 100vmax; 
    background: #d8c68c;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-data-detail-private-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding: min(calc(8 / 1440 * 100vw), 8px) min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-detail-private-text
    {
        font-size: calc(14 / 390 * 100vw);

        width: calc(200 / 390 * 100vw);
        padding: calc(8 / 390 * 100vw) calc(16 / 390 * 100vw); 

        text-align: center;
    }
}
.bl_job_article_card-data-detail-private-text::before
{
    position: absolute;
    bottom: 0;
    left: 50%;

    display: block;

    width: 0;
    height: 0;

    content: '';

    translate: -50% 50%;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-data-detail-private-text::before
    {
        border-top: solid min(calc(13 / 1440 * 100vw), 13px) #d8c68c;
        border-right: solid min(calc(12 / 1440 * 100vw), 12px) transparent; 
        border-left: solid min(calc(12 / 1440 * 100vw), 12px) transparent;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-detail-private-text::before
    {
        border-top: solid calc(13 / 390 * 100vw) #d8c68c;
        border-right: solid calc(12 / 390 * 100vw) transparent; 
        border-left: solid calc(12 / 390 * 100vw) transparent;
    }
}
.bl_job_article_card-data-detail-private-btn
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #fff;
    background: #565656;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-data-detail-private-btn
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(300 / 1440 * 100vw), 300px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-data-detail-private-btn
    {
        font-size: calc(16 / 390 * 100vw);

        width: calc(176 / 390 * 100vw);
        padding: calc(13 / 390 * 100vw) calc(8 / 390 * 100vw);
    }
}
.bl_job_article_card-btns
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-btns
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-btns
    {
            flex-direction: column;

        margin-top: calc(16 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(16 / 390 * 100vw);
    }
}
.bl_job_article_card-btns-keep
{
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #000;
    border: solid 1px #c4c4c4; 
    background: #efefef;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-btns-keep
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-btns-keep
    {
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.bl_job_article_card-btns-keep-icon
{
    color: var(--bookmark-icon-color); 

    --bookmark-icon-color: currentColor;
    --bookmark-inner-color: transparent;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-btns-keep-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-btns-keep-icon
    {
        width: calc(20 / 390 * 100vw);
    }
}
.bl_job_article_card-btns-keep-icon svg
{
    fill: currentColor;
}
.bl_job_article_card-btns-keep.is_keep .bl_job_article_card-btns-keep-icon
{
    --bookmark-icon-color: #c03;
    --bookmark-inner-color: #c03;
}
.bl_job_article_card-btns-to_detail-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #fff;
    background: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-btns-to_detail-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
.bl_job_article_card-keep-modal
{
    display: none;
}
.bl_job_article_card-keep-modal.is_block
{
    display: block;
}
.bl_job_article_card-keep-modal-overray
{
    position: fixed;
    z-index: 10002;

    background: rgba(0, 0, 0, .6); 

    inset: 0;
}
.bl_job_article_card-keep-modal-inner
{
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;

    -webkit-box-sizing: border-box;
            box-sizing: border-box; 

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

    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-keep-modal-inner
    {
        width: min(calc(940 / 1440 * 100vw), 940px);
        padding: min(calc(32 / 1440 * 100vw), 32px);

        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-keep-modal-inner
    {
        width: calc(358 / 390 * 100vw);
        padding: calc(24 / 390 * 100vw);

        border-radius: calc(16 / 390 * 100vw);
    }
}
.bl_job_article_card-keep-modal-close
{
    position: absolute;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    cursor: pointer; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-keep-modal-close
    {
        top: min(calc(20 / 1440 * 100vw), 20px);
        right: min(calc(20 / 1440 * 100vw), 20px);

        width: min(calc(24 / 1440 * 100vw), 24px);
        height: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-keep-modal-close
    {
        top: calc(-40 / 390 * 100vw);
        right: calc(0 / 390 * 100vw);

        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);

        color: #fff;
    }
}
.bl_job_article_card-keep-modal-title
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-keep-modal-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-keep-modal-title
    {
        font-size: calc(24 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.bl_job_article_card-keep-modal-text
{
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-keep-modal-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-bottom: min(calc(24 / 1440 * 100vw), 24px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-keep-modal-text
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.bl_job_article_card-keep-modal-btn
{
    font-weight: bold;

    display: block;

    text-align: center;

    color: #fff;
    background: #c03; 

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .bl_job_article_card-keep-modal-btn
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px) min(calc(24 / 1440 * 100vw), 24px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_job_article_card-keep-modal-btn
    {
        width: 100%;
    }
}

.el_breadcrumb_arrow
{
    display: block;

    width: min(calc(16 / 1440 * 100vw), 16px); 

    color: #979797;
}

@media only screen and (min-width: 768px)
{
    .bl_breadcrumb
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        padding: min(calc(8 / 1440 * 100vw), 8px) min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}

@media only screen and (max-width: 767px)
{
    .bl_breadcrumb
    {
        display: none;
    }
}

.bl_breadcrumb-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
       -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
            column-gap: min(calc(4 / 1440 * 100vw), 4px);
}
.bl_breadcrumb-item-link
{
    font-size: min(calc(14 / 1440 * 100vw), 14px);
    line-height: 1.8; 

    color: #000;
}

.bl_pagination_area-pagination
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_pagination_area-pagination
    {
        -webkit-column-gap: min(calc(16 / 1440 * 100vw), 16px);
           -moz-column-gap: min(calc(16 / 1440 * 100vw), 16px);
                column-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_pagination_area-pagination
    {
        -webkit-column-gap: calc(16 / 390 * 100vw);
           -moz-column-gap: calc(16 / 390 * 100vw);
                column-gap: calc(16 / 390 * 100vw);
    }
}
.bl_pagination_area-pagination-item-link,
.bl_pagination_area-pagination-item-mark
{
    font-weight: bold; 

    display: grid;

    place-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_pagination_area-pagination-item-link,
    .bl_pagination_area-pagination-item-mark
    {
        width: min(calc(32 / 1440 * 100vw), 32px);
        height: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_pagination_area-pagination-item-link,
    .bl_pagination_area-pagination-item-mark
    {
        width: calc(32 / 390 * 100vw);
        height: calc(32 / 390 * 100vw);
    }
}
.bl_pagination_area-pagination-item-link
{
    color: #000;
    border-radius: 50%;
}
@media only screen and (min-width: 768px)
{
    .bl_pagination_area-pagination-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_pagination_area-pagination-item-link
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.bl_pagination_area-pagination-item-link.is_current
{
    color: #fff;
    background: #565656;
}
.bl_pagination_area-pagination-item-mark
{
    color: #979797;
}
.bl_pagination_area-pagination-item.bl_pagination_area-pagination-item__prev .bl_pagination_area-pagination-item-mark
{
    rotate: 180deg;
}
@media only screen and (min-width: 768px)
{
    a.bl_pagination_area-pagination-item-mark
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    a.bl_pagination_area-pagination-item-mark
    {
        width: calc(20 / 390 * 100vw);
    }
}
span.bl_pagination_area-pagination-item-mark
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    span.bl_pagination_area-pagination-item-mark
    {
        width: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    span.bl_pagination_area-pagination-item-mark
    {
        width: calc(32 / 390 * 100vw);
    }
}

.bl_list_more
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .bl_list_more
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_list_more
    {
        margin-inline: calc(24 / 390 * 100vw);
    }
}
.bl_list_more-link
{
    font-weight: bold;
    line-height: 1.4;

    position: relative;

    text-decoration: none;

    color: #c03;
    border: solid 1px #c03;
    background: #fff;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .bl_list_more-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px) min(calc(48 / 1440 * 100vw), 48px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_list_more-link
    {
        width: 100%;
    }
}
.bl_list_more-link-arrow
{
    position: absolute;
    top: 50%;
    right: min(calc(16 / 1440 * 100vw), 16px);

    display: block;

    translate: 0 -50%;
    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .bl_list_more-link-arrow
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}

.bl_bnrlist
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .bl_bnrlist
    {
        row-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_bnrlist
    {
        row-gap: calc(16 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}
.bl_bnrlist-item-link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    background: #fff; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_bnrlist-item-link
    {
        padding: min(calc(28 / 1440 * 100vw), 28px) min(calc(35 / 1440 * 100vw), 35px) min(calc(28 / 1440 * 100vw), 28px) min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(16 / 1440 * 100vw), 16px);
           -moz-column-gap: min(calc(16 / 1440 * 100vw), 16px);
                column-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_bnrlist-item-link
    {
        padding: calc(19.41 / 390 * 100vw) calc(22.82 / 390 * 100vw) calc(19.41 / 390 * 100vw) calc(25.88 / 390 * 100vw);

        border-radius: calc(8.63 / 390 * 100vw); 

        -webkit-column-gap: calc(16 / 390 * 100vw);
           -moz-column-gap: calc(16 / 390 * 100vw);
                column-gap: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_bnrlist-item-link.bl_bnrlist-item-link__sm
    {
        padding: min(calc(25.41 / 1440 * 100vw), 25.41px) min(calc(32.53 / 1440 * 100vw), 32.53px) min(calc(25.41 / 1440 * 100vw), 25.41px) min(calc(21.69 / 1440 * 100vw), 21.69px);

        -webkit-column-gap: min(calc(14.62 / 1440 * 100vw), 14.62px);
           -moz-column-gap: min(calc(14.62 / 1440 * 100vw), 14.62px);
                column-gap: min(calc(14.62 / 1440 * 100vw), 14.62px);
    }
}
.bl_bnrlist-item-icon
{
    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_bnrlist-item-icon
    {
        width: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_bnrlist-item-icon
    {
        width: calc(69.01 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_bnrlist-item-icon.bl_bnrlist-item-icon__sm
    {
        width: min(calc(57.83 / 1440 * 100vw), 57.83px);
    }
}
.bl_bnrlist-item-texts-title
{
    font-weight: bold;
    line-height: 1.5; 

    color: black;
}
@media only screen and (min-width: 768px)
{
    .bl_bnrlist-item-texts-title
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_bnrlist-item-texts-title
    {
        font-size: calc(21.57 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .bl_bnrlist-item-texts-title.bl_bnrlist-item-texts-title__sm
    {
        font-size: min(calc(21 / 1440 * 100vw), 21px);
    }
}
.bl_bnrlist-item-texts-text
{
    line-height: 1.65; 

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .bl_bnrlist-item-texts-text
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        margin-top: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_bnrlist-item-texts-text
    {
        font-size: calc(15.1 / 390 * 100vw);

        margin-top: calc(4.31 / 390 * 100vw);
    }
}
.bl_bnrlist-item-link_checkin_and_entry
{
        flex-direction: column; 

    background: #009f30;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .bl_bnrlist-item-link_checkin_and_entry
    {
        padding: min(calc(8 / 1440 * 100vw), 8px) min(calc(8 / 1440 * 100vw), 8px) min(calc(19 / 1440 * 100vw), 19px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_bnrlist-item-link_checkin_and_entry
    {
        padding: calc(8.63 / 390 * 100vw) calc(12.94 / 390 * 100vw) calc(14.23 / 390 * 100vw);

        border-radius: calc(8.63 / 390 * 100vw);
    }
}
.bl_bnrlist-item-link_checkin_and_entry-title
{
    font-weight: bold;

    text-align: center; 

    color: #fff;
}
@media only screen and (min-width: 768px)
{
    .bl_bnrlist-item-link_checkin_and_entry-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);
        line-height: 1.2;
    }
}
@media only screen and (max-width: 767px)
{
    .bl_bnrlist-item-link_checkin_and_entry-title
    {
        font-size: calc(17.25 / 390 * 100vw);
        line-height: 1.3;
    }
}
.bl_bnrlist-item-link_checkin_and_entry-texts
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    color: #009f30;
    background: #fff; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .bl_bnrlist-item-link_checkin_and_entry-texts
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
        line-height: 1.1875;

        margin-top: min(calc(8 / 1440 * 100vw), 8px); 
        padding: min(calc(8 / 1440 * 100vw), 8px) min(calc(8 / 1440 * 100vw), 8px) min(calc(8 / 1440 * 100vw), 8px) min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_bnrlist-item-link_checkin_and_entry-texts
    {
        font-size: calc(15.1 / 390 * 100vw);
        line-height: 1.19205;

        margin-top: calc(6.47 / 390 * 100vw); 
        padding: calc(8.25 / 390 * 100vw) calc(8.63 / 390 * 100vw);

        border-radius: calc(4.31 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_bnrlist-item-link_checkin_and_entry-texts-text
    {
        text-align: center; 

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
@media only screen and (min-width: 768px)
{
    .bl_bnrlist-item-link_checkin_and_entry-texts-icon
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        margin-top: min(calc(2 / 1440 * 100vw), 2px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_bnrlist-item-link_checkin_and_entry-texts-icon
    {
        width: calc(21.57 / 390 * 100vw);
        margin-top: calc(2 / 390 * 100vw);
        margin-left: auto;
    }
}

.el_footer_nav_column_title
{
    font-weight: 500;
    line-height: 1.5; 

    color: #fff;
}
@media only screen and (min-width: 768px)
{
    .el_footer_nav_column_title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}

.el_footer_nav_column_item a
{
    line-height: 1.4; 

    color: #b3b3b3;
}
@media only screen and (min-width: 768px)
{
    .el_footer_nav_column_item a
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}

.el_footer_nav_column_item.el_footer_nav_column_item__X
{
    width: min(calc(16 / 1440 * 100vw), 16px);
    margin-top: min(calc(16 / 1440 * 100vw), 16px);
}

.el_footer_nav_column_item_icon
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .el_footer_nav_column_item_icon
    {
        width: min(calc(14 / 1440 * 100vw), 14px);
    }
}

.el_footer_copyright
{
    line-height: 1.5; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .el_footer_copyright
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding-bottom: 40px;
    }
}
@media only screen and (max-width: 767px)
{
    .el_footer_copyright
    {
        font-size: calc(14 / 390 * 100vw);

        padding: calc(32 / 390 * 100vw) calc(40 / 390 * 100vw);
    }
}
.el_footer_copyright-text
{
    line-height: 1.5; 

    color: #b3b3b3;
}
@media only screen and (min-width: 768px)
{
    .el_footer_copyright-text
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}

@media only screen and (min-width: 768px)
{
    .ly_footer
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

.ly_footer-upper-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    background: #fff; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (min-width: 768px)
{
    .ly_footer-upper-inner
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px) min(calc(34 / 1440 * 100vw), 34px);
    }
}

.ly_footer-upper-texts-title
{
    font-size: min(calc(32 / 1440 * 100vw), 32px);
    font-weight: bold;
    line-height: 1.4;

    margin-bottom: min(calc(24 / 1440 * 100vw), 24px); 

    color: #c03;
}

.ly_footer-upper-texts-text
{
    font-size: min(calc(16 / 1440 * 100vw), 16px);
    font-weight: bold;
    line-height: 1.65;
}
.ly_footer-upper-texts-text:nth-of-type(n+1)
{
    margin-top: 1lh;
}

.ly_footer-upper-btns
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: min(calc(400 / 1440 * 100vw), 400px); 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    row-gap: min(calc(16 / 1440 * 100vw), 16px);
}
.ly_footer-upper-btns-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    row-gap: min(calc(16 / 1440 * 100vw), 16px);
}
.ly_footer-upper-btns-list-item-link
{
    font-size: min(calc(24 / 1440 * 100vw), 24px);
    font-weight: bold;
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: min(calc(16 / 1440 * 100vw), 16px);

    color: #fff;
    border-radius: min(calc(8 / 1440 * 100vw), 8px); 
    background: #565656;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ly_footer-upper-btns-list-item-link.ly_footer-upper-btns-list-item-link__regist
{
    background: #c03;
}
.ly_footer-upper-btns-list-item-link.ly_footer-upper-btns-list-item-link__mypage
{
    display: grid;

    place-items: center;
}
@media only screen and (min-width: 768px)
{
    .ly_footer-upper-btns-list-item-link.ly_footer-upper-btns-list-item-link__mypage
    {
        height: min(calc(96 / 1440 * 100vw), 96px);
    }
}
.ly_footer-upper-btns-list-item-sm
{
    font-size: min(calc(18 / 1440 * 100vw), 18px);
    line-height: 1.65;
}
.ly_footer-upper-btns-list-item-with_entry_icon
{
    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;
    -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
       -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
            column-gap: min(calc(8 / 1440 * 100vw), 8px);
}
.ly_footer-upper-btns-list-item-with_entry_icon svg
{
    width: min(calc(20 / 1440 * 100vw), 20px);
}
.ly_footer-upper-btns-what_text
{
    font-size: min(calc(16 / 1440 * 100vw), 16px);
    font-weight: bold;
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
       -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
            column-gap: min(calc(4 / 1440 * 100vw), 4px);
}
.ly_footer-upper-btns-what_text svg
{
    width: min(calc(20 / 1440 * 100vw), 20px);
}

@media only screen and (max-width: 767px)
{
    .ly_footer-upper-badge
    {
        position: fixed;
        z-index: 1;
        right: calc(8 / 390 * 100vw);
        bottom: calc(116 / 390 * 100vw);

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        padding: calc(7.5 / 390 * 100vw) calc(16 / 390 * 100vw) calc(8.5 / 390 * 100vw);

        cursor: pointer;
        -webkit-transition: gap .1s, padding .1s;
                transition: gap .1s, padding .1s; 

        color: #fff;
        border-radius: 100vmax;
        background: #c03;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
    .ly_footer-upper-badge-icon
    {
        width: calc(24 / 390 * 100vw);
    }
    .ly_footer-upper-badge-text
    {
        font-size: calc(12 / 390 * 100vw);
        font-weight: bold;
        line-height: 1.4;

        -webkit-transition: width .1s;
                transition: width .1s;
    }
    .ly_footer-upper-badge.is_small
    {
        gap: 0;
        padding-inline: calc(8 / 390 * 100vw);
    }
    .ly_footer-upper-badge.is_small .ly_footer-upper-badge-text
    {
        overflow: hidden;

        width: 0;

        white-space: nowrap;
    }
    .modaal-wrapper.closed_modal
    {
        z-index: 10003;
    }
    .modaal-wrapper.closed_modal + .modaal-overlay
    {
        z-index: 10002;
    }
    .modaal-wrapper.closed_modal .modaal-inner-wrapper
    {
        padding-inline: calc(16 / 390 * 100vw);
    }
    .modaal-wrapper.closed_modal .modaal-container
    {
        position: relative;
        z-index: 10002;

        overflow: hidden;

        border-radius: calc(16 / 390 * 100vw);
    }
    .modaal-wrapper.closed_modal .modaal-content-container
    {
        padding: 0;
    }
    .modaal-wrapper.closed_modal .modaal-close
    {
        position: absolute;
        top: calc(16 / 390 * 100vw);
        right: calc(16 / 390 * 100vw);

        width: calc(24 / 390 * 100vw);
        height: calc(24 / 390 * 100vw);

        border-radius: 50%; 
        background: #000;
    }
    .modaal-wrapper.closed_modal .modaal-close::before,
    .modaal-wrapper.closed_modal .modaal-close::after
    {
        top: 50%;
        left: 50%;

        width: calc(11.67 / 390 * 100vw);
        height: calc(1 / 390 * 100vw);

        translate: -50%;
    }
    .modaal-wrapper.closed_modal .modaal-overlay
    {
        opacity: .6;
    }
}

@media only screen and (max-width: 767px) and (max-width: 767px)
{
    .ly_footer-upper-modal
    {
        display: none;
    }
}

@media only screen and (max-width: 767px)
{
    .ly_footer-upper-modal-title
    {
        font-size: calc(18 / 390 * 100vw);
        font-weight: bold;
        line-height: 1.4;

        text-align: center;

        color: #fff;
        background: #c03; 

        padding-block: calc(16 / 390 * 100vw);
    }
    .ly_footer-upper-modal-contents
    {
        padding: calc(24 / 390 * 100vw) calc(16 / 390 * 100vw) calc(32 / 390 * 100vw);
    }
    .ly_footer-upper-modal-text
    {
        font-size: calc(16 / 390 * 100vw);
        font-weight: bold;
        line-height: 1.65;
    }
    .ly_footer-upper-modal-text:nth-of-type(n+2)
    {
        margin-top: 1lh;
    }
    .ly_footer-upper-modal-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        margin-top: calc(24 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(16 / 390 * 100vw);
    }
    .ly_footer-upper-modal-list-item-link
    {
        font-size: calc(24 / 390 * 100vw);
        font-weight: bold;
        line-height: 1.4;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        color: #fff;
        border-radius: calc(8 / 390 * 100vw); 
        background: #565656;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-block: calc(16 / 390 * 100vw);
    }
    .ly_footer-upper-modal-list-item-link__regist
    {
        background: #c03;
    }
    .ly_footer-upper-modal-list-item-link svg
    {
        width: calc(20 / 390 * 100vw);
    }
    .ly_footer-upper-modal-list-item-with_entry_icon
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
    .ly_footer-upper-modal-list-item-sm
    {
        font-size: calc(18 / 390 * 100vw);
        line-height: 1.65;
    }
    .ly_footer-upper-modal-what_text
    {
        font-size: calc(14 / 390 * 100vw);
        font-weight: bold;
        line-height: 1.4;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin: calc(16 / 390 * 100vw) 0 0 auto; 

        justify-self: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
    .ly_footer-upper-modal-what_text span
    {
        display: block;

        width: calc(16 / 390 * 100vw);
    }
}

.ly_footer-privacy_setting
{
    position: fixed;
    z-index: 10001;

    -webkit-transition: right .3s;
            transition: right .3s;
}
@media only screen and (min-width: 768px)
{
    .ly_footer-privacy_setting
    {
        right: calc(100% - min(calc(40 / 1440 * 100vw), 40px));
        bottom: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-privacy_setting
    {
        bottom: calc(116 / 390 * 100vw); 
        left: 0;
    }
}
@media only screen and (min-width: 768px)
{
    .ly_footer-privacy_setting:hover
    {
        right: calc(100% - min(calc(168 / 1440 * 100vw), 168px));
    }
}
.ly_footer-privacy_setting-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    cursor: pointer;

    border-radius: 0 100vmax 100vmax 0; 
    background: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .ly_footer-privacy_setting-inner
    {
        width: min(calc(168 / 1440 * 100vw), 168px);
        padding: min(calc(8 / 1440 * 100vw), 8px) min(calc(12 / 1440 * 100vw), 12px) min(calc(8 / 1440 * 100vw), 8px) min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-shadow: 0 min(calc(4 / 1440 * 100vw), 4px) min(calc(8 / 1440 * 100vw), 8px) rgba(0, 0, 0, .15);
                box-shadow: 0 min(calc(4 / 1440 * 100vw), 4px) min(calc(8 / 1440 * 100vw), 8px) rgba(0, 0, 0, .15);

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-privacy_setting-inner
    {
        width: calc(44 / 390 * 100vw);
        height: calc(40 / 390 * 100vw);
        padding: calc(8 / 390 * 100vw) calc(12 / 390 * 100vw) calc(8 / 390 * 100vw) calc(8 / 390 * 100vw); 

        -webkit-box-shadow: 0 calc(4 / 390 * 100vw) calc(8 / 390 * 100vw) rgba(0, 0, 0, .15);
                box-shadow: 0 calc(4 / 390 * 100vw) calc(8 / 390 * 100vw) rgba(0, 0, 0, .15);
    }
}
.ly_footer-privacy_setting button
{
    font-weight: bold;
    line-height: 1.4;

    display: block;

    min-width: auto;
    min-height: auto;
    padding: 0;

    text-decoration: none;

    color: #979797 !important;
    border: none; 
    background: none !important;
}
@media only screen and (min-width: 768px)
{
    .ly_footer-privacy_setting button
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-privacy_setting button
    {
        display: none;
    }
}
.ly_footer-privacy_setting button:hover
{
    opacity: 1;
}
.ly_footer-privacy_setting-icon
{
    color: #979797;
}
@media only screen and (min-width: 768px)
{
    .ly_footer-privacy_setting-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-privacy_setting-icon
    {
        width: calc(24 / 390 * 100vw);
    }
}

.ly_footer-bnr
{
    display: grid;
}
@media only screen and (min-width: 768px)
{
    .ly_footer-bnr
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 

        grid-template-columns: repeat(3, min(calc(410 / 1440 * 100vw), 410px));
        -webkit-column-gap: min(calc(25 / 1440 * 100vw), 25px);
           -moz-column-gap: min(calc(25 / 1440 * 100vw), 25px);
                column-gap: min(calc(25 / 1440 * 100vw), 25px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-bnr
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        margin: calc(40 / 390 * 100vw) calc(24 / 390 * 100vw) 0; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(16 / 390 * 100vw);
    }
}
.ly_footer-bnr-item-link
{
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .ly_footer-bnr-item-link
    {
        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-bnr-item-link
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}

.ly_footer-nav
{
    background: #282828;
}
@media only screen and (min-width: 768px)
{
    .ly_footer-nav
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-nav
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .ly_footer-nav-inner
    {
        padding: min(calc(48 / 1440 * 100vw), 48px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-nav-inner
    {
        padding: calc(48 / 390 * 100vw) calc(24 / 390 * 100vw) 0;
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-nav-column-header
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        padding-bottom: calc(16 / 390 * 100vw);

        border-bottom: solid 1px #c4c4c4; 

        -webkit-column-gap: calc(24 / 390 * 100vw);
           -moz-column-gap: calc(24 / 390 * 100vw);
                column-gap: calc(24 / 390 * 100vw);
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
@media only screen and (min-width: 768px)
{
    .ly_footer-nav-column-header-title
    {
        width: min(calc(120 / 1440 * 100vw), 120px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-nav-column-header-title
    {
        width: calc(120 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-nav-column-header-X
    {
        width: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .ly_footer-nav-column_list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin-bottom: min(calc(48 / 1440 * 100vw), 48px); 

        -webkit-column-gap: min(calc(32 / 1440 * 100vw), 32px);
           -moz-column-gap: min(calc(32 / 1440 * 100vw), 32px);
                column-gap: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (min-width: 768px)
{
    .ly_footer-nav-column
    {
        width: min(calc(217.6 / 1440 * 100vw), 217.6px);
    }
}
@media only screen and (min-width: 768px)
{
    .ly_footer-nav-column-list
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-nav-column-list
    {
        border-bottom: solid 1px #c4c4c4;
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-nav-column-list-title
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .ly_footer-nav-column-list-title-text
    {
        padding-block: calc(10 / 390 * 100vw) calc(12 / 390 * 100vw);
    }
    .ly_footer-nav-column-list-title-arrow
    {
        width: calc(20 / 390 * 100vw);

        rotate: 90deg;
    }
    .ly_footer-nav-column-list-title-arrow.is_active
    {
        rotate: -90deg;
    }
}
@media only screen and (min-width: 768px)
{
    .ly_footer-nav-column-list-data
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-nav-column-list-data
    {
        display: grid;

        -webkit-transition: grid-template-rows .3s;
                transition: grid-template-rows .3s;
                transition: grid-template-rows .3s, -ms-grid-rows .3s; 

        grid-template-rows: 0fr;
    }
}
.ly_footer-nav-column-list-data.is_active
{
    grid-template-rows: 1fr;
}
@media only screen and (max-width: 767px)
{
    .ly_footer-nav-column-list-data-inner
    {
        overflow: hidden;
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-nav-column-list-data ul
    {
        padding-block: calc(16 / 390 * 100vw) calc(23 / 390 * 100vw);
    }
}
.ly_footer-nav-column-list-data a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .ly_footer-nav-column-list-data a
    {
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (min-width: 768px)
{
    .ly_footer-nav-column-list-item:not(:first-of-type)
    {
        margin-top: min(calc(9 / 1440 * 100vw), 9px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-nav-column-list-item:not(:first-of-type)
    {
        margin-top: calc(13 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-nav-X
    {
        width: calc(20 / 390 * 100vw);
    }
}
.ly_footer-nav-bottom
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .ly_footer-nav-bottom
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(40 / 1440 * 100vw), 40px);
           -moz-column-gap: min(calc(40 / 1440 * 100vw), 40px);
                column-gap: min(calc(40 / 1440 * 100vw), 40px);
        padding-block: min(calc(33 / 1440 * 100vw), 33px) min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .ly_footer-nav-bottom
    {
            flex-direction: column;

        margin: calc(24 / 390 * 100vw) calc(24 / 390 * 100vw) 0; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(12 / 390 * 100vw);
    }
}

.bl_sp_fixed_area
{
    position: fixed;
    z-index: 10003;
    bottom: 0;

    width: 100%;

    background: #fff;
}
.bl_sp_fixed_area-menu
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding-bottom: calc(6 / 390 * 100vw);
    padding-bottom: calc(46 / 390 * 100vw); 

    -webkit-box-shadow: calc(4 / 390 * 100vw) 0 calc(4 / 390 * 100vw) rgba(0, 0, 0, .25);
            box-shadow: calc(4 / 390 * 100vw) 0 calc(4 / 390 * 100vw) rgba(0, 0, 0, .25);
}
.bl_sp_fixed_area-menu-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 25%; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bl_sp_fixed_area-menu-item-link
{
    position: relative;
}
@media only screen and (max-width: 767px)
{
    .bl_sp_fixed_area-menu-item-link
    {
        height: calc(50 / 390 * 100vw);
    }
}
.bl_sp_fixed_area-menu-item-icon
{
    display: block;

    width: calc(32 / 390 * 100vw);
    padding: calc(4 / 390 * 100vw);

    color: #979797;

    margin-inline: auto;
}
.bl_sp_fixed_area-menu-item-icon.bl_sp_fixed_area-menu-item-icon__red_check
{
    position: absolute;
    top: calc(4 / 390 * 100vw);
    right: calc(50% - calc(8 / 390 * 100vw) - calc(17 / 390 * 100vw));

    width: calc(16 / 390 * 100vw);
}
.bl_sp_fixed_area-menu-item-icon.bl_sp_fixed_area-menu-item-icon__menu
{
    display: none;
}
.bl_sp_fixed_area-menu-item-icon.bl_sp_fixed_area-menu-item-icon__menu.is_active
{
    display: block;
}
.bl_sp_fixed_area-menu-item-icon.bl_sp_fixed_area-menu-item-icon__close
{
    color: #c03;
}
.bl_sp_fixed_area-menu-item-text
{
    font-size: calc(9 / 390 * 100vw);
    font-weight: bold;
    line-height: 1.3;

    display: block;

    text-align: center; 

    color: #000;
}
.bl_sp_fixed_area-nav
{
    position: fixed;
    z-index: 10002;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: auto;

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

    background: #fff;
}
.bl_sp_fixed_area-nav.is_active
{
    top: 0;
}
.bl_sp_fixed_area-nav-first-item-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: calc(10 / 390 * 100vw) calc(16 / 390 * 100vw) calc(12 / 390 * 100vw);

    border-bottom: solid 1px #c4c4c4; 
    background: #efefef;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bl_sp_fixed_area-nav-first-item-text
{
    font-size: calc(16 / 390 * 100vw);
    font-weight: bold;
    line-height: 1.5; 

    cursor: pointer;

    color: #000;
}
.bl_sp_fixed_area-nav-first-item-icon
{
    width: calc(20 / 390 * 100vw); 

    color: #979797;
}
.bl_sp_fixed_area-nav-first-item-icon.bl_sp_fixed_area-nav-first-item-icon__acc
{
    rotate: 90deg;
}
.bl_sp_fixed_area-nav-first-item-icon.bl_sp_fixed_area-nav-first-item-icon__acc.is_active
{
    rotate: -90deg;
}
.bl_sp_fixed_area-nav-second_wrap
{
    display: grid;

    -webkit-transition: grid-template-rows .3s;
            transition: grid-template-rows .3s;
            transition: grid-template-rows .3s, -ms-grid-rows .3s; 

    grid-template-rows: 0fr;
}
.bl_sp_fixed_area-nav-second_wrap.is_active
{
    grid-template-rows: 1fr;
}
.bl_sp_fixed_area-nav-second
{
    overflow: hidden;
}
.bl_sp_fixed_area-nav-second-item
{
    border-bottom: solid 1px #c4c4c4;
}
.bl_sp_fixed_area-nav-second-item-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: calc(8 / 390 * 100vw) calc(16 / 390 * 100vw) calc(9 / 390 * 100vw) calc(24 / 390 * 100vw); 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bl_sp_fixed_area-nav-second-item-text
{
    font-size: calc(14 / 390 * 100vw);
    line-height: 1.5; 

    color: #282828;
}
.bl_sp_fixed_area-nav-second-item-icon
{
    width: calc(20 / 390 * 100vw); 

    color: #979797;
}

.bl_accordion
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .bl_accordion
    {
        row-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_accordion
    {
        row-gap: calc(24 / 390 * 100vw);
    }
}
.bl_accordion-item.is_open .bl_accordion-item-title-icon
{
    rotate: -90deg;
}
.bl_accordion-item-title
{
    margin: 0;
}
.bl_accordion-item-title-btn
{
    font: inherit;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 0;

    cursor: pointer;
    text-align: left;

    color: inherit; 
    border: none;
    background: transparent;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .bl_accordion-item-title-btn
    {
        padding: min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_accordion-item-title-btn
    {
        padding: calc(24 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.bl_accordion-item-title-q
{
    font-weight: bold; 
    line-height: 1;

    color: #c03;

    -ms-flex-item-align: baseline;
    align-self: baseline;
}
@media only screen and (min-width: 768px)
{
    .bl_accordion-item-title-q
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_accordion-item-title-q
    {
        font-size: calc(24 / 390 * 100vw);
    }
}
.bl_accordion-item-title-text
{
    font-weight: bold;
    line-height: 1.4; 

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
@media only screen and (min-width: 768px)
{
    .bl_accordion-item-title-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_accordion-item-title-text
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
.bl_accordion-item-title-icon
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-transition: -webkit-transform .2s ease;
            transition: -webkit-transform .2s ease;
            transition:         transform .2s ease;
            transition:         transform .2s ease, -webkit-transform .2s ease; 

    color: #565656;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .bl_accordion-item-title-icon svg
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
        height: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_accordion-item-title-icon svg
    {
        width: calc(24 / 390 * 100vw);
        height: calc(24 / 390 * 100vw);
    }
}
.bl_accordion-item-content
{
    overflow: hidden; 

    margin: 0;
}
@media only screen and (min-width: 768px)
{
    .bl_accordion-item-content
    {
        padding: 0 min(calc(24 / 1440 * 100vw), 24px) min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_accordion-item-content
    {
        padding: 0 calc(24 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
}
.bl_accordion-item-content[hidden]
{
    display: none;
}
.bl_accordion-item-content-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .bl_accordion-item-content-inner
    {
        padding-top: min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_accordion-item-content-inner
    {
        padding-top: calc(24 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.bl_accordion-item-content-a
{
    font-weight: bold;

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .bl_accordion-item-content-a
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .bl_accordion-item-content-a
    {
        font-size: calc(24 / 390 * 100vw);
    }
}
.bl_accordion-item-content-body
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.bl_accordion-item-content-body > *:not(:first-of-type)
{
    margin-top: 1lh;
}

.splide__container
{
    position: relative; 

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.splide__list
{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;

    height: 100%;
    margin: 0 !important;
    padding: 0 !important; 

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.splide.is-initialized:not(.is-active) .splide__list
{
    display: block;
}

.splide__pagination
{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;

    margin: 0;

    pointer-events: none; 

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

.splide__pagination li
{
    line-height: 1;

    display: inline-block;

    margin: 0;

    list-style-type: none;

    pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination
{
    display: none;
}

.splide__progress__bar
{
    width: 0;
}

.splide
{
    position: relative;

    visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered
{
    visibility: visible;
}

.splide__slide
{
    position: relative; 

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;

    list-style-type: none !important;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.splide__slide img
{
    vertical-align: bottom;
}

.splide__spinner
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: inline-block;

    width: 20px; 
    height: 20px;
    margin: auto;

    -webkit-animation: splide-loading 1s linear infinite;
            animation: splide-loading 1s linear infinite;

    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;

    contain: strict;
}

.splide__sr
{
    position: absolute;

    overflow: hidden;
    clip: rect(0 0 0 0);

    width: 1px; 
    height: 1px;
    margin: -1px;
    padding: 0;

    border: 0;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause
{
    display: none;
}

.splide__toggle.is-active .splide__toggle__pause
{
    display: inline;
}

.splide__track
{
    position: relative;
    z-index: 0; 

    overflow: hidden;
}

@-webkit-keyframes splide-loading
{
    0%
    {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    to
    {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}

@keyframes splide-loading
{
    0%
    {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    to
    {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn);
    }
}

.splide__track--draggable
{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 

    -webkit-touch-callout: none;
}

.splide__track--fade > .splide__list > .splide__slide
{
    z-index: 0; 

    margin: 0 !important;

    opacity: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active
{
    z-index: 1; 

    opacity: 1;
}

.splide--rtl
{
    direction: rtl;
}

.splide__track--ttb > .splide__list
{
    display: block;
}

.splide__arrow
{
    position: absolute;
    z-index: 1; 
    top: 50%;

    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;

    width: 2em;
    height: 2em;
    padding: 0;

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

    opacity: .7;
    border: 0;
    border-radius: 50%;
    background: #ccc;

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

.splide__arrow svg
{
    width: 1.2em; 
    height: 1.2em;

    fill: #000;
}

.splide__arrow:hover:not(:disabled)
{
    opacity: .9;
}

.splide__arrow:disabled
{
    opacity: .3;
}

.splide__arrow:focus-visible
{
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__arrow--prev
{
    left: 1em;
}

.splide__arrow--prev svg
{
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
}

.splide__arrow--next
{
    right: 1em;
}

.splide.is-focus-in .splide__arrow:focus
{
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__pagination
{
    position: absolute;
    z-index: 1; 
    right: 0;
    bottom: .5em;
    left: 0;

    padding: 0 1em;
}

.splide__pagination__page
{
    position: relative;

    display: inline-block;

    width: 8px; 
    height: 8px;
    margin: 3px;
    padding: 0;

    -webkit-transition: -webkit-transform .2s linear;
            transition: -webkit-transform .2s linear;
            transition:         transform .2s linear;
            transition:         transform .2s linear, -webkit-transform .2s linear;

    opacity: .7;
    border: 0;
    border-radius: 50%;
    background: #ccc;
}

.splide__pagination__page.is-active
{
    z-index: 1; 

    -webkit-transform: scale(1.4);
            transform: scale(1.4);

    background: #fff;
}

.splide__pagination__page:hover
{
    cursor: pointer;

    opacity: .9;
}

.splide__pagination__page:focus-visible
{
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus
{
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__progress__bar
{
    height: 3px; 

    background: #ccc;
}

.splide__slide
{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus
{
    outline: 0;
}

@supports (outline-offset: -3px)
{
    .splide__slide:focus-visible
    {
        outline: 3px solid #0bf;
        outline-offset: -3px;
    }
}

@media screen and (-ms-high-contrast: none)
{
    .splide__slide:focus-visible
    {
        border: 3px solid #0bf;
    }
}

@supports (outline-offset: -3px)
{
    .splide.is-focus-in .splide__slide:focus
    {
        outline: 3px solid #0bf;
        outline-offset: -3px;
    }
}

@media screen and (-ms-high-contrast: none)
{
    .splide.is-focus-in .splide__slide:focus
    {
        border: 3px solid #0bf;
    }
    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus
    {
        border-color: #0bf;
    }
}

.splide__toggle
{
    cursor: pointer;
}

.splide__toggle:focus-visible
{
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus
{
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide
{
    cursor: pointer; 

    border: 3px solid transparent;
}

.splide__track--nav > .splide__list > .splide__slide.is-active
{
    border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev
{
    right: 1em; 
    left: auto;
}

.splide__arrows--rtl .splide__arrow--prev svg
{
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next
{
    right: auto; 
    left: 1em;
}

.splide__arrows--rtl .splide__arrow--next svg
{
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow
{
    left: 50%;

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

.splide__arrows--ttb .splide__arrow--prev
{
    top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg
{
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next
{
    top: auto; 
    bottom: 1em;
}

.splide__arrows--ttb .splide__arrow--next svg
{
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}

.splide__pagination--ttb
{
    top: 0; 
    right: .5em;
    bottom: 0;
    left: auto;

    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
        flex-direction: column;

    padding: 1em 0;

    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll
{
    overflow: hidden;
}

.modaal-accessible-hide
{
    position: absolute !important;

    overflow: hidden; 
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;

    border: 0 !important;
}

.modaal-overlay
{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
}

.modaal-wrapper
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;

    display: block;
    overflow: auto;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    opacity: 1;

    -webkit-overflow-scrolling: touch;
}
.modaal-wrapper *
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
}
.modaal-wrapper .modaal-close
{
    padding: 0;

    border: none;
    background: transparent;

    -webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none
{
    display: none;

    opacity: 1;
}
.modaal-wrapper.modaal-start_fade
{
    opacity: 0;
}
.modaal-wrapper *[tabindex='0']
{
    outline: none !important;
}
.modaal-wrapper.modaal-fullscreen
{
    overflow: hidden;
}

.modaal-outer-wrapper
{
    position: relative;

    display: table;

    width: 100%;
    height: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper
{
    display: block;
}

.modaal-inner-wrapper
{
    position: relative;

    display: table-cell;

    width: 100%;
    height: 100%;
    padding: 80px 25px; 

    text-align: center;
    vertical-align: middle;
}
.modaal-fullscreen .modaal-inner-wrapper
{
    display: block;

    padding: 0;

    vertical-align: top;
}

.modaal-container
{
    position: relative;

    display: inline-block;

    width: 100%;
    max-width: 1000px;
    margin: auto;

    cursor: auto; 
    text-align: left;

    color: #000;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
            box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
}
.modaal-container.is_loading
{
    overflow: hidden; 

    width: 100px;
    height: 100px;
}
.modaal-fullscreen .modaal-container
{
    overflow: auto; 

    max-width: none;
    height: 100%;
}

.modaal-close
{
    position: fixed;
    top: 20px;
    right: 20px;

    width: 50px;
    height: 50px;

    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out; 

    opacity: 1;
    color: #fff;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0);
}
.modaal-close:focus,
.modaal-close:hover
{
    outline: none;
    background: #fff;
}
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after
{
    background: #b93d0c;
}
.modaal-close span
{
    position: absolute !important;

    overflow: hidden; 
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;

    border: 0 !important;
}
.modaal-close:before,
.modaal-close:after
{
    position: absolute;
    top: 14px;
    left: 23px;

    display: block;

    width: 4px;
    height: 22px;

    content: ' ';
    -webkit-transition: background .2s ease-in-out;
            transition: background .2s ease-in-out; 

    border-radius: 4px;
    background: #fff;
}
.modaal-close:before
{
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.modaal-close:after
{
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.modaal-fullscreen .modaal-close
{
    top: 10px; 
    right: 10px;

    background: #afb7bc;
}

.modaal-content-container
{
    padding: 30px;
}

.modaal-confirm-wrap
{
    font-size: 0; 

    padding: 30px 0 0;

    text-align: center;
}

.modaal-confirm-btn
{
    font-size: 14px;

    display: inline-block;

    margin: 0 10px;

    cursor: pointer;
    vertical-align: middle;

    border: none;
    background: transparent;
}
.modaal-confirm-btn.modaal-ok
{
    padding: 10px 15px;

    -webkit-transition: background .2s ease-in-out;
            transition: background .2s ease-in-out; 

    color: #fff;
    border-radius: 3px;
    background: #555;
}
.modaal-confirm-btn.modaal-ok:hover
{
    background: #2f2f2f;
}
.modaal-confirm-btn.modaal-cancel
{
    text-decoration: underline;
}
.modaal-confirm-btn.modaal-cancel:hover
{
    text-decoration: none;

    color: #2f2f2f;
}

@keyframes instaReveal
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@-webkit-keyframes instaReveal
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

.modaal-instagram .modaal-container
{
    width: auto;

    background: transparent;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

.modaal-instagram .modaal-content-container
{
    padding: 0;

    background: transparent;
}

.modaal-instagram .modaal-content-container > blockquote
{
    width: 1px !important;
    height: 1px !important;

    opacity: 0 !important;
}

.modaal-instagram iframe
{
    width: 1000px !important;
    max-width: 800px !important;
    margin: -6px !important;

    -webkit-animation: instaReveal 1s linear forwards;
            animation: instaReveal 1s linear forwards; 

    opacity: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

.modaal-image .modaal-inner-wrapper
{
    padding-right: 140px; 
    padding-left: 140px;
}

.modaal-image .modaal-container
{
    width: auto;
    max-width: 100%;
}

.modaal-gallery-wrap
{
    position: relative;

    color: #fff;
}

.modaal-gallery-item
{
    display: none;
}
.modaal-gallery-item img
{
    display: block;
}
.modaal-gallery-item.is_active
{
    display: block;
}

.modaal-gallery-label
{
    font-size: 18px;

    position: absolute;
    left: 0;

    width: 100%;
    margin: 20px 0 0;

    text-align: center;

    color: #fff;
}
.modaal-gallery-label:focus
{
    outline: none;
}

.modaal-gallery-control
{
    position: absolute;
    top: 50%;

    width: 50px;
    height: 50px;

    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out; 
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    opacity: 1;
    color: #fff;
    border: none;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0);
}
.modaal-gallery-control.is_hidden
{
    cursor: default; 

    opacity: 0;
}
.modaal-gallery-control:focus,
.modaal-gallery-control:hover
{
    outline: none;
    background: #fff;
}
.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after
{
    background: #afb7bc;
}
.modaal-gallery-control span
{
    position: absolute !important;

    overflow: hidden; 
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;

    border: 0 !important;
}
.modaal-gallery-control:before,
.modaal-gallery-control:after
{
    position: absolute;
    top: 16px;
    left: 25px;

    display: block;

    width: 4px;
    height: 18px;

    content: ' ';
    -webkit-transition: background .2s ease-in-out;
            transition: background .2s ease-in-out; 

    border-radius: 4px;
    background: #fff;
}
.modaal-gallery-control:before
{
    margin: -5px 0 0;

    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.modaal-gallery-control:after
{
    margin: 5px 0 0;

    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.modaal-gallery-next-inner
{
    left: 100%;

    margin-left: 40px;
}

.modaal-gallery-next-outer
{
    right: 45px;
}

.modaal-gallery-prev:before,
.modaal-gallery-prev:after
{
    left: 22px;
}

.modaal-gallery-prev:before
{
    margin: 5px 0 0;

    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.modaal-gallery-prev:after
{
    margin: -5px 0 0;

    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.modaal-gallery-prev-inner
{
    right: 100%;

    margin-right: 40px;
}

.modaal-gallery-prev-outer
{
    left: 45px;
}

.modaal-video-wrap
{
    position: relative; 

    margin: auto 50px;
}

.modaal-video-container
{
    position: relative;

    overflow: hidden;

    max-width: 100%;
    max-width: 1300px;
    height: 0;
    margin-right: auto; 
    margin-left: auto;
    padding-bottom: 56.25%;

    background: #000;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
            box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.modaal-iframe .modaal-content
{
    width: 100%;
    height: 100%;
}

.modaal-iframe-elem
{
    display: block; 

    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 1400px)
{
    .modaal-video-container
    {
        height: 731px; 
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 1140px)
{
    .modaal-image .modaal-inner-wrapper
    {
        padding-right: 25px; 
        padding-left: 25px;
    }
    .modaal-gallery-control
    {
        top: auto;
        bottom: 20px;

        -webkit-transform: none;
                transform: none;

        background: rgba(0, 0, 0, .7);
    }
    .modaal-gallery-control:before,
    .modaal-gallery-control:after
    {
        background: #fff;
    }
    .modaal-gallery-next
    {
        right: 20px; 
        left: auto;
    }
    .modaal-gallery-prev
    {
        right: auto; 
        left: 20px;
    }
}

@media screen and (max-width: 900px)
{
    .modaal-instagram iframe
    {
        width: 500px !important;
    }
}

@media screen and (max-height: 1100px)
{
    .modaal-instagram iframe
    {
        width: 700px !important;
    }
}

@media screen and (max-height: 1000px)
{
    .modaal-inner-wrapper
    {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .modaal-instagram iframe
    {
        width: 600px !important;
    }
}

@media screen and (max-height: 900px)
{
    .modaal-instagram iframe
    {
        width: 500px !important;
    }
    .modaal-video-container
    {
        max-width: 900px;
        max-height: 510px;
    }
}

@media only screen and (max-width: 600px)
{
    .modaal-instagram iframe
    {
        width: 280px !important;
    }
}

@media only screen and (max-height: 820px)
{
    .modaal-gallery-label
    {
        display: none;
    }
}

.modaal-loading-spinner
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;

    -webkit-transform: scale(.25);
            transform: scale(.25); 

    background: none;
}

@-webkit-keyframes modaal-loading-spinner
{
    0%
    {
        -webkit-transform: scale(1.5);
                transform: scale(1.5); 

        opacity: 1;
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1); 

        opacity: .1;
    }
}

@keyframes modaal-loading-spinner
{
    0%
    {
        -webkit-transform: scale(1.5);
                transform: scale(1.5); 

        opacity: 1;
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1); 

        opacity: .1;
    }
}

.modaal-loading-spinner > div
{
    position: absolute; 

    width: 24px;
    height: 24px;
    margin-top: 4px;
    margin-left: 4px;
}

.modaal-loading-spinner > div > div
{
    width: 100%;
    height: 100%;

    border-radius: 15px;
    background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div
{
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
            animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div
{
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
       -moz-animation: modaal-loading-spinner 1s linear infinite;
        -ms-animation: modaal-loading-spinner 1s linear infinite;
         -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1)
{
    -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
            transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div
{
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
            animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .12s;
            animation-delay: .12s;
}

.modaal-loading-spinner > div:nth-of-type(2)
{
    -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
            transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div
{
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
            animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .25s;
            animation-delay: .25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div
{
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
       -moz-animation: modaal-loading-spinner 1s linear infinite;
        -ms-animation: modaal-loading-spinner 1s linear infinite;
         -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3)
{
    -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
            transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div
{
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
            animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .37s;
            animation-delay: .37s;
}

.modaal-loading-spinner > div:nth-of-type(4)
{
    -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
            transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div
{
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
            animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div
{
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
       -moz-animation: modaal-loading-spinner 1s linear infinite;
        -ms-animation: modaal-loading-spinner 1s linear infinite;
         -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5)
{
    -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
            transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div
{
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
            animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .62s;
            animation-delay: .62s;
}

.modaal-loading-spinner > div:nth-of-type(6)
{
    -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
            transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div
{
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
            animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .75s;
            animation-delay: .75s;
}

.modaal-loading-spinner > div:nth-of-type(7)
{
    -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
            transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div
{
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
            animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .87s;
            animation-delay: .87s;
}

.modaal-loading-spinner > div:nth-of-type(8)
{
    -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
            transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

.un_top-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_top-section
    {
        padding-block: min(calc(24 / 1440 * 100vw), 24px) min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-section
    {
        padding-block: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_top-kv
    {
        margin-block: min(calc(32 / 1440 * 100vw), 32px) min(calc(92 / 1440 * 100vw), 92px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-kv
    {
        margin-block: calc(24 / 390 * 100vw) calc(20 / 390 * 100vw);
    }
}

.un_top-kv .splide__arrow
{
    opacity: 1;
    background: #000;
}
@media only screen and (min-width: 768px)
{
    .un_top-kv .splide__arrow
    {
        width: min(calc(32 / 1440 * 100vw), 32px);
        height: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-kv .splide__arrow
    {
        width: calc(32 / 390 * 100vw);
        height: calc(32 / 390 * 100vw);
    }
}
.un_top-kv .splide__arrow svg
{
    color: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_top-kv .splide__arrow svg
    {
        width: min(calc(14 / 1440 * 100vw), 14px);
        height: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-kv .splide__arrow svg
    {
        width: calc(14 / 390 * 100vw);
        height: calc(14 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_top-kv .splide__pagination
    {
        bottom: min(calc(-28 / 1440 * 100vw), -28px);

        -webkit-column-gap: min(calc(10 / 1440 * 100vw), 10px);
           -moz-column-gap: min(calc(10 / 1440 * 100vw), 10px);
                column-gap: min(calc(10 / 1440 * 100vw), 10px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-kv .splide__pagination
    {
        bottom: calc(-16 / 390 * 100vw);

        -webkit-column-gap: calc(10 / 390 * 100vw);
           -moz-column-gap: calc(10 / 390 * 100vw);
                column-gap: calc(10 / 390 * 100vw);
    }
}

.un_top-kv .splide__pagination li
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_top-kv .splide__pagination li
    {
        width: min(calc(32 / 1440 * 100vw), 32px);
        height: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-kv .splide__pagination li
    {
        width: calc(32 / 390 * 100vw);
        height: calc(4 / 390 * 100vw);
    }
}

.un_top-kv .splide__pagination__page
{
    position: absolute;
    top: 0;

    width: 100%;
    height: 100%;
    margin: 0;

    opacity: 1;
    border-radius: 100vmax; 
    background: #d9d9d9;
}
.un_top-kv .splide__pagination__page.is-active
{
    -webkit-transform: scale(1);
            transform: scale(1); 

    background: #c03;
}

@media only screen and (min-width: 768px)
{
    .un_top-kv-list-item
    {
        width: 50%;

        padding-inline: min(calc(12 / 1440 * 100vw), 12px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-kv-list-item
    {
        width: calc(342 / 390 * 100vw);

        padding-inline: calc(4 / 390 * 100vw);
    }
}

.un_top-kv-list-item-link
{
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .un_top-kv-list-item-link
    {
        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-kv-list-item-link
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_top-search
    {
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-search
    {
        margin-block: calc(60 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-search-inner
    {
        border-radius: 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_top-pickup
    {
        margin-bottom: min(calc(44 / 1440 * 100vw), 44px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-pickup
    {
        margin-bottom: calc(24 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-pickup-inner
    {
        border-radius: 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_top-pickup .splide
    {
        visibility: visible;
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-pickup .splide
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_top-pickup .splide__arrows
    {
        display: none;
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-pickup .splide__arrow
    {
        width: calc(32 / 390 * 100vw);
        height: calc(32 / 390 * 100vw);

        opacity: 1;
        background: #000;
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-pickup .splide__arrow svg
    {
        width: calc(24 / 390 * 100vw);

        color: #fff;
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-pickup .splide__pagination
    {
        position: static;

        -webkit-column-gap: calc(10 / 390 * 100vw);
           -moz-column-gap: calc(10 / 390 * 100vw);
                column-gap: calc(10 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-pickup .splide__pagination li
    {
        width: calc(32 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-pickup .splide__pagination li button
    {
        width: 100%;
        height: calc(4 / 390 * 100vw);
        margin: 0; 

        border-radius: calc(10 / 390 * 100vw);
    }
}

.un_top-pickup .splide__pagination li button.is-active
{
    -webkit-transform: scale(1);
            transform: scale(1); 

    background: #c03;
}

@media only screen and (min-width: 768px)
{
    .un_top-pickup-list
    {
        display: grid !important;

        margin-top: min(calc(24 / 1440 * 100vw), 24px); 

        grid-template-columns: repeat(3, min(calc(394 / 1440 * 100vw), 394px));
        gap: min(calc(16 / 1440 * 100vw), 16px) min(calc(17 / 1440 * 100vw), 17px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-pickup-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin-top: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-pickup-list-item
    {
        width: calc(284 / 390 * 100vw) !important;
    }
}

.un_top-pickup-list-item-link
{
    display: block;
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_top-pickup-list-item-link
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-pickup-list-item-link
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_top-pickup-list-item img
{
    width: 100%;
}

.un_top-column_main
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_top-column_main
    {
        row-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-column_main
    {
        row-gap: calc(24 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-news
    {
        border-radius: 0;
    }
}

.un_top-news-list
{
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_top-news-list
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-news-list
    {
        margin: calc(16 / 390 * 100vw) calc(24 / 390 * 100vw) 0;
    }
}
.un_top-news-list-item
{
    border-bottom: solid 1px #c4c4c4;
}
.un_top-news-list-item-link
{
    display: grid;

    color: #979797;
}
@media only screen and (min-width: 768px)
{
    .un_top-news-list-item-link
    {
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(8 / 1440 * 100vw), 8px) min(calc(16 / 1440 * 100vw), 16px) 0; 

        grid-template-columns: min(calc(92 / 1440 * 100vw), 92px) 1fr min(calc(20 / 1440 * 100vw), 20px);
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-news-list-item-link
    {
        padding: calc(12 / 390 * 100vw) calc(8 / 390 * 100vw) calc(12 / 390 * 100vw) 0; 

        grid-template: 'date arrow' auto 'title arrow' auto/calc(306 / 390 * 100vw) calc(20 / 390 * 100vw);
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
        row-gap: calc(4 / 390 * 100vw);
    }
}
.un_top-news-list-item-link-date
{
    font-family: 'Inter', sans-serif;
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .un_top-news-list-item-link-date
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-news-list-item-link-date
    {
        font-size: calc(13 / 390 * 100vw); 

        grid-area: date;
    }
}
.un_top-news-list-item-link-title
{
    line-height: 1.4; 

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .un_top-news-list-item-link-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-news-list-item-link-title
    {
        font-size: calc(14 / 390 * 100vw); 

        grid-area: title;
    }
}
.un_top-news-list-item-link-arrow
{
    -ms-flex-item-align: center;
    align-self: center;
}
@media only screen and (max-width: 767px)
{
    .un_top-news-list-item-link-arrow
    {
        width: calc(20 / 390 * 100vw); 

        grid-area: arrow;
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-feature
    {
        border-radius: 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_top-feature-list_wrap
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-feature-list_wrap
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_top-feature-list_wrap.splide
{
    visibility: visible;
}
.un_top-feature-list_wrap.splide .splide__arrow
{
    opacity: 1;
    background: #000;
}
@media only screen and (min-width: 768px)
{
    .un_top-feature-list_wrap.splide .splide__arrow
    {
        width: min(calc(32 / 1440 * 100vw), 32px);
        height: min(calc(32 / 1440 * 100vw), 32px);
    }
    .un_top-feature-list_wrap.splide .splide__arrow:hover
    {
        opacity: .7;
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-feature-list_wrap.splide .splide__arrow
    {
        width: calc(32 / 390 * 100vw);
        height: calc(32 / 390 * 100vw);
    }
}
.un_top-feature-list_wrap.splide .splide__arrow svg
{
    color: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_top-feature-list_wrap.splide .splide__arrow svg
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-feature-list_wrap.splide .splide__arrow svg
    {
        width: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_top-feature-list_wrap.splide .splide__arrow--prev
    {
        left: min(calc(-7 / 1440 * 100vw), -7px);
    }
}
@media only screen and (min-width: 768px)
{
    .un_top-feature-list_wrap.splide .splide__arrow--next
    {
        right: min(calc(-7 / 1440 * 100vw), -7px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_top-feature-list_outer
    {
        width: min(calc(784 / 1440 * 100vw), 784px);

        margin-inline: auto;
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-feature-list_outer
    {
        width: calc(324 / 390 * 100vw);

        margin-inline: auto;
    }
}

.un_top-feature-list
{
    display: grid;
}
@media only screen and (min-width: 768px)
{
    .un_top-feature-list
    {
        grid-auto-flow: column;
        grid-template-rows: repeat(3, min(calc(106 / 1440 * 100vw), 106px));
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-feature-list
    {
        grid-auto-flow: column;
        grid-template-rows: repeat(4, calc(58 / 390 * 100vw));
    }
}

.un_top-feature-list-item
{
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
@media only screen and (min-width: 768px)
{
    .un_top-feature-list-item
    {
        width: min(calc(180 / 1440 * 100vw), 180px);
        padding: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-feature-list-item
    {
        width: calc(100 / 390 * 100vw);
        padding: calc(4 / 390 * 100vw);
    }
}
.un_top-feature-list-item-link
{
    overflow: hidden;

    height: 100%;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_top-feature-list-item-link
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-feature-list-item-link
    {
        border-radius: calc(4 / 390 * 100vw);
    }
}
.un_top-feature-list-item-link img
{
    display: block;

    height: 100%;

    -o-object-fit: contain;
       object-fit: contain;
    margin-inline: auto;
}

@media only screen and (max-width: 767px)
{
    .un_top-event
    {
        border-radius: 0;
    }
}

.un_top-event-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_top-event-list
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 

        row-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-event-list
    {
        margin: calc(16 / 390 * 100vw) calc(24 / 390 * 100vw); 

        row-gap: calc(32 / 390 * 100vw);
    }
}
.un_top-event-list-item-link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_top-event-list-item-link
    {
        -webkit-column-gap: min(calc(40 / 1440 * 100vw), 40px);
           -moz-column-gap: min(calc(40 / 1440 * 100vw), 40px);
                column-gap: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-event-list-item-link
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_top-event-list-item-thumb
    {
        width: min(calc(393 / 1440 * 100vw), 393px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-event-list-item-thumb
    {
        width: 100%;
    }
}
.un_top-event-list-item-data
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    color: #000; 

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_top-event-list-item-data
    {
        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-event-list-item-data
    {
        row-gap: calc(8 / 390 * 100vw);
    }
}
.un_top-event-list-item-data-tags
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .un_top-event-list-item-data-tags
    {
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-event-list-item-data-tags
    {
        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.un_top-event-list-item-data-tags-item
{
    font-weight: 500;
    line-height: 1.4;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_top-event-list-item-data-tags-item
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(3 / 1440 * 100vw), 3px) min(calc(15 / 1440 * 100vw), 15px) min(calc(5 / 1440 * 100vw), 5px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-event-list-item-data-tags-item
    {
        font-size: calc(12 / 390 * 100vw);

        padding: calc(3.5 / 390 * 100vw) calc(6 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}
.un_top-event-list-item-data-title
{
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .un_top-event-list-item-data-title
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-event-list-item-data-title
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_top-event-list-item-data-dates
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
}
@media only screen and (min-width: 768px)
{
    .un_top-event-list-item-data-dates
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-event-list-item-data-dates
    {
        font-size: calc(14 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-special
    {
        border-radius: 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_top-special-list
    {
        display: grid;

        grid-template-columns: repeat(3, min(calc(268 / 1440 * 100vw), 268px));
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_top-special-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        margin: calc(16 / 390 * 100vw) calc(24 / 390 * 100vw) 0; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(32 / 390 * 100vw);
    }
}

.un_top-special-list-item-thumb
{
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_top-special-list-item-thumb
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-special-list-item-thumb
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_top-special-list-item-thumb img
{
    width: 100%;
}

.un_top-special-list-item-title
{
    line-height: 1.4; 

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .un_top-special-list-item-title
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        margin-top: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_top-special-list-item-title
    {
        font-size: calc(14 / 390 * 100vw);

        margin-top: calc(8 / 390 * 100vw);
    }
}

.un_offer_article-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article-inner
    {
        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article-inner
    {
        row-gap: calc(56 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.un_offer_article-section:first-of-type
{
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article-section:first-of-type
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article-section:first-of-type
    {
        padding-top: calc(40 / 390 * 100vw);
    }
}

.un_offer_article-section-title
{
    text-align: center;
}
.un_offer_article-section-title::before
{
    left: 50%;

    translate: -50% 0;
}

@media only screen and (min-width: 768px)
{
    .un_offer_article-list
    {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(40 / 1440 * 100vw), 40px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
    }
}

.un_offer_article-list-item-link
{
    display: block;
    overflow: hidden;

    height: 100%; 

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article-list-item-link
    {
        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article-list-item-link
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}

.un_offer_article-list-item-title
{
    line-height: 1.4;

    color: #000;
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article-list-item-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article-list-item-title
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(24 / 390 * 100vw);
    }
}

.un_offer_article-more
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article-more
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article-more
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_offer_article-more-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article-more-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article-more-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        margin-inline: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_sidemenu-column
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_offer_article_sidemenu-column_main
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_sidemenu-column_main
    {
        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_sidemenu-column_main
    {
        row-gap: calc(56 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_sidemenu-section:first-of-type
    {
        padding-top: calc(40 / 390 * 100vw);

        border-top: solid 1px #c4c4c4;
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_sidemenu-section:last-of-type
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}

.un_offer_article_sidemenu-section-title
{
    text-align: center;
}
.un_offer_article_sidemenu-section-title::before
{
    left: 50%;

    translate: -50% 0;
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_sidemenu-list
    {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(40 / 1440 * 100vw), 40px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_sidemenu-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
    }
}

.un_offer_article_sidemenu-list-item-link
{
    display: block;
    overflow: hidden;

    height: 100%; 

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_sidemenu-list-item-link
    {
        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_sidemenu-list-item-link
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}

.un_offer_article_sidemenu-list-item-title
{
    line-height: 1.4;

    color: #000;
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_sidemenu-list-item-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_sidemenu-list-item-title
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(24 / 390 * 100vw);
    }
}

.un_offer_article_sidemenu-more
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_sidemenu-more
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_sidemenu-more
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_offer_article_sidemenu-more-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_sidemenu-more-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_sidemenu-more-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        margin-inline: calc(24 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_sidemenu-sidemenu
    {
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.un_offer_article_sidemenu-sidemenu-list
{
    border-top: solid 1px #c4c4c4;
}
.un_offer_article_sidemenu-sidemenu-list-item
{
    border-bottom: solid 1px #c4c4c4;
}
.un_offer_article_sidemenu-sidemenu-list-item-link
{
    font-family: 'Inter', sans-serif;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #000; 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_sidemenu-sidemenu-list-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
        line-height: 1.5;

        padding: min(calc(8 / 1440 * 100vw), 8px) min(calc(16 / 1440 * 100vw), 16px) min(calc(8 / 1440 * 100vw), 8px) 0;

        -webkit-transition: color .3s;
                transition: color .3s;
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_sidemenu-sidemenu-list-item-link
    {
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.71429;

        padding: calc(8 / 390 * 100vw) calc(16 / 390 * 100vw) calc(8 / 390 * 100vw) 0;

        -webkit-transition: color .3s;
                transition: color .3s;
    }
}
.un_offer_article_sidemenu-sidemenu-list-item-link:hover
{
    opacity: 1;
    color: #c03;
}
.un_offer_article_sidemenu-sidemenu-list-item-arrow
{
    -webkit-transition: color .3s;
            transition: color .3s; 

    color: #979797;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_sidemenu-sidemenu-list-item-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_sidemenu-sidemenu-list-item-arrow
    {
        width: calc(20 / 390 * 100vw);
    }
}
.un_offer_article_sidemenu-sidemenu-list-item-link:hover .un_offer_article_sidemenu-sidemenu-list-item-arrow
{
    color: inherit;
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-main
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}

.un_offer_article_detail-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-section
    {
        padding: calc(24 / 390 * 100vw);
    }
}

.un_offer_article_detail-kv
{
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-kv
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-kv
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_offer_article_detail-kv img
{
    width: calc(100% + 2px);
    max-width: none;
    margin-top: -1px;
    margin-left: -1px;
}

.un_offer_article_detail-comment
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-comment
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px); 
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-comment
    {
        margin-top: calc(8 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_offer_article_detail-comment-title
{
    font-weight: bold;
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-comment-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-bottom: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-comment-title
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(4 / 390 * 100vw);
    }
}
.un_offer_article_detail-comment-text
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-comment-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-comment-text
    {
        font-size: calc(16 / 390 * 100vw);
    }
}

.un_offer_article_detail-entry_text
{
    font-weight: bold;
    line-height: 1.8;

    background: #fcf2f5;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-entry_text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);

        text-align: center;

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-entry_text
    {
        font-size: calc(16 / 390 * 100vw);

        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_offer_article_detail-close_text
{
    font-weight: bold;
    line-height: 1.8;

    color: #c03;
    background: #fcf2f5;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-close_text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);

        text-align: center;

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-close_text
    {
        font-size: calc(16 / 390 * 100vw);

        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_offer_article_detail-to_form
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-to_form
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-to_form
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}
.un_offer_article_detail-to_form-link
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #c03;
    border: solid 1px #c03; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-to_form-link
    {
        min-width: min(calc(240 / 1440 * 100vw), 240px);
        padding: min(calc(20 / 1440 * 100vw), 20px) min(calc(30 / 1440 * 100vw), 30px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-to_form-link
    {
        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_offer_article_detail-to_form-link-arrow
{
    position: absolute;
    top: 50%;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-to_form-link-arrow
    {
        right: min(calc(16 / 1440 * 100vw), 16px);

        width: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-to_form-link-arrow
    {
        right: calc(16 / 390 * 100vw);

        width: calc(16 / 390 * 100vw);
    }
}
.un_offer_article_detail-to_form-link-arrow svg
{
    rotate: 90deg;
}
.un_offer_article_detail-to_form-link-arrow.un_offer_article_detail-to_form-link-arrow__right svg
{
    rotate: 0deg;
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-column_main-section
    {
        margin-block: min(calc(64 / 1440 * 100vw), 64px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-column_main-section
    {
        margin-block: calc(40 / 390 * 100vw);
    }
}

.un_offer_article_detail-column_main-section:last-of-type
{
    margin-bottom: 0;
}

.un_offer_article_detail-overview-layout
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-overview-layout
    {
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-overview-layout
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
    }
}

.un_offer_article_detail-overview-texts
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-overview-sub_title
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-overview-sub_title
    {
        margin-bottom: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-overview-logo
    {
        width: min(calc(265 / 1440 * 100vw), 265px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-overview-logo
    {
        width: 100%;
    }
}

.un_offer_article_detail-overview-logo img
{
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-overview-logo img
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-overview-logo img
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-environment-images
    {
        display: grid;

        margin-top: min(calc(24 / 1440 * 100vw), 24px); 

        grid-template-columns: repeat(2, min(calc(418 / 1440 * 100vw), 418px));
        gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-environment-images
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        margin-top: calc(16 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
    }
}

.un_offer_article_detail-environment-images-item
{
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-environment-images-item
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-environment-images-item
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-achievement-images
    {
        display: grid;

        grid-template-columns: repeat(3, min(calc(270 / 1440 * 100vw), 270px));
        gap: min(calc(25 / 1440 * 100vw), 25px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-achievement-images
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
    }
}

.un_offer_article_detail-achievement-images-item-figure-img
{
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-achievement-images-item-figure-img
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-achievement-images-item-figure-img
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_offer_article_detail-achievement-images-item-figure-caption
{
    line-height: 1.5;

    text-align: center; 

    color: #565656;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-achievement-images-item-figure-caption
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        margin-top: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-achievement-images-item-figure-caption
    {
        font-size: calc(14 / 390 * 100vw);

        margin-top: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-message-section
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-message-section
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-message-section-title
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-message-section-title
    {
        margin-bottom: calc(8 / 390 * 100vw);
    }
}

.un_offer_article_detail-message-section-link_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-message-section-link_list
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px); 

        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-message-section-link_list
    {
        margin-top: calc(16 / 390 * 100vw); 

        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_offer_article_detail-message-section-link_list-item-link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border: solid 1px #979797; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-message-section-link_list-item-link
    {
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-message-section-link_list-item-link
    {
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_offer_article_detail-message-section-link_list-item-text
{
    font-family: 'Inter', sans-serif;

    color: #000; 

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-message-section-link_list-item-text
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
        line-height: 1.71429;
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-message-section-link_list-item-text
    {
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.71429;
    }
}
.un_offer_article_detail-message-section-link_list-item-arrow
{
    color: #979797;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-message-section-link_list-item-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-message-section-link_list-item-arrow
    {
        width: calc(20 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-about-img_list
    {
        display: grid;

        margin-top: min(calc(24 / 1440 * 100vw), 24px); 

        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(25 / 1440 * 100vw), 25px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-about-img_list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        margin-top: calc(16 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
    }
}

.un_offer_article_detail-about-img_list-item
{
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-about-img_list-item
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-about-img_list-item
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_offer_article_detail-offer_role-article
{
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-offer_role-article
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-offer_role-article
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-offer_role-article:not(:first-of-type)
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-offer_role-article:not(:first-of-type)
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.un_offer_article_detail-offer_role-article-title
{
    font-weight: normal;
    line-height: 1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #000;
    background: #f8f8f8; 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-offer_role-article-title
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(19 / 1440 * 100vw), 19px) min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-offer_role-article-title
    {
        font-size: calc(18 / 390 * 100vw);

        padding: calc(19 / 390 * 100vw) calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.un_offer_article_detail-offer_role-article-title.js_offer_role_acc-tri
{
    cursor: pointer;
}
.un_offer_article_detail-offer_role-article-title-arrow
{
    display: block;

    color: #979797;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-offer_role-article-title-arrow
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-offer_role-article-title-arrow
    {
        width: calc(24 / 390 * 100vw);
    }
}
.un_offer_article_detail-offer_role-article-title-arrow.is_active
{
    rotate: -90deg;
}
.un_offer_article_detail-offer_role-article-contents_wrap
{
    display: grid;

    -webkit-transition: grid-template-rows .3s;
            transition: grid-template-rows .3s;
            transition: grid-template-rows .3s, -ms-grid-rows .3s; 

    grid-template-rows: 0fr;
}
.un_offer_article_detail-offer_role-article-contents_wrap.is_active
{
    grid-template-rows: 1fr;
}
.un_offer_article_detail-offer_role-article-contents_container
{
    overflow: hidden;
}
.un_offer_article_detail-offer_role-article-contents
{
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-offer_role-article-contents
    {
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-offer_role-article-contents
    {
        padding: calc(16 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
}
.un_offer_article_detail-offer_role-article-contents-title,
.un_offer_article_detail-offer_role-article-contents-data
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-offer_role-article-contents-title,
    .un_offer_article_detail-offer_role-article-contents-data
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-offer_role-article-contents-title,
    .un_offer_article_detail-offer_role-article-contents-data
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_offer_article_detail-offer_role-article-contents-title::before
{
    display: inline-block; 

    content: '□';
}
.un_offer_article_detail-offer_role-article-contents-data
{
    margin-left: 1em;
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-howto-list
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-howto-list
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-howto-list-item:not(:first-of-type)
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-howto-list-item:not(:first-of-type)
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_offer_article_detail-contact-text:not(:first-of-type)
{
    margin-top: 1lh;
}

.un_offer_article_detail-contact-text-email
{
    display: inline-block;

    text-decoration: underline; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-contact-text-email
    {
        text-underline-offset: min(calc(3 / 1440 * 100vw), 3px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-contact-text-email
    {
        text-underline-offset: calc(3 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-form
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-form
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}

.un_offer_article_detail-form-title
{
    text-align: center;
}
.un_offer_article_detail-form-title::before
{
    left: 50%;

    translate: -50% 0;
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-form-flow_wrap
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-form-flow_wrap
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_offer_article_detail-form-contents_wrap
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_offer_article_detail-form-contents_wrap
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_offer_article_detail-form-contents_wrap .bl_mail_address-confirm-inner
{
    padding-inline: 0;
}

.un_offer_article_detail-form-auth
{
    background: #fff;
}

@media only screen and (min-width: 768px)
{
    .un_form-section
    {
        padding-block: min(calc(24 / 1440 * 100vw), 24px) min(calc(32 / 1440 * 100vw), 32px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_form-section
    {
        padding-block: calc(24 / 390 * 100vw);
    }
}

.un_form-title
{
    text-align: center;
}
.un_form-title::before
{
    top: auto;
    bottom: 0;
    left: 50%;

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_form-title::before
    {
        bottom: min(calc(-12 / 1440 * 100vw), -12px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_form-title::before
    {
        bottom: calc(-12 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_form-flow_wrap
    {
        margin-top: min(calc(44 / 1440 * 100vw), 44px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_form-flow_wrap
    {
        margin-top: calc(36 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_form-contents_wrap
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_form-contents_wrap
    {
        margin: calc(40 / 390 * 100vw) calc(24 / 390 * 100vw) 0;
    }
}

@media only screen and (max-width: 767px)
{
    .un_form-contents_container
    {
        overflow: hidden;
    }
}

.un_form-contents_container .bl_form_contents
{
    background: #fff;
}
.un_form-contents_container .bl_form_contents .bl_mail_address,
.un_form-contents_container .bl_form_contents .bl_mail_address_ng
{
    background: inherit;
}
@media only screen and (max-width: 767px)
{
    .un_form-contents_container .bl_form_contents-inner
    {
        padding-top: 0;

        padding-inline: 0;
    }
}
@media only screen and (max-width: 767px)
{
    .un_form-contents_container .bl_form_contents-description
    {
        padding: calc(24 / 390 * 100vw) calc(24 / 390 * 100vw) 0;
    }
}
@media only screen and (max-width: 767px)
{
    .un_form-contents_container .bl_form_contents-error,
    .un_form-contents_container .bl_form_contents-auth
    {
        margin-inline: calc(24 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_form-contents_container .bl_form_contents-input_area
    {
        margin: calc(48 / 390 * 100vw) calc(24 / 390 * 100vw) 0;
    }
}

.un_form .ly_footer-upper-inner,
.un_form .ly_footer-bnr
{
    display: none;
}

@media only screen and (min-width: 768px)
{
    .un_form_confirm-section
    {
        padding-block: min(calc(24 / 1440 * 100vw), 24px) min(calc(32 / 1440 * 100vw), 32px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_form_confirm-section
    {
        padding-block: calc(24 / 390 * 100vw);
    }
}

.un_form_confirm-title
{
    text-align: center;
}
.un_form_confirm-title::before
{
    top: auto;
    bottom: 0;
    left: 50%;

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_form_confirm-title::before
    {
        bottom: min(calc(-12 / 1440 * 100vw), -12px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_form_confirm-title::before
    {
        bottom: calc(-12 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_form_confirm-flow_wrap
    {
        margin-top: min(calc(44 / 1440 * 100vw), 44px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_form_confirm-flow_wrap
    {
        margin-top: calc(36 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_form_confirm-contents_wrap
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_form_confirm-contents_wrap
    {
        margin: calc(40 / 390 * 100vw) calc(24 / 390 * 100vw) 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_form_confirm-contents_wrap .bl_form_contents
    {
        background: #fff;
    }
}

@media only screen and (max-width: 767px)
{
    .un_form_confirm-contents_wrap .bl_form_contents
    {
        padding-bottom: calc(24 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_form_confirm-contents_wrap .bl_form_contents-inner
    {
        padding: 0;
    }
}

@media only screen and (max-width: 767px)
{
    .un_form_confirm-contents_wrap .bl_form_contents-description
    {
        padding: calc(24 / 390 * 100vw) calc(24 / 390 * 100vw) 0;
    }
}

@media only screen and (max-width: 767px)
{
    .un_form_confirm-contents_wrap .bl_form_contents-error,
    .un_form_confirm-contents_wrap .bl_form_contents-auth
    {
        margin-inline: calc(24 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_form_confirm-contents_wrap .bl_form_contents-input_area
    {
        margin: calc(48 / 390 * 100vw) calc(24 / 390 * 100vw) 0;
    }
}

.un_form_confirm-form-btn_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_form_confirm-form-btn_list
    {
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_form_confirm-form-btn_list
    {
            flex-direction: column-reverse;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        row-gap: calc(16 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.un_form_confirm-form-btn
{
    margin-inline: 0;
}
@media only screen and (max-width: 767px)
{
    .un_form_confirm-form-btn
    {
        width: 100%;
    }
}
.un_form_confirm-form-btn.un_form_confirm-form-btn__to_input
{
    color: #000;
    background: #efefef;
}

.un_form_confirm .ly_footer-upper-inner,
.un_form_confirm .ly_footer-bnr
{
    display: none;
}

@media only screen and (min-width: 768px)
{
    .un_form_complete-section
    {
        padding-block: min(calc(24 / 1440 * 100vw), 24px) min(calc(32 / 1440 * 100vw), 32px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_form_complete-section
    {
        padding-block: calc(24 / 390 * 100vw);
    }
}

.un_form_complete-title
{
    text-align: center;
}
.un_form_complete-title::before
{
    top: auto;
    bottom: 0;
    left: 50%;

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_form_complete-title::before
    {
        bottom: min(calc(-12 / 1440 * 100vw), -12px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_form_complete-title::before
    {
        bottom: calc(-12 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_form_complete-flow_wrap
    {
        margin-top: min(calc(44 / 1440 * 100vw), 44px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_form_complete-flow_wrap
    {
        margin-top: calc(36 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_form_complete-contents_wrap
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_form_complete-contents_wrap
    {
        margin: calc(40 / 390 * 100vw) calc(24 / 390 * 100vw) 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_form_complete-contents_wrap .bl_form_contents
    {
        background: #fff;
    }
}

.un_form_complete-contents-inner
{
    background: #fff;
}

.un_form_complete-thanks
{
    font-weight: normal;

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_form_complete-thanks
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);
        line-height: 1.4;

        margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
    }
}

.un_form_complete-text
{
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_form_complete-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
        line-height: 1.65;
    }
}

@media only screen and (min-width: 768px)
{
    .un_form_complete-btn
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

.un_form_complete-btn-link
{
    font-weight: bold;

    text-align: center;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_form_complete-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
        line-height: 1.4;
    }
}

.un_form_complete .ly_footer-upper-inner,
.un_form_complete .ly_footer-bnr
{
    display: none;
}

@media only screen and (max-width: 767px)
{
    .un_job-search
    {
        margin-bottom: calc(40 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_job-search-contents
    {
        padding-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_job-search-contents
    {
        border-radius: 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_job-search-inner
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px); 
        padding-bottom: min(calc(40 / 1440 * 100vw), 40px);

        border-bottom: solid 1px #c4c4c4;
    }
}

@media only screen and (max-width: 767px)
{
    .un_job-search-inner
    {
        padding-top: calc(16 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_job-search-text
{
    line-height: 1; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
@media only screen and (min-width: 768px)
{
    .un_job-search-text
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-search-text
    {
        font-size: calc(18 / 390 * 100vw);

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_job-search-text-num
{
    font-weight: bold; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_job-search-text-num
    {
        font-size: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-search-text-num
    {
        font-size: min(calc(30 / 390 * 100vw), 30px);
    }
}

.un_job-fixed_search
{
    position: fixed;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;

    background: #fff;
    -webkit-box-shadow: 0 min(calc(-4 / 1440 * 100vw), -4px) min(calc(8 / 1440 * 100vw), 8px) rgba(0, 0, 0, .15);
            box-shadow: 0 min(calc(-4 / 1440 * 100vw), -4px) min(calc(8 / 1440 * 100vw), 8px) rgba(0, 0, 0, .15);
    /* 一番上では非表示、ファーストビュー分スクロールで表示（JSで .is_visible を付与） */
}
@media only screen and (max-width: 767px)
{
    .un_job-fixed_search
    {
        display: none;
    }
}
@media only screen and (min-width: 768px)
{
    .un_job-fixed_search
    {
        visibility: hidden;

        -webkit-transition: visibility .3s ease, -webkit-transform .3s ease;
                transition: visibility .3s ease, -webkit-transform .3s ease;
                transition: transform .3s ease, visibility .3s ease;
                transition: transform .3s ease, visibility .3s ease, -webkit-transform .3s ease; 
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        pointer-events: none;
    }
    .un_job-fixed_search.is_visible
    {
        visibility: visible;

        -webkit-transform: translateY(0);
                transform: translateY(0);
        pointer-events: auto;
    }
}
.un_job-fixed_search-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1440px;
    padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(36 / 1440 * 100vw), 36px);

    -webkit-column-gap: min(calc(16 / 1440 * 100vw), 16px);
       -moz-column-gap: min(calc(16 / 1440 * 100vw), 16px);
            column-gap: min(calc(16 / 1440 * 100vw), 16px);
    margin-inline: auto;
}
.un_job-fixed_search-btns
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-column-gap: min(calc(16 / 1440 * 100vw), 16px);
       -moz-column-gap: min(calc(16 / 1440 * 100vw), 16px);
            column-gap: min(calc(16 / 1440 * 100vw), 16px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.un_job-fixed_search-btns-item-link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: min(calc(160.8 / 1440 * 100vw), 160.8px);
    padding: min(calc(16 / 1440 * 100vw), 16px);

    color: #000;
    border: solid 1px #c4c4c4;
    border-radius: min(calc(8 / 1440 * 100vw), 8px);
    background: #efefef; 

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
       -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
            column-gap: min(calc(4 / 1440 * 100vw), 4px);
}
.un_job-fixed_search-btns-item-link:hover
{
    opacity: .7;
}
.un_job-fixed_search-btns-item-link.is_checked::after
{
    display: inline-block;

    content: '';

    background: url(/assets/images/red_check-icon.svg) no-repeat center center/contain;
}
@media only screen and (min-width: 768px)
{
    .un_job-fixed_search-btns-item-link.is_checked::after
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-fixed_search-btns-item-link.is_checked::after
    {
        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
    }
}
.un_job-fixed_search-btns-item-icon
{
    width: min(calc(24 / 1440 * 100vw), 24px);
}
.un_job-fixed_search-btns-item-text
{
    font-size: min(calc(14 / 1440 * 100vw), 14px);
}
.un_job-fixed_search-form
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    background: #fff;
}
.un_job-fixed_search-form-label
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: min(calc(323.2 / 1440 * 100vw), 323.2px);
    padding: min(calc(16 / 1440 * 100vw), 16px);

    border-top: solid 1px #c4c4c4;
    border-bottom: solid 1px #c4c4c4;
    border-left: solid 1px #c4c4c4; 
    border-radius: min(calc(8 / 1440 * 100vw), 8px) 0 0 min(calc(8 / 1440 * 100vw), 8px);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
       -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
            column-gap: min(calc(8 / 1440 * 100vw), 8px);
}
.un_job-fixed_search-form-label-icon
{
    width: min(calc(24 / 1440 * 100vw), 24px);

    color: #7f7f7f;
}
.un_job-fixed_search-form-label-input
{
    font-size: min(calc(18 / 1440 * 100vw), 18px); 

    width: 100%;
}
.un_job-fixed_search-form-button
{
    font-size: min(calc(18 / 1440 * 100vw), 18px);
    font-weight: bold;

    width: min(calc(160.8 / 1440 * 100vw), 160.8px);

    color: #fff;
    border-radius: 0 min(calc(8 / 1440 * 100vw), 8px) min(calc(8 / 1440 * 100vw), 8px) 0; 
    background: #c03;
}

.un_job-pagination_area
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .un_job-pagination_area
    {
            flex-direction: column; 

        row-gap: calc(16 / 390 * 100vw);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.un_job-pagination_area-total_current
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
@media only screen and (min-width: 768px)
{
    .un_job-pagination_area-total_current
    {
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-pagination_area-total_current
    {
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_job-pagination_area-total_current-total
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
@media only screen and (min-width: 768px)
{
    .un_job-pagination_area-total_current-total
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-pagination_area-total_current-total
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
.un_job-pagination_area-total_current-total-num
{
    font-weight: bold;
    line-height: 1; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_job-pagination_area-total_current-total-num
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-right: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-pagination_area-total_current-total-num
    {
        font-size: calc(20 / 390 * 100vw);

        margin-right: calc(4 / 390 * 100vw);
    }
}
.un_job-pagination_area-total_current-current
{
    line-height: 1; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_job-pagination_area-total_current-current
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-pagination_area-total_current-current
    {
        font-size: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}

.un_job-entry_modal
{
    display: none;
}
.un_job-entry_modal.is_block
{
    display: block;
}
.un_job-entry_modal-overray
{
    position: fixed;
    z-index: 10002;

    background: rgba(0, 0, 0, .6); 

    inset: 0;
}
.un_job-entry_modal-inner
{
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;

    -webkit-box-sizing: border-box;
            box-sizing: border-box; 

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

    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_job-entry_modal-inner
    {
        width: min(calc(940 / 1440 * 100vw), 940px);
        padding: min(calc(32 / 1440 * 100vw), 32px);

        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-entry_modal-inner
    {
        width: calc(358 / 390 * 100vw);
        padding: calc(24 / 390 * 100vw);

        border-radius: calc(16 / 390 * 100vw);
    }
}
.un_job-entry_modal-close
{
    position: absolute;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    cursor: pointer; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_job-entry_modal-close
    {
        top: min(calc(20 / 1440 * 100vw), 20px);
        right: min(calc(20 / 1440 * 100vw), 20px);

        width: min(calc(24 / 1440 * 100vw), 24px);
        height: min(calc(24 / 1440 * 100vw), 24px);

        color: #565656;
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-entry_modal-close
    {
        top: calc(-40 / 390 * 100vw);
        right: calc(0 / 390 * 100vw);

        width: calc(32 / 390 * 100vw);
        height: calc(32 / 390 * 100vw);

        color: #fff;
    }
}
.un_job-entry_modal-close svg
{
    width: 100%;
    height: 100%;
}
.un_job-entry_modal-title
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_job-entry_modal-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin: 0 0 min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-entry_modal-title
    {
        font-size: calc(24 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_job-entry_modal-lead
{
    line-height: 1.65; 

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .un_job-entry_modal-lead
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin: 0 0 min(calc(24 / 1440 * 100vw), 24px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-entry_modal-lead
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_job-entry_modal-lead-emphasis
{
    font-style: normal; 

    color: #c03;
}
.un_job-entry_modal-links
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    padding: 0;

    list-style: none;
}
@media only screen and (min-width: 768px)
{
    .un_job-entry_modal-links
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-entry_modal-links
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
    }
}
.un_job-entry_modal-links-item-link
{
    font-weight: bold;
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-sizing: border-box;
            box-sizing: border-box; 

    text-decoration: none;

    color: #fff;
    background: #565656;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_job-entry_modal-links-item-link
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);

        width: min(calc(400 / 1440 * 100vw), 400px);
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-entry_modal-links-item-link
    {
        font-size: calc(24 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_job-entry_modal-links-item-link.un_job-entry_modal-links-item-link__regist
{
    background: #c03;
}
.un_job-entry_modal-links-item-sm
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_job-entry_modal-links-item-sm
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-entry_modal-links-item-sm
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
.un_job-entry_modal-links-item-icon
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_job-entry_modal-links-item-icon
    {
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-entry_modal-links-item-icon
    {
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_job-entry_modal-links-item-icon svg
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-entry_modal-links-item-icon svg
    {
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}
.un_job-entry_modal-faq
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_job-entry_modal-faq
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-entry_modal-faq
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.un_job-entry_modal-faq-link
{
    line-height: 1.4; 

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    color: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_job-entry_modal-faq-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-entry_modal-faq-link
    {
        font-size: calc(14 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.un_job-entry_modal-faq span
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    margin-left: min(calc(4 / 1440 * 100vw), 4px); 

    vertical-align: middle;
}
@media only screen and (max-width: 767px)
{
    .un_job-entry_modal-faq span
    {
        margin-left: calc(4 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_job-entry_modal-faq span svg
    {
        width: min(calc(16 / 1440 * 100vw), 16px);
        height: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job-entry_modal-faq span svg
    {
        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_job .ly_footer-privacy_setting
    {
        bottom: min(calc(108 / 1440 * 100vw), 108px);
    }
}

html.un_job-entry_modal-body_open
{
    overflow: hidden;
}

body.un_job-entry_modal-body_open
{
    position: fixed;
    left: 0;

    overflow: hidden;

    width: 100%;
    /* top は JS でスクロール位置を打ち消すために指定 */
}

@media only screen and (min-width: 768px)
{
    .un_job_keep_column
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_job_keep_column .bl_job_article_card:first-of-type
{
    margin-top: 0;
}

@media only screen and (min-width: 768px)
{
    .un_job_detail_main
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_job_detail-search
    {
        margin-bottom: calc(40 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_detail-search-contents
    {
        padding-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_job_detail-search-contents
    {
        border-radius: 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_detail-search-inner
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_job_detail-search-inner
    {
        border-radius: 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_detail-search .bl_search-form-label
    {
        width: min(calc(707.2 / 1440 * 100vw), 707.2px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_detail-search .bl_search-form-button
    {
        width: min(calc(160.8 / 1440 * 100vw), 160.8px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_detail-section
    {
        margin-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_job_detail-section
    {
        margin-block: calc(24 / 390 * 100vw);
    }
}

.un_job_detail-column_main
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main
    {
        row-gap: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main
    {
        row-gap: calc(40 / 390 * 100vw);
    }
}
.un_job_detail-column_main-title_area
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-title_area
    {
        padding: min(calc(24 / 1440 * 100vw), 24px) min(calc(40 / 1440 * 100vw), 40px) min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-title_area
    {
        margin-top: calc(40 / 390 * 100vw);
        padding: calc(24 / 390 * 100vw) calc(24 / 390 * 100vw) calc(40 / 390 * 100vw);

        border-radius: min(calc(0 / 1440 * 100vw), 0px);
    }
}
.un_job_detail-column_main-title_area-info
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border-bottom: solid 4px #000; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-title_area-info
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 
        padding-bottom: min(calc(16 / 1440 * 100vw), 16px);

        -webkit-column-gap: min(calc(13 / 1440 * 100vw), 13px);
           -moz-column-gap: min(calc(13 / 1440 * 100vw), 13px);
                column-gap: min(calc(13 / 1440 * 100vw), 13px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-title_area-info
    {
        position: relative;

        margin-bottom: calc(16 / 390 * 100vw); 
        padding-bottom: calc(16 / 390 * 100vw);

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-column-gap: calc(13 / 390 * 100vw);
           -moz-column-gap: calc(13 / 390 * 100vw);
                column-gap: calc(13 / 390 * 100vw);
    }
}
.un_job_detail-column_main-title_area-info::before
{
    position: absolute;
    top: 100%;

    display: block;

    content: '';

    border-radius: 100vmax; 
    background: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-title_area-info::before
    {
        width: min(calc(80 / 1440 * 100vw), 80px);
        height: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-title_area-info::before
    {
        width: calc(80 / 390 * 100vw);
        height: calc(4 / 390 * 100vw);
    }
}
.un_job_detail-column_main-title_area-info-No,
.un_job_detail-column_main-title_area-info-update
{
    line-height: 1.4; 

    color: #565656;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-title_area-info-No,
    .un_job_detail-column_main-title_area-info-update
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-title_area-info-No,
    .un_job_detail-column_main-title_area-info-update
    {
        font-size: calc(12 / 390 * 100vw);
    }
}
.un_job_detail-column_main-title_area-info-tag_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-title_area-info-tag_list
    {
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-title_area-info-tag_list
    {
        width: 100%;
        margin-top: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_job_detail-column_main-title_area-info-tag_list-item
{
    line-height: 1.4;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-title_area-info-tag_list-item
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(5 / 1440 * 100vw), 5px) min(calc(15 / 1440 * 100vw), 15px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-title_area-info-tag_list-item
    {
        font-size: calc(12 / 390 * 100vw);

        padding: calc(3.5 / 390 * 100vw) calc(12 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}
.un_job_detail-column_main-title_area-occupation
{
    font-weight: bold;
    line-height: 1.4; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-title_area-occupation
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
.un_job_detail-column_main-title_area-title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-title_area-title
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-title_area-title
    {
            flex-direction: column;

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(8 / 390 * 100vw);
    }
}
.un_job_detail-column_main-title_area-title-employment-text
{
    font-weight: 500;
    line-height: 1.4;

    color: #fff;
    background: #282828;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-title_area-title-employment-text
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(5 / 1440 * 100vw), 5px) min(calc(8 / 1440 * 100vw), 8px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-title_area-title-employment-text
    {
        font-size: calc(12 / 390 * 100vw);

        padding: calc(3.5 / 390 * 100vw) calc(6 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}
.un_job_detail-column_main-title_area-title-text
{
    font-weight: bold;
    line-height: 1.4; 

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-title_area-title-text
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-title_area-title-text
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
.un_job_detail-column_main-title_area-overview
{
    font-weight: bold;
    line-height: 1.8;

    color: #565656;
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-title_area-overview
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);

        margin-top: min(calc(16 / 1440 * 100vw), 16px); 
        padding-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-title_area-overview
    {
        font-size: calc(20 / 390 * 100vw);

        margin-top: calc(16 / 390 * 100vw); 
        padding-top: calc(16 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area,
.un_job_detail-column_main-other
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area,
    .un_job_detail-column_main-other
    {
        padding: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area,
    .un_job_detail-column_main-other
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: calc(0 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area-row,
.un_job_detail-column_main-other-row
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border-bottom: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area-row,
    .un_job_detail-column_main-other-row
    {
        -webkit-column-gap: min(calc(16 / 1440 * 100vw), 16px);
           -moz-column-gap: min(calc(16 / 1440 * 100vw), 16px);
                column-gap: min(calc(16 / 1440 * 100vw), 16px);
        padding-block: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-row,
    .un_job_detail-column_main-other-row
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(8 / 390 * 100vw);
        padding-block: calc(24 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-row:first-of-type,
    .un_job_detail-column_main-other-row:first-of-type
    {
        padding-top: 0;
    }
}
.un_job_detail-column_main-detail_area-title,
.un_job_detail-column_main-other-title
{
    font-weight: bold;
    line-height: 1.8; 

    position: relative;

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area-title,
    .un_job_detail-column_main-other-title
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(200 / 1440 * 100vw), 200px);
        margin-top: min(calc(32 / 1440 * 100vw), 32px);
        padding-left: min(calc(26 / 1440 * 100vw), 26px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-title,
    .un_job_detail-column_main-other-title
    {
        font-size: calc(18 / 390 * 100vw);

        padding-left: calc(26 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area-title:first-child,
.un_job_detail-column_main-other-title:first-child
{
    margin-top: 0;
}
.un_job_detail-column_main-detail_area-title::before,
.un_job_detail-column_main-other-title::before
{
    position: absolute;
    top: 1em;
    left: 0;

    content: '';

    border-radius: 100vmax; 
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area-title::before,
    .un_job_detail-column_main-other-title::before
    {
        width: min(calc(16 / 1440 * 100vw), 16px);
        height: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-title::before,
    .un_job_detail-column_main-other-title::before
    {
        width: calc(16 / 390 * 100vw);
        height: calc(4 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area-data,
.un_job_detail-column_main-other-data
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area-data,
    .un_job_detail-column_main-other-data
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-data,
    .un_job_detail-column_main-other-data
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area-data-tags,
.un_job_detail-column_main-other-data-tags
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area-data-tags,
    .un_job_detail-column_main-other-data-tags
    {
        gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-data-tags,
    .un_job_detail-column_main-other-data-tags
    {
        gap: calc(8 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area-data-tags-item,
.un_job_detail-column_main-other-data-tags-item
{
    font-weight: 500;
    line-height: 1.4; 

    color: #000;
    background: #efefef;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area-data-tags-item,
    .un_job_detail-column_main-other-data-tags-item
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(3 / 1440 * 100vw), 3px) min(calc(8 / 1440 * 100vw), 8px) min(calc(5 / 1440 * 100vw), 5px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-data-tags-item,
    .un_job_detail-column_main-other-data-tags-item
    {
        font-size: calc(12 / 390 * 100vw);

        padding: calc(3.5 / 390 * 100vw) calc(6 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area-data__job_type,
.un_job_detail-column_main-other-data__job_type
{
    text-decoration: underline; 

    color: #c03;
}
.un_job_detail-column_main-detail_area-keep,
.un_job_detail-column_main-other-keep
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area-keep,
    .un_job_detail-column_main-other-keep
    {
        margin: min(calc(40 / 1440 * 100vw), 40px) 0 0;
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-keep,
    .un_job_detail-column_main-other-keep
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area-keep-btn,
.un_job_detail-column_main-other-keep-btn
{
    line-height: 1.4;

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    cursor: pointer; 

    color: #000;
    border: solid 1px #c4c4c4;
    background: #fff;
    background: #efefef;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area-keep-btn,
    .un_job_detail-column_main-other-keep-btn
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-keep-btn,
    .un_job_detail-column_main-other-keep-btn
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(12 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area-keep-btn-icon,
.un_job_detail-column_main-other-keep-btn-icon
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: var(--bookmark-icon-color); 

    --bookmark-icon-color: #333;
    --bookmark-inner-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.un_job_detail-column_main-detail_area-keep-btn-icon svg,
.un_job_detail-column_main-other-keep-btn-icon svg
{
    fill: currentColor;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area-keep-btn-icon svg,
    .un_job_detail-column_main-other-keep-btn-icon svg
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
        height: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-keep-btn-icon svg,
    .un_job_detail-column_main-other-keep-btn-icon svg
    {
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area-keep-btn.is_keep .un_job_detail-column_main-detail_area-keep-btn-icon,
.un_job_detail-column_main-other-keep-btn.is_keep .un_job_detail-column_main-detail_area-keep-btn-icon,
.un_job_detail-column_main-detail_area-keep-btn.is_keep .un_job_detail-column_main-other-keep-btn-icon,
.un_job_detail-column_main-other-keep-btn.is_keep .un_job_detail-column_main-other-keep-btn-icon
{
    --bookmark-icon-color: #c03;
    --bookmark-inner-color: #c03;
}
.un_job_detail-column_main-detail_area-keep-modal,
.un_job_detail-column_main-other-keep-modal
{
    display: none;
}
.un_job_detail-column_main-detail_area-keep-modal.is_block,
.un_job_detail-column_main-other-keep-modal.is_block
{
    display: block;
}
.un_job_detail-column_main-detail_area-keep-modal-overray,
.un_job_detail-column_main-other-keep-modal-overray
{
    position: fixed;
    z-index: 10002;

    background: rgba(0, 0, 0, .6); 

    inset: 0;
}
.un_job_detail-column_main-detail_area-keep-modal-inner,
.un_job_detail-column_main-other-keep-modal-inner
{
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;

    -webkit-box-sizing: border-box;
            box-sizing: border-box; 

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

    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area-keep-modal-inner,
    .un_job_detail-column_main-other-keep-modal-inner
    {
        width: min(calc(400 / 1440 * 100vw), 400px);
        padding: min(calc(32 / 1440 * 100vw), 32px);

        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-keep-modal-inner,
    .un_job_detail-column_main-other-keep-modal-inner
    {
        width: calc(358 / 390 * 100vw);
        padding: calc(24 / 390 * 100vw);

        border-radius: calc(16 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area-keep-modal-close,
.un_job_detail-column_main-other-keep-modal-close
{
    position: absolute;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    cursor: pointer; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area-keep-modal-close,
    .un_job_detail-column_main-other-keep-modal-close
    {
        top: min(calc(20 / 1440 * 100vw), 20px);
        right: min(calc(20 / 1440 * 100vw), 20px);

        width: min(calc(24 / 1440 * 100vw), 24px);
        height: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-keep-modal-close,
    .un_job_detail-column_main-other-keep-modal-close
    {
        top: calc(20 / 390 * 100vw);
        right: calc(20 / 390 * 100vw);

        width: calc(24 / 390 * 100vw);
        height: calc(24 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area-keep-modal-title,
.un_job_detail-column_main-other-keep-modal-title
{
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area-keep-modal-title,
    .un_job_detail-column_main-other-keep-modal-title
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        margin-bottom: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-keep-modal-title,
    .un_job_detail-column_main-other-keep-modal-title
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area-keep-modal-text,
.un_job_detail-column_main-other-keep-modal-text
{
    line-height: 1.6;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-detail_area-keep-modal-text,
    .un_job_detail-column_main-other-keep-modal-text
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        margin-bottom: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-detail_area-keep-modal-text,
    .un_job_detail-column_main-other-keep-modal-text
    {
        font-size: calc(14 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_job_detail-column_main-detail_area-keep-modal-btn,
.un_job_detail-column_main-other-keep-modal-btn
{
    display: inline-block;

    text-align: center;
}
.un_job_detail-column_main-other-row
{
    border-bottom: none; 

    padding-block: 0;
}
.un_job_detail-column_main-interest-title
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-interest-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-interest-title
    {
        font-size: calc(24 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-interest-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-interest-text
    {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.65;
    }
}
.un_job_detail-column_main-interest-text:not(:last-of-type)
{
    margin-bottom: 1lh;
}
.un_job_detail-column_main-interest-btn_area-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-interest-btn_area-list
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 

        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-interest-btn_area-list
    {
            flex-direction: column;

        margin-top: calc(24 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-interest-btn_area-list-item
    {
        width: 100%;
    }
}
.un_job_detail-column_main-interest-btn_area-list-item-link
{
    font-weight: bold;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    color: #fff;
    background: #565656; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-interest-btn_area-list-item-link
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);

        width: min(calc(400 / 1440 * 100vw), 400px);
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-interest-btn_area-list-item-link
    {
        font-size: calc(24 / 390 * 100vw);

        width: 100%;
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_job_detail-column_main-interest-btn_area-list-item-link.un_job_detail-column_main-interest-btn_area-list-item-link__regist
{
    background: #c03;
}
.un_job_detail-column_main-interest-btn_area-list-item-link-text_sm
{
    line-height: 1.65; 

    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-interest-btn_area-list-item-link-text_sm
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-interest-btn_area-list-item-link-text_sm
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
.un_job_detail-column_main-interest-btn_area-list-item-link-text_with_entry_icon
{
    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;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-interest-btn_area-list-item-link-text_with_entry_icon
    {
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-interest-btn_area-list-item-link-text_with_entry_icon
    {
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-interest-btn_area-list-item-link-text_with_entry_icon span
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-interest-btn_area-list-item-link-text_with_entry_icon span
    {
        width: calc(20 / 390 * 100vw);
    }
}
.un_job_detail-column_main-interest-btn_area-text
{
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    text-align: center; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-interest-btn_area-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-interest-btn_area-text
    {
        font-size: calc(16 / 390 * 100vw);

        margin-top: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_job_detail-column_main-interest-btn_area-text-icon
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_detail-column_main-interest-btn_area-text-icon
    {
        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_hidden-section
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_job_hidden-section
    {
        padding-bottom: calc(40 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_hidden-section-inner
    {
        padding: min(calc(32 / 1440 * 100vw), 32px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_job_hidden-section-inner
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}

.un_job_hidden-section-title
{
    font-weight: normal;
    line-height: 1.4;

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-section-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-section-title
    {
        font-size: calc(22 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}

.un_job_hidden-section-text
{
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-section-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-section-text
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_job_hidden-section-text-emphasis
{
    font-style: normal;

    color: #c03;
}

.un_job_hidden-section-btns
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-section-btns
    {
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-section-btns
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-section-btns-item
    {
        width: min(calc(400 / 1440 * 100vw), 400px);
    }
}
.un_job_hidden-section-btns-item-link
{
    font-weight: bold;
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;

    color: #fff;
    background: #565656; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-section-btns-item-link
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);

        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-section-btns-item-link
    {
        font-size: calc(24 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_job_hidden-section-btns-item-link.un_job_hidden-section-btns-item-link__regist
{
    background: #c03;
}
.un_job_hidden-section-btns-item-text_sm
{
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-section-btns-item-text_sm
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-section-btns-item-text_sm
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
.un_job_hidden-section-btns-item-with_entry_icon
{
    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;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-section-btns-item-with_entry_icon
    {
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-section-btns-item-with_entry_icon
    {
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-section-btns-item-with_entry_icon span
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-section-btns-item-with_entry_icon span
    {
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}

.un_job_hidden-section-faq
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-section-faq
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-section-faq
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.un_job_hidden-section-faq-link
{
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-section-faq-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-section-faq-link span
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_hidden-relative
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

.un_job_hidden-aside
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-aside
    {
        width: min(calc(620 / 1440 * 100vw), 620px);

        padding-block: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-aside
    {
        padding: calc(32 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_job_hidden-aside-title
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-aside-title
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);
        line-height: 1.4;

        margin-bottom: min(calc(20 / 1440 * 100vw), 20px); 
        padding-top: min(calc(10 / 1440 * 100vw), 10px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-aside-title
    {
        font-size: calc(22 / 390 * 100vw);
        line-height: 1.8;

        margin-bottom: calc(18 / 390 * 100vw); 
        padding-top: calc(10 / 390 * 100vw);
    }
}
.un_job_hidden-aside-title::before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    content: '';

    border-radius: 100vmax; 
    background: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-aside-title::before
    {
        width: min(calc(40 / 1440 * 100vw), 40px);
        height: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-aside-title::before
    {
        width: calc(40 / 390 * 100vw);
        height: calc(4 / 390 * 100vw);
    }
}
.un_job_hidden-aside-list
{
    border-top: solid 1px #c4c4c4;
}
.un_job_hidden-aside-list-item-link
{
    position: relative;

    border-bottom: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-aside-list-item-link
    {
        padding: min(calc(13 / 1440 * 100vw), 13px) min(calc(28 / 1440 * 100vw), 28px) min(calc(13 / 1440 * 100vw), 13px) 0;
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-aside-list-item-link
    {
        padding: calc(13 / 390 * 100vw) calc(28 / 390 * 100vw) calc(13 / 390 * 100vw) 0;
    }
}
.un_job_hidden-aside-list-item-time
{
    line-height: 1.4; 

    display: block;

    color: #979797;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-aside-list-item-time
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        margin-bottom: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-aside-list-item-time
    {
        font-size: calc(14 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}
.un_job_hidden-aside-list-item-company
{
    color: #000;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-aside-list-item-company
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
        line-height: 1.4;
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-aside-list-item-company
    {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.4;
    }
}
.un_job_hidden-aside-list-item-data
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #979797;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-aside-list-item-data
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        margin-top: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-aside-list-item-data
    {
        font-size: calc(14 / 390 * 100vw);

        margin-top: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_job_hidden-aside-list-item-data-type
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.un_job_hidden-aside-list-item-arrow
{
    position: absolute;
    top: 50%;

    display: block;

    color: #979797; 

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-aside-list-item-arrow
    {
        right: min(calc(8 / 1440 * 100vw), 8px);

        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-aside-list-item-arrow
    {
        right: calc(8 / 390 * 100vw);

        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}
.un_job_hidden-aside-more
{
    text-align: right;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-aside-more
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-aside-more
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.un_job_hidden-aside-more-link
{
    line-height: 1.4; 

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    color: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-aside-more-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-aside-more-link
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
.un_job_hidden-aside-more-link-arrow
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden-aside-more-link-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden-aside-more-link-arrow
    {
        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user_main
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-search
    {
        margin-bottom: calc(40 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-search-contents
    {
        padding-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-search-contents
    {
        border-radius: 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-search-inner
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-search-inner
    {
        border-radius: 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-search .bl_search-form-label
    {
        width: min(calc(707.2 / 1440 * 100vw), 707.2px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-search .bl_search-form-button
    {
        width: min(calc(160.8 / 1440 * 100vw), 160.8px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-section
    {
        margin-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-section
    {
        margin-block: calc(24 / 390 * 100vw);
    }
}

.un_job_hidden.un_job_hidden_mypage_user-column_main
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main
    {
        row-gap: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main
    {
        row-gap: calc(40 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-title_area
{
    position: relative;

    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area
    {
        padding: min(calc(24 / 1440 * 100vw), 24px) min(calc(40 / 1440 * 100vw), 40px) min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area
    {
        margin-top: calc(40 / 390 * 100vw);
        padding: calc(24 / 390 * 100vw) calc(24 / 390 * 100vw) calc(40 / 390 * 100vw);

        border-radius: min(calc(0 / 1440 * 100vw), 0px);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-title_area::before
{
    position: absolute;

    display: block;

    content: '';

    background: url(/assets/images/img_private_mark.png) no-repeat 0 0/contain;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area::before
    {
        top: max(calc(-8 / 1440 * 100vw), -8px);
        right: min(calc(27 / 1440 * 100vw), 27px);

        width: min(calc(70 / 1440 * 100vw), 70px);
        height: min(calc(71 / 1440 * 100vw), 71px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area::before
    {
        top: calc(-8 / 390 * 100vw);
        right: calc(27 / 390 * 100vw);

        width: calc(70 / 390 * 100vw);
        height: calc(71 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border-bottom: solid 4px #000; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 
        padding-bottom: min(calc(16 / 1440 * 100vw), 16px);

        -webkit-column-gap: min(calc(13 / 1440 * 100vw), 13px);
           -moz-column-gap: min(calc(13 / 1440 * 100vw), 13px);
                column-gap: min(calc(13 / 1440 * 100vw), 13px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info
    {
        position: relative;

        margin-bottom: calc(16 / 390 * 100vw); 
        padding-bottom: calc(16 / 390 * 100vw);

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-column-gap: calc(13 / 390 * 100vw);
           -moz-column-gap: calc(13 / 390 * 100vw);
                column-gap: calc(13 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info::before
{
    position: absolute;
    top: 100%;

    display: block;

    content: '';

    border-radius: 100vmax; 
    background: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info::before
    {
        width: min(calc(80 / 1440 * 100vw), 80px);
        height: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info::before
    {
        width: calc(80 / 390 * 100vw);
        height: calc(4 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info-No,
.un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info-update
{
    line-height: 1.4; 

    color: #565656;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info-No,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info-update
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info-No,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info-update
    {
        font-size: calc(12 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info-tag_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info-tag_list
    {
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info-tag_list
    {
        width: 100%;
        margin-top: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info-tag_list-item
{
    line-height: 1.4;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info-tag_list-item
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(5 / 1440 * 100vw), 5px) min(calc(15 / 1440 * 100vw), 15px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-info-tag_list-item
    {
        font-size: calc(12 / 390 * 100vw);

        padding: calc(3.5 / 390 * 100vw) calc(12 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-occupation
{
    font-weight: bold;
    line-height: 1.4; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-occupation
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-title
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-title
    {
            flex-direction: column;

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(8 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-title-employment-text
{
    font-weight: 500;
    line-height: 1.4;

    color: #fff;
    background: #282828;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-title-employment-text
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(5 / 1440 * 100vw), 5px) min(calc(8 / 1440 * 100vw), 8px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-title-employment-text
    {
        font-size: calc(12 / 390 * 100vw);

        padding: calc(3.5 / 390 * 100vw) calc(6 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-title-text
{
    font-weight: bold;
    line-height: 1.4; 

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-title-text
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-title-text
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-overview
{
    font-weight: bold;
    line-height: 1.8;

    color: #565656;
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-overview
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);

        margin-top: min(calc(16 / 1440 * 100vw), 16px); 
        padding-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-title_area-overview
    {
        font-size: calc(20 / 390 * 100vw);

        margin-top: calc(16 / 390 * 100vw); 
        padding-top: calc(16 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other
    {
        padding: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: calc(0 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-row,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-row
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border-bottom: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-row,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-row
    {
        -webkit-column-gap: min(calc(16 / 1440 * 100vw), 16px);
           -moz-column-gap: min(calc(16 / 1440 * 100vw), 16px);
                column-gap: min(calc(16 / 1440 * 100vw), 16px);
        padding-block: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-row,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-row
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(8 / 390 * 100vw);
        padding-block: calc(24 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-row:first-of-type,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-row:first-of-type
    {
        padding-top: 0;
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-title,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-title
{
    font-weight: bold;
    line-height: 1.8; 

    position: relative;

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-title,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-title
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(200 / 1440 * 100vw), 200px);
        margin-top: min(calc(32 / 1440 * 100vw), 32px);
        padding-left: min(calc(26 / 1440 * 100vw), 26px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-title,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-title
    {
        font-size: calc(18 / 390 * 100vw);

        padding-left: calc(26 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-title:first-child,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-title:first-child
{
    margin-top: 0;
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-title::before,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-title::before
{
    position: absolute;
    top: 1em;
    left: 0;

    content: '';

    border-radius: 100vmax; 
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-title::before,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-title::before
    {
        width: min(calc(16 / 1440 * 100vw), 16px);
        height: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-title::before,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-title::before
    {
        width: calc(16 / 390 * 100vw);
        height: calc(4 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-data,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-data
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-data,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-data
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-data,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-data
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-data-tags,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-data-tags
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-data-tags,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-data-tags
    {
        gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-data-tags,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-data-tags
    {
        gap: calc(8 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-data-tags-item,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-data-tags-item
{
    font-weight: 500;
    line-height: 1.4; 

    color: #000;
    background: #efefef;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-data-tags-item,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-data-tags-item
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(3 / 1440 * 100vw), 3px) min(calc(8 / 1440 * 100vw), 8px) min(calc(5 / 1440 * 100vw), 5px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-data-tags-item,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-data-tags-item
    {
        font-size: calc(12 / 390 * 100vw);

        padding: calc(3.5 / 390 * 100vw) calc(6 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-data__job_type,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-data__job_type
{
    text-decoration: underline; 

    color: #c03;
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep
    {
        margin: min(calc(40 / 1440 * 100vw), 40px) 0 0;
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-btn,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-btn
{
    line-height: 1.4;

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    cursor: pointer; 

    color: #000;
    border: solid 1px #c4c4c4;
    background: #fff;
    background: #efefef;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-btn,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-btn
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-btn,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-btn
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(12 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-btn-icon,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-btn-icon
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: var(--bookmark-icon-color); 

    --bookmark-icon-color: #333;
    --bookmark-inner-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-btn-icon svg,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-btn-icon svg
{
    fill: currentColor;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-btn-icon svg,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-btn-icon svg
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
        height: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-btn-icon svg,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-btn-icon svg
    {
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-btn.is_keep .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-btn-icon,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-btn.is_keep .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-btn-icon,
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-btn.is_keep .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-btn-icon,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-btn.is_keep .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-btn-icon
{
    --bookmark-icon-color: #c03;
    --bookmark-inner-color: #c03;
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal
{
    display: none;
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal.is_block,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal.is_block
{
    display: block;
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-overray,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-overray
{
    position: fixed;
    z-index: 10002;

    background: rgba(0, 0, 0, .6); 

    inset: 0;
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-inner,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-inner
{
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;

    -webkit-box-sizing: border-box;
            box-sizing: border-box; 

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

    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-inner,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-inner
    {
        width: min(calc(400 / 1440 * 100vw), 400px);
        padding: min(calc(32 / 1440 * 100vw), 32px);

        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-inner,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-inner
    {
        width: calc(358 / 390 * 100vw);
        padding: calc(24 / 390 * 100vw);

        border-radius: calc(16 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-close,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-close
{
    position: absolute;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    cursor: pointer; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-close,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-close
    {
        top: min(calc(20 / 1440 * 100vw), 20px);
        right: min(calc(20 / 1440 * 100vw), 20px);

        width: min(calc(24 / 1440 * 100vw), 24px);
        height: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-close,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-close
    {
        top: calc(20 / 390 * 100vw);
        right: calc(20 / 390 * 100vw);

        width: calc(24 / 390 * 100vw);
        height: calc(24 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-title,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-title
{
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-title,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-title
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        margin-bottom: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-title,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-title
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-text,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-text
{
    line-height: 1.6;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-text,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-text
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        margin-bottom: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-text,
    .un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-text
    {
        font-size: calc(14 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-detail_area-keep-modal-btn,
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-keep-modal-btn
{
    display: inline-block;

    text-align: center;
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-other-row
{
    border-bottom: none; 

    padding-block: 0;
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-interest-title
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-title
    {
        font-size: calc(24 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-text
    {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.65;
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-interest-text:not(:last-of-type)
{
    margin-bottom: 1lh;
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 

        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list
    {
            flex-direction: column;

        margin-top: calc(24 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item
    {
        width: 100%;
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item-link
{
    font-weight: bold;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    color: #fff;
    background: #565656; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item-link
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);

        width: min(calc(400 / 1440 * 100vw), 400px);
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item-link
    {
        font-size: calc(24 / 390 * 100vw);

        width: 100%;
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item-link.un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item-link__regist
{
    background: #c03;
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item-link-text_sm
{
    line-height: 1.65; 

    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item-link-text_sm
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item-link-text_sm
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item-link-text_with_entry_icon
{
    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;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item-link-text_with_entry_icon
    {
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item-link-text_with_entry_icon
    {
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item-link-text_with_entry_icon span
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-list-item-link-text_with_entry_icon span
    {
        width: calc(20 / 390 * 100vw);
    }
}
.un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-text
{
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    text-align: center; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-text
    {
        font-size: calc(16 / 390 * 100vw);

        margin-top: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-text-icon
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_job_hidden.un_job_hidden_mypage_user-column_main-interest-btn_area-text-icon
    {
        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_featured_company-list
    {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(40 / 1440 * 100vw), 40px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_featured_company-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.un_featured_company-list-item-link
{
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_featured_company-list-item-link
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        height: 100%;

        border-radius: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media only screen and (max-width: 767px)
{
    .un_featured_company-list-item-link
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}

.un_featured_company-list-item-title
{
    line-height: 1.4;

    color: #000;
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_featured_company-list-item-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding: min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
@media only screen and (max-width: 767px)
{
    .un_featured_company-list-item-title
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_featured_company_sidemenu-column
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

@media only screen and (min-width: 768px)
{
    .un_featured_company_sidemenu-list
    {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(40 / 1440 * 100vw), 40px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_featured_company_sidemenu-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.un_featured_company_sidemenu-list-item-link
{
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_featured_company_sidemenu-list-item-link
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        height: 100%;

        border-radius: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media only screen and (max-width: 767px)
{
    .un_featured_company_sidemenu-list-item-link
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}

.un_featured_company_sidemenu-list-item-title
{
    line-height: 1.4;

    color: #000;
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_featured_company_sidemenu-list-item-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding: min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
@media only screen and (max-width: 767px)
{
    .un_featured_company_sidemenu-list-item-title
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_featured_company_detail-main
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_featured_company_detail-main
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}

.un_featured_company_detail-column_main
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_featured_company_detail-column_main
    {
        margin-bottom: min(calc(64 / 1440 * 100vw), 64px); 
        padding: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_featured_company_detail-column_main
    {
        margin-bottom: calc(56 / 390 * 100vw); 
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_featured_company_detail-column_main-logo
{
    overflow: hidden;

    width: auto;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_featured_company_detail-column_main-logo
    {
        height: min(calc(180 / 1440 * 100vw), 180px);
        padding: min(calc(5 / 1440 * 100vw), 5px) 0;

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_featured_company_detail-column_main-logo
    {
        height: calc(110.95 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_featured_company_detail-column_main-logo img
{
    display: block;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_featured_company_detail-column_main-logo img
    {
        height: 100%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_featured_company_detail-column_main-section
    {
        margin-top: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_featured_company_detail-column_main-section
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}
.un_featured_company_detail-column_main-intro-img_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_featured_company_detail-column_main-intro-img_list
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: min(calc(25 / 1440 * 100vw), 25px);
           -moz-column-gap: min(calc(25 / 1440 * 100vw), 25px);
                column-gap: min(calc(25 / 1440 * 100vw), 25px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_featured_company_detail-column_main-intro-img_list
    {
            flex-direction: column;

        margin-top: calc(16 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_featured_company_detail-column_main-intro-img_list-item
{
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .un_featured_company_detail-column_main-intro-img_list-item
    {
        width: min(calc(270 / 1440 * 100vw), 270px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_featured_company_detail-column_main-intro-img_list-item
    {
        width: 100%;

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_featured_company_detail-column_main-intro-img_list-item img
{
    display: block;

    width: 100%;
}
.un_featured_company_detail-column_main-about-table-data p:not(:first-of-type)
{
    margin-top: 1lh;
}

@media only screen and (max-width: 767px)
{
    .un_featured_company_detail-job-title
    {
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.un_pickup-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_pickup-inner
    {
        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_pickup-inner
    {
        row-gap: calc(56 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.un_pickup-section:first-of-type
{
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_pickup-section:first-of-type
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_pickup-section:first-of-type
    {
        padding-top: calc(40 / 390 * 100vw);
    }
}

.un_pickup-section-title
{
    text-align: center;
}
.un_pickup-section-title::before
{
    left: 50%;

    translate: -50% 0;
}

@media only screen and (min-width: 768px)
{
    .un_pickup-list
    {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(40 / 1440 * 100vw), 40px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_pickup-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
    }
}

.un_pickup-list-item-link
{
    display: block;
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_pickup-list-item-link
    {
        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_pickup-list-item-link
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}

.un_pickup-list-item-title
{
    line-height: 1.4;

    color: #000;
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_pickup-list-item-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_pickup-list-item-title
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(24 / 390 * 100vw);
    }
}

.un_pickup-more
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_pickup-more
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_pickup-more
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_pickup-more-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_pickup-more-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_pickup-more-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        margin-inline: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_pickup_sidemenu-column
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_pickup_sidemenu-column_main
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_pickup_sidemenu-column_main
    {
        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_pickup_sidemenu-column_main
    {
        row-gap: calc(56 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_pickup_sidemenu-section:first-of-type
    {
        padding-top: calc(40 / 390 * 100vw);

        border-top: solid 1px #c4c4c4;
    }
}

@media only screen and (max-width: 767px)
{
    .un_pickup_sidemenu-section:last-of-type
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}

.un_pickup_sidemenu-section-title
{
    text-align: center;
}
.un_pickup_sidemenu-section-title::before
{
    left: 50%;

    translate: -50% 0;
}

@media only screen and (min-width: 768px)
{
    .un_pickup_sidemenu-list
    {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(40 / 1440 * 100vw), 40px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_pickup_sidemenu-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
    }
}

.un_pickup_sidemenu-list-item-link
{
    display: block;
    overflow: hidden;

    height: 100%; 

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_pickup_sidemenu-list-item-link
    {
        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_pickup_sidemenu-list-item-link
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}

.un_pickup_sidemenu-list-item-title
{
    line-height: 1.4;

    color: #000;
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_pickup_sidemenu-list-item-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_pickup_sidemenu-list-item-title
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(24 / 390 * 100vw);
    }
}

.un_pickup_sidemenu-more
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_pickup_sidemenu-more
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_pickup_sidemenu-more
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_pickup_sidemenu-more-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_pickup_sidemenu-more-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_pickup_sidemenu-more-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        margin-inline: calc(24 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_pickup_sidemenu-sidemenu
    {
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.un_pickup_sidemenu-sidemenu-list
{
    border-top: solid 1px #c4c4c4;
}
.un_pickup_sidemenu-sidemenu-list-item
{
    border-bottom: solid 1px #c4c4c4;
}
.un_pickup_sidemenu-sidemenu-list-item-link
{
    font-family: 'Inter', sans-serif;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #000; 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_pickup_sidemenu-sidemenu-list-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
        line-height: 1.5;

        padding: min(calc(8 / 1440 * 100vw), 8px) min(calc(16 / 1440 * 100vw), 16px) min(calc(8 / 1440 * 100vw), 8px) 0;

        -webkit-transition: color .3s;
                transition: color .3s;
    }
}
@media only screen and (max-width: 767px)
{
    .un_pickup_sidemenu-sidemenu-list-item-link
    {
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.71429;

        padding: calc(8 / 390 * 100vw) calc(16 / 390 * 100vw) calc(8 / 390 * 100vw) 0;

        -webkit-transition: color .3s;
                transition: color .3s;
    }
}
.un_pickup_sidemenu-sidemenu-list-item-link:hover
{
    opacity: 1;
    color: #c03;
}
.un_pickup_sidemenu-sidemenu-list-item-arrow
{
    -webkit-transition: color .3s;
            transition: color .3s; 

    color: #979797;
}
@media only screen and (min-width: 768px)
{
    .un_pickup_sidemenu-sidemenu-list-item-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_pickup_sidemenu-sidemenu-list-item-arrow
    {
        width: calc(20 / 390 * 100vw);
    }
}
.un_pickup_sidemenu-sidemenu-list-item-link:hover .un_pickup_sidemenu-sidemenu-list-item-arrow
{
    color: inherit;
}

@media only screen and (min-width: 768px)
{
    .un_to_creator-filter_wrap
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_to_creator-filter_wrap
    {
        overflow: auto;

        margin-bottom: calc(40 / 390 * 100vw);
    }
}

.un_to_creator-filter
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border-bottom: #c4c4c4 solid 1px; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator-filter
    {
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator-filter
    {
        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;

        -webkit-column-gap: calc(16 / 390 * 100vw);
           -moz-column-gap: calc(16 / 390 * 100vw);
                column-gap: calc(16 / 390 * 100vw);
        padding-inline: calc(16 / 390 * 100vw);
    }
}

.un_to_creator-filter-item-btn
{
    font-weight: bold;
    line-height: 1.2;

    display: block;

    text-align: center;

    color: #282828;
    border: none; 
    background: transparent;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator-filter-item-btn
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        width: min(calc(120 / 1440 * 100vw), 120px);
        padding: min(calc(13 / 1440 * 100vw), 13px) 0;

        border-bottom: transparent solid 3px;
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator-filter-item-btn
    {
        font-size: calc(14 / 390 * 100vw);

        width: calc(100 / 390 * 100vw);
        padding: calc(14.5 / 390 * 100vw) 0;

        border-bottom: transparent solid 3px;
    }
}
.un_to_creator-filter-item-btn:hover,
.un_to_creator-filter-item-btn.is_selected
{
    border-bottom: #c03 solid 3px;
}
.un_to_creator-filter-item-btn:hover
{
    opacity: 1;
}

@media only screen and (min-width: 768px)
{
    .un_to_creator-list
    {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(40 / 1440 * 100vw), 40px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_to_creator-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.un_to_creator-list-item-link
{
    display: block;
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator-list-item-link
    {
        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator-list-item-link
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}

.un_to_creator-list-item-title
{
    line-height: 1.4;

    color: #000;
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator-list-item-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator-list-item-title
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_to_creator_detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px); 

        border-top: solid 1px #c4c4c4;
    }
}

@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-section
    {
        margin-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-section
    {
        margin-block: calc(24 / 390 * 100vw);
    }
}

.un_to_creator_detail-column_main
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main
    {
        overflow: hidden;

        padding: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main
    {
        padding-bottom: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-title_area
{
    background: #fff;
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-title_area
    {
        padding: calc(24 / 390 * 100vw) calc(24 / 390 * 100vw) 0;

        border-radius: min(calc(0 / 1440 * 100vw), 0px);
    }
}
.un_to_creator_detail-column_main-title_area-info
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-title_area-info
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(16 / 1440 * 100vw), 16px);
           -moz-column-gap: min(calc(16 / 1440 * 100vw), 16px);
                column-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-title_area-info
    {
        position: relative;

        margin-bottom: calc(16 / 390 * 100vw); 

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.un_to_creator_detail-column_main-title_area-info-update
{
    line-height: 1.4; 

    color: #565656;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-title_area-info-update
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-title_area-info-update
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-title_area-info-tag_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-title_area-info-tag_list
    {
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-title_area-info-tag_list
    {
        width: 100%;
        margin-top: calc(8 / 390 * 100vw); 

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: calc(8 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-title_area-info-tag_list-item
{
    line-height: 1.4;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-title_area-info-tag_list-item
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(5 / 1440 * 100vw), 5px) min(calc(15 / 1440 * 100vw), 15px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-title_area-info-tag_list-item
    {
        font-size: calc(12 / 390 * 100vw);

        padding: calc(3.5 / 390 * 100vw) calc(6 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-title_area-title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-title_area-title
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-title_area-title
    {
            flex-direction: column;

        margin-bottom: calc(40 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(8 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-title_area-img
{
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-title_area-img
    {
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-title_area-img
    {
        margin-bottom: calc(24 / 390 * 100vw); 

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-title_area-link
{
    position: relative;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-title_area-link
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
        line-height: 1.71429;

        margin-bottom: min(calc(24 / 1440 * 100vw), 24px); 
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(44 / 1440 * 100vw), 44px) min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-title_area-link
    {
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.71429;

        margin-bottom: calc(24 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw) calc(44 / 390 * 100vw) calc(16 / 390 * 100vw) calc(16 / 390 * 100vw);

        letter-spacing: -.031em;

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-title_area-link a
{
    color: #000;
}
.un_to_creator_detail-column_main-title_area-link-arrow
{
    position: absolute;
    top: 50%;

    display: block;

    color: #979797;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-title_area-link-arrow
    {
        right: min(calc(24 / 1440 * 100vw), 24px);

        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-title_area-link-arrow
    {
        right: calc(16 / 390 * 100vw);

        width: calc(20 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-title_area-texts-text:not(:last-of-type)
{
    margin-bottom: 1lh;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section
    {
        margin-top: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-section-title
{
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section-interview-block:not(:last-of-type)
    {
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section-interview-block:not(:last-of-type)
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-section-interview-title
{
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section-interview-title
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section-interview-title
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section-interview-text
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section-interview-text
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-section-interview-text-name
{
    font-weight: bold;
}
.un_to_creator_detail-column_main-section-images
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section-images
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section-images
    {
            flex-direction: column;

        margin-top: calc(16 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-section-images-item
{
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section-images-item
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section-images-item
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-section-recruit_info
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section-recruit_info
    {
        margin-top: min(calc(64 / 1440 * 100vw), 64px); 

        row-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section-recruit_info
    {
        row-gap: calc(16 / 390 * 100vw);
        padding-inline: calc(24 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section-recruit_info-company,
    .un_to_creator_detail-column_main-section-recruit_info-genre
    {
        width: 100%;
    }
}
.un_to_creator_detail-column_main-section-recruit_info-company a,
.un_to_creator_detail-column_main-section-recruit_info-genre a
{
    font-weight: bold;
    line-height: 1.4; 

    display: inline-block;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section-recruit_info-company a,
    .un_to_creator_detail-column_main-section-recruit_info-genre a
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section-recruit_info-company a,
    .un_to_creator_detail-column_main-section-recruit_info-genre a
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;

        text-align: center;
    }
}
.un_to_creator_detail-column_main-section-recruit_info-company a
{
    color: #fff;
    background: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section-recruit_info-company a
    {
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px) min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section-recruit_info-company a
    {
        padding: calc(8 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-section-recruit_info-genre a
{
    color: #c03;
    border: solid 1px #c03; 
    background: #fff;
}
.un_to_creator_detail-column_main-section-author
{
    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section-author
    {
        display: grid;

        margin-top: min(calc(64 / 1440 * 100vw), 64px); 
        padding: min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        grid-template: 'img name' auto 'img text' auto/min(calc(80 / 1440 * 100vw), 80px) 1fr;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
        row-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section-author
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        padding: calc(24 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: calc(16 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section-author-img
    {
        width: min(calc(80 / 1440 * 100vw), 80px); 

        grid-area: img;
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section-author-img
    {
        width: calc(64 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section-author-img img
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section-author-img img
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_to_creator_detail-column_main-section-author-name
{
    font-weight: bold;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section-author-name
    {
        grid-area: name;
    }
}
.un_to_creator_detail-column_main-section-author-text
{
    line-height: 1.5;
}
@media only screen and (min-width: 768px)
{
    .un_to_creator_detail-column_main-section-author-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        grid-area: text;
    }
}
@media only screen and (max-width: 767px)
{
    .un_to_creator_detail-column_main-section-author-text
    {
        font-size: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_event-filter_wrap
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_event-filter_wrap
    {
        overflow: auto;

        margin-bottom: calc(40 / 390 * 100vw);
    }
}

.un_event-filter
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border-bottom: #c4c4c4 solid 1px; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_event-filter
    {
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event-filter
    {
        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;

        -webkit-column-gap: calc(16 / 390 * 100vw);
           -moz-column-gap: calc(16 / 390 * 100vw);
                column-gap: calc(16 / 390 * 100vw);
        padding-inline: calc(16 / 390 * 100vw);
    }
}

.un_event-filter-item-btn
{
    font-weight: bold;
    line-height: 1.2;

    display: block;

    text-align: center;

    color: #282828;
    border: none; 
    background: transparent;
}
@media only screen and (min-width: 768px)
{
    .un_event-filter-item-btn
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        width: min(calc(120 / 1440 * 100vw), 120px);
        padding: min(calc(13 / 1440 * 100vw), 13px) 0;

        border-bottom: transparent solid 3px;
    }
}
@media only screen and (max-width: 767px)
{
    .un_event-filter-item-btn
    {
        font-size: calc(14 / 390 * 100vw);

        width: calc(100 / 390 * 100vw);
        padding: calc(14.5 / 390 * 100vw) 0;

        border-bottom: transparent solid 3px;
    }
}
.un_event-filter-item-btn:hover,
.un_event-filter-item-btn.is_selected
{
    border-bottom: #c03 solid 3px;
}
.un_event-filter-item-btn:hover
{
    opacity: 1;
}

@media only screen and (min-width: 768px)
{
    .un_event-list
    {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(40 / 1440 * 100vw), 40px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_event-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.un_event-list-item-link
{
    display: block;
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_event-list-item-link
    {
        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event-list-item-link
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_event-list-item-data
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_event-list-item-data
    {
        padding: calc(24 / 390 * 100vw);
    }
}

.un_event-list-item-data-tags
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .un_event-list-item-data-tags
    {
        margin-bottom: min(calc(8 / 1440 * 100vw), 8px); 

        gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event-list-item-data-tags
    {
        margin-bottom: calc(8 / 390 * 100vw); 

        gap: calc(4 / 390 * 100vw);
    }
}
.un_event-list-item-data-tags-item
{
    font-weight: 500;
    line-height: 1.4;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_event-list-item-data-tags-item
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(3 / 1440 * 100vw), 3px) min(calc(8 / 1440 * 100vw), 8px) min(calc(5 / 1440 * 100vw), 5px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event-list-item-data-tags-item
    {
        font-size: calc(12 / 390 * 100vw);

        padding: calc(3.5 / 390 * 100vw) calc(12 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}

.un_event-list-item-data-overview
{
    line-height: 1.5; 

    color: #444;
}
@media only screen and (min-width: 768px)
{
    .un_event-list-item-data-overview
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        margin-bottom: min(calc(10 / 1440 * 100vw), 10px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event-list-item-data-overview
    {
        font-size: calc(14 / 390 * 100vw);

        margin-bottom: calc(10 / 390 * 100vw);
    }
}

.un_event-list-item-data-title
{
    line-height: 1.4; 

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .un_event-list-item-data-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        letter-spacing: max(calc(-.15 / 1440 * 100vw), -.15px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event-list-item-data-title
    {
        font-size: calc(16 / 390 * 100vw);

        letter-spacing: max(calc(-.15 / 390 * 100vw), -.15px);
    }
}

.un_event-pagination_area
{
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
}
@media only screen and (min-width: 768px)
{
    .un_event-pagination_area
    {
        margin: min(calc(40 / 1440 * 100vw), 40px) auto 0;
    }
}
@media only screen and (max-width: 767px)
{
    .un_event-pagination_area
    {
        margin: calc(24 / 390 * 100vw) auto 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_event_detail-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_event_detail-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_event_detail-info-state
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 1em;
           -moz-column-gap: 1em;
                column-gap: 1em;
    }
}

@media only screen and (max-width: 767px)
{
    .un_event_detail-info-state
    {
        display: grid;

        margin-bottom: calc(16 / 390 * 100vw); 

        grid-template: 'deadline open' auto 'tag_list tag_list' auto / 1fr 1fr;
        row-gap: calc(8 / 390 * 100vw);
    }
}

.un_event_detail-info-state-tag_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-info-state-tag_list
    {
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-info-state-tag_list
    {
        grid-area: tag_list;
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_event_detail-info-state-tag_list-item
{
    font-weight: 500;
    line-height: 1.4; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-info-state-tag_list-item
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(3 / 1440 * 100vw), 3px) min(calc(8 / 1440 * 100vw), 8px) min(calc(5 / 1440 * 100vw), 5px);

        border: solid 1px #c03;
        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-info-state-tag_list-item
    {
        font-size: calc(12 / 390 * 100vw);

        padding: calc(3.5 / 390 * 100vw) calc(12 / 390 * 100vw);

        border: solid 1px #c03; 
        border-radius: calc(4 / 390 * 100vw);
    }
}

.un_event_detail-info-state-date
{
    font-family: 'Inter', sans-serif;
    line-height: 1.4; 

    color: #565656;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-info-state-date
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-info-state-date
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-info-state-date.un_event_detail-info-state-date__deadline
    {
        grid-area: deadline;
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-info-state-date.un_event_detail-info-state-date__open
    {
        grid-area: open;
    }
}

.un_event_detail-title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
       -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
            column-gap: min(calc(8 / 1440 * 100vw), 8px);
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-title
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(8 / 390 * 100vw);
    }
}
.un_event_detail-title-event
{
    font-weight: 500; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-title-event
    {
        translate: 0 -20%;
    }
}
.un_event_detail-title-event-text
{
    line-height: 1.4;

    color: #fff;
    background: #282828;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-title-event-text
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(3 / 1440 * 100vw), 3px) min(calc(8 / 1440 * 100vw), 8px) min(calc(5 / 1440 * 100vw), 5px);

        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-title-event-text
    {
        font-size: calc(12 / 390 * 100vw);

        padding: calc(3.5 / 390 * 100vw) calc(6 / 390 * 100vw);

        border-radius: calc(4 / 390 * 100vw);
    }
}
.un_event_detail-title-text
{
    font-weight: bold;
    line-height: 1.8; 

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-title-text
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-title-text
    {
        font-size: calc(24 / 390 * 100vw);
    }
}

.un_event_detail-kv
{
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-kv
    {
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-kv
    {
        margin-bottom: calc(24 / 390 * 100vw); 

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_event_detail-kv img
{
    width: calc(100% + 2px);
    max-width: none;
    margin-top: -1px;
    margin-left: -1px;
}

.un_event_detail-page_link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-page_link
    {
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px); 
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: min(calc(40 / 1440 * 100vw), 40px);
           -moz-column-gap: min(calc(40 / 1440 * 100vw), 40px);
                column-gap: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-page_link
    {
            flex-direction: column;

        margin-bottom: calc(24 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        row-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-page_link-item
    {
        width: 100%;
    }
}
.un_event_detail-page_link-item-link
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #282828;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-page_link-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-page_link-item-link
    {
        font-size: calc(16 / 390 * 100vw); 

        width: 100%;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.un_event_detail-page_link-item-arrow
{
    color: #c03;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-page_link-item-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-page_link-item-arrow
    {
        width: calc(20 / 390 * 100vw);
    }
}

.un_event_detail-comment
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-comment
    {
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px); 
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-comment
    {
        margin-bottom: calc(24 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_event_detail-comment-title
{
    font-weight: bold;
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-comment-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-bottom: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-comment-title
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(4 / 390 * 100vw);
    }
}
.un_event_detail-comment-text
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-comment-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-comment-text
    {
        font-size: calc(16 / 390 * 100vw);
    }
}

.un_event_detail-content-list-item
{
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-content-list-item:not(:first-of-type)
    {
        margin-top: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-content-list-item:not(:first-of-type)
    {
        margin-top: calc(8 / 390 * 100vw);
    }
}
.un_event_detail-content-list__dot .un_event_detail-content-list-item
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-content-list__dot .un_event_detail-content-list-item
    {
        padding-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-content-list__dot .un_event_detail-content-list-item
    {
        padding-left: calc(20 / 390 * 100vw);
    }
}
.un_event_detail-content-list__dot .un_event_detail-content-list-item::before
{
    position: absolute;
    top: .5lh;

    display: block;

    content: '';

    border-radius: 50%;
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-content-list__dot .un_event_detail-content-list-item::before
    {
        left: min(calc(4 / 1440 * 100vw), 4px); 

        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-content-list__dot .un_event_detail-content-list-item::before
    {
        left: calc(4 / 390 * 100vw); 

        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}
.un_event_detail-content-list__num .un_event_detail-content-list-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    counter-increment: num;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-content-list__num .un_event_detail-content-list-item
    {
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-content-list__num .un_event_detail-content-list-item
    {
        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.un_event_detail-content-list__num .un_event_detail-content-list-item::before
{
    display: inline-block; 

    content: counter(num) '.';
}
.un_event_detail-content-list-item-link
{
    display: inline-block;

    text-decoration: underline; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-content-list-item-link
    {
        text-underline-offset: min(calc(3 / 1440 * 100vw), 3px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-content-list-item-link
    {
        text-underline-offset: calc(3 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_event_detail-column_main-section
    {
        margin-block: min(calc(64 / 1440 * 100vw), 64px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_event_detail-column_main-section
    {
        margin-block: calc(40 / 390 * 100vw);
    }
}

.un_event_detail-column_main-section:last-of-type
{
    margin-bottom: 0;
}

.un_event_detail-contact-text__note
{
    margin-top: 1lh;
}

.un_event_detail-contact-text-email
{
    display: inline-block;

    text-decoration: underline; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_event_detail-contact-text-email
    {
        text-underline-offset: min(calc(3 / 1440 * 100vw), 3px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_event_detail-contact-text-email
    {
        text-underline-offset: calc(3 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_event_detail-form
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_event_detail-form
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}

.un_event_detail-form-title
{
    text-align: center;
}
.un_event_detail-form-title::before
{
    left: 50%;

    translate: -50% 0;
}

@media only screen and (min-width: 768px)
{
    .un_event_detail-form-flow_wrap
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_event_detail-form-flow_wrap
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_event_detail-form-contents_wrap
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_event_detail-form-contents_wrap
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_event_detail-form-contents_wrap .bl_mail_address-confirm-inner
{
    padding-inline: 0;
}

.un_event_detail-form-auth
{
    background: #fff;
}

@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-overview
    {
        text-align: center;
    }
}

@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-overview
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}

.un_regist_explanation-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_regist_explanation-section-content-title
{
    font-weight: normal;
    line-height: 1; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-title
    {
        font-size: calc(18 / 390 * 100vw);
        line-height: 1.44444;

        margin-bottom: calc(32 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-title-type
{
    font-weight: bold; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-title-type
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-title-type
    {
        font-size: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status
    {
        display: grid;

        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto auto 1fr;
        -webkit-column-gap: min(calc(16 / 1440 * 100vw), 16px);
           -moz-column-gap: min(calc(16 / 1440 * 100vw), 16px);
                column-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
.un_regist_explanation-section-content-status-item
{
    overflow: hidden;

    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item
    {
        display: grid;

        border-radius: min(calc(16 / 1440 * 100vw), 16px); 

        grid-template-rows: subgrid;
        grid-row: span 4;
        row-gap: 0;
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-title
{
    font-weight: bold;

    text-align: center; 

    color: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        padding: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-title
    {
        font-size: calc(20 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-title.un_regist_explanation-section-content-status-item-title__guest
{
    background: #565656;
}
.un_regist_explanation-section-content-status-item-title.un_regist_explanation-section-content-status-item-title__light
{
    background: #64809e;
}
.un_regist_explanation-section-content-status-item-title.un_regist_explanation-section-content-status-item-title__mypage
{
    background: #b09850;
}
.un_regist_explanation-section-content-status-item-title-name
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    text-align: center; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-title-name
    {
        padding: min(calc(24 / 1440 * 100vw), 24px); 

        row-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-title-name
    {
        padding: calc(24 / 390 * 100vw) calc(24 / 390 * 100vw) calc(16 / 390 * 100vw); 

        row-gap: calc(4 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-title-name-icon
{
    display: grid;

    place-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-title-name-icon
    {
        width: min(calc(52 / 1440 * 100vw), 52px);
        height: min(calc(52 / 1440 * 100vw), 52px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-title-name-icon
    {
        width: calc(44 / 390 * 100vw);
        height: calc(44 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-title-name-icon.un_regist_explanation-section-content-status-item-title-name-icon__guest
{
    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-title-name-icon.un_regist_explanation-section-content-status-item-title-name-icon__guest svg
    {
        width: min(calc(48 / 1440 * 100vw), 48px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-title-name-icon.un_regist_explanation-section-content-status-item-title-name-icon__guest svg
    {
        width: calc(40 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-title-name-icon.un_regist_explanation-section-content-status-item-title-name-icon__light
{
    background: #64809e;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-title-name-icon.un_regist_explanation-section-content-status-item-title-name-icon__light svg
    {
        width: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-title-name-icon.un_regist_explanation-section-content-status-item-title-name-icon__light svg
    {
        width: calc(32 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-title-name-icon.un_regist_explanation-section-content-status-item-title-name-icon__mypage
{
    background: #b09850;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-title-name-icon.un_regist_explanation-section-content-status-item-title-name-icon__mypage svg
    {
        width: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-title-name-icon.un_regist_explanation-section-content-status-item-title-name-icon__mypage svg
    {
        width: calc(32 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-title-name-text
{
    font-weight: bold;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-title-name-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
        line-height: 1.8;
    }
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-description
    {
        padding-inline: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-description
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-function
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-function
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 
        padding: 0 min(calc(24 / 1440 * 100vw), 24px) min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-function
    {
        margin-top: calc(24 / 390 * 100vw); 
        padding: 0 calc(16 / 390 * 100vw) calc(16 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-function-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-function-list
    {
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-function-list
    {
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-function-list-title
{
    font-weight: bold;
    line-height: 1.8;

    text-align: center;

    border-bottom: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-function-list-title
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-function-list-title
    {
        font-size: calc(16 / 390 * 100vw);

        padding-bottom: calc(16 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-function-list__comming_soon .un_regist_explanation-section-content-status-item-function-list-title
{
    color: #979797;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-function-list__comming_soon .un_regist_explanation-section-content-status-item-function-list-title
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-function-list__comming_soon .un_regist_explanation-section-content-status-item-function-list-title
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-function-list-content
    {
        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
.un_regist_explanation-section-content-status-item-function-list-content-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list
    {
        row-gap: min(calc(12 / 1440 * 100vw), 12px);
        padding-block: min(calc(16 / 1440 * 100vw), 16px) 0;
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list
    {
        row-gap: calc(8 / 390 * 100vw);
        padding-block: calc(16 / 390 * 100vw) 0;
    }
}
.un_regist_explanation-section-content-status-item-function-list-content-list-item-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list-item-inner
    {
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list-item-inner
    {
        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-function-list-content-list-item-icon
{
    display: grid;

    border-radius: 50%; 
    background: #fcf2f5;

    place-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list-item-icon
    {
        width: min(calc(32 / 1440 * 100vw), 32px);
        height: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list-item-icon
    {
        width: calc(28 / 390 * 100vw);
        height: calc(28 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-function-list__comming_soon .un_regist_explanation-section-content-status-item-function-list-content-list-item-icon
{
    background: #f8f8f8;
}
.un_regist_explanation-section-content-status-item-function-list-content-list-item-icon svg
{
    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list-item-icon svg
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
        height: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list-item-icon svg
    {
        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-function-list__comming_soon .un_regist_explanation-section-content-status-item-function-list-content-list-item-icon svg
{
    color: #979797;
}
.un_regist_explanation-section-content-status-item-function-list-content-list-item-text
{
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list-item-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list-item-text
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-function-list__comming_soon .un_regist_explanation-section-content-status-item-function-list-content-list-item-text
{
    color: #979797;
}
.un_regist_explanation-section-content-status-item-function-list-content-list-item-text-newTab
{
    display: inline-block;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list-item-text-newTab
    {
        width: min(calc(16 / 1440 * 100vw), 16px);
        height: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list-item-text-newTab
    {
        width: calc(14 / 390 * 100vw);
        height: calc(14 / 390 * 100vw);
    }
}
.un_regist_explanation-section-content-status-item-function-list-content-list-item-text-newTab svg
{
    width: 100%;
    height: 100%;
}
.un_regist_explanation-section-content-status-item-function-list-content-list-item-note
{
    display: block;

    width: 100%; 

    color: #565656;
}
@media only screen and (min-width: 768px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list-item-note
    {
        font-size: min(calc(10 / 1440 * 100vw), 10px);

        margin-top: min(calc(2 / 1440 * 100vw), 2px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_regist_explanation-section-content-status-item-function-list-content-list-item-note
    {
        font-size: calc(10 / 390 * 100vw);

        margin-top: calc(2 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_regist_explanation-faq
    {
        margin-top: min(calc(64 / 1440 * 100vw), 64px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_regist_explanation-faq
    {
        margin-top: calc(56 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_regist_explanation-faq-inner
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}

.un_faq_main-inner
{
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_faq_main-inner
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_faq_main-inner
    {
        margin-top: calc(24 / 390 * 100vw); 
        padding-top: calc(40 / 390 * 100vw);
    }
}

.un_faq-column_main
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_faq-column_main
    {
        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_faq-column_main
    {
        row-gap: calc(56 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_faq-section_list_wrap
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}

.un_faq-section_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (min-width: 768px)
{
    .un_faq-section_list
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: min(calc(40 / 1440 * 100vw), 40px);
           -moz-column-gap: min(calc(40 / 1440 * 100vw), 40px);
                column-gap: min(calc(40 / 1440 * 100vw), 40px);
        row-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_faq-section_list
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(8 / 390 * 100vw);
    }
}

.un_faq-section_list-item-link
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #282828;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_faq-section_list-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_faq-section_list-item-link
    {
        font-size: calc(14 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.un_faq-section_list-item-link-arrow
{
    color: #c03;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .un_faq-section_list-item-link-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_faq-section_list-item-link-arrow
    {
        width: calc(16 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_faq-faq
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}

.un_faq-faq-list-item
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_faq-faq-list-item-title
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_faq-faq-list-item-title
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
.un_faq-faq-list-item-data a
{
    display: inline-block;

    text-decoration: underline; 

    color: #c03;
}

.un_faq-faq-contact
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    text-align: center;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_faq-faq-contact
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_faq-faq-contact
    {
        margin-bottom: calc(32 / 390 * 100vw); 
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
@media only screen and (min-width: 768px)
{
    .un_faq-faq-contact-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_faq-faq-contact-text
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_faq-faq-contact-link
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_faq-faq-contact-link
    {
        width: 100%;
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_faq-faq-contact-btn
{
    font-weight: bold;

    text-align: center;

    color: #fff;
    background: #565656;
}
@media only screen and (min-width: 768px)
{
    .un_faq-faq-contact-btn
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(331 / 1440 * 100vw), 331px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_faq-faq-contact-btn
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_checkin-register-title
{
    font-weight: normal;
    line-height: 1; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-title
    {
        font-size: calc(18 / 390 * 100vw);
        line-height: 1.44444;

        margin-bottom: calc(32 / 390 * 100vw);
    }
}
.un_checkin-register-title-type
{
    font-weight: bold; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-title-type
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-title-type
    {
        font-size: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_checkin-register-overview_link
    {
        margin-block: min(calc(8 / 1440 * 100vw), 8px) min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_checkin-register-overview_link
    {
        margin-bottom: calc(40 / 390 * 100vw); 

        padding-inline: calc(24 / 390 * 100vw);
    }
}

.un_checkin-register-overview_link-text
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #282828; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-overview_link-text
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-overview_link-text
    {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.un_checkin-register-overview_link-icon
{
    display: block;

    color: #c03;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-overview_link-icon
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-overview_link-icon
    {
        width: calc(16 / 390 * 100vw);
    }
}

.un_checkin-register-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content
    {
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content
    {
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_checkin-register-section-content-step:not(:first-of-type)
{
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step:not(:first-of-type)
    {
        margin-top: min(calc(52 / 1440 * 100vw), 52px); 
        padding-top: min(calc(52 / 1440 * 100vw), 52px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step:not(:first-of-type)
    {
        margin-top: calc(48 / 390 * 100vw); 
        padding-top: calc(48 / 390 * 100vw);
    }
}
.un_checkin-register-section-content-step-title
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step-title
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step-title
    {
        margin-bottom: calc(24 / 390 * 100vw); 

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step-title::before
    {
        left: 50%;

        translate: -50% 0;
    }
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step-title-step
    {
        margin-right: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step-title-step
    {
        font-size: calc(20 / 390 * 100vw); 
        line-height: 1.4;

        width: 100%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step-title-text
    {
        font-size: calc(22 / 390 * 100vw);
        line-height: 1.8;
    }
}
.un_checkin-register-section-content-step-title-require
{
    font-weight: normal; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step-title-require
    {
        font-size: min(calc(12 / 1440 * 100vw), 12px);

        margin: min(calc(4 / 1440 * 100vw), 4px) 0 0 min(calc(10 / 1440 * 100vw), 10px); 
        padding: min(calc(2.5 / 1440 * 100vw), 2.5px) min(calc(8 / 1440 * 100vw), 8px) min(calc(3.5 / 1440 * 100vw), 3.5px);

        border: solid 1px #c03;
        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step-title-require
    {
        margin: calc(0 / 390 * 100vw) 0 0 calc(8 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step-title-require-inner
    {
        font-size: calc(12 / 390 * 100vw);
        line-height: 1.16667;

        padding: calc(2.5 / 390 * 100vw) calc(8 / 390 * 100vw) calc(3.5 / 390 * 100vw);

        border: solid 1px #c03;
        border-radius: calc(4 / 390 * 100vw);
    }
}
.un_checkin-register-section-content-step-error_area
{
    font-weight: normal;
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #c03;
    background: #fcf2f5; 

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step-error_area
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        width: min(calc(700 / 1440 * 100vw), 700px);
        margin: min(calc(24 / 1440 * 100vw), 24px) auto 0; 
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        -webkit-column-gap: min(calc(10 / 1440 * 100vw), 10px);
           -moz-column-gap: min(calc(10 / 1440 * 100vw), 10px);
                column-gap: min(calc(10 / 1440 * 100vw), 10px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step-error_area
    {
        font-size: calc(16 / 390 * 100vw);

        margin: calc(24 / 390 * 100vw) auto 0; 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        -webkit-column-gap: calc(10 / 390 * 100vw);
           -moz-column-gap: calc(10 / 390 * 100vw);
                column-gap: calc(10 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step-error_area-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step-error_area-icon
    {
        width: calc(24 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step-error_area-text
    {
        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
.un_checkin-register-section-content-step-btn
{
    font-weight: bold;

    display: block;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin: min(calc(24 / 1440 * 100vw), 24px) auto 0; 
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step-btn
    {
        width: 100%;
        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_checkin-register-section-content-step-btn-link
{
    line-height: 1.4;

    display: block;

    width: 100%;

    text-align: center;

    color: inherit;
    background: inherit;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
.un_checkin-register-section-content-step_1-mail_address_area
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step_1-mail_address_area
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step_1-mail_address_area
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_checkin-register-section-content-step_1-mail_address_area-title
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step_1-mail_address_area-title
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step_1-mail_address_area-title
    {
        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_checkin-register-section-content-step_1-mail_address_area-title-icon
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step_1-mail_address_area-title-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step_1-mail_address_area-title-icon
    {
        width: calc(24 / 390 * 100vw);
    }
}
.un_checkin-register-section-content-step_1-mail_address_area-title-text
{
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step_1-mail_address_area-title-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step_1-mail_address_area-title-text
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step_1-mail_address_area-data
    {
        text-align: center;
    }
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step_1-description
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step_1-description
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_checkin-register-section-content-step_1-btn
{
    padding: 0;
}
.un_checkin-register-section-content-step_1-btn-link
{
    line-height: 1.4;

    display: block;

    width: 100%;

    text-align: center;

    color: inherit;
    background: inherit;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step_2-description
    {
        margin-bottom: min(calc(32 / 1440 * 100vw), 32px); 

        text-align: center;
    }
}
.un_checkin-register-section-content-step_2-description strong
{
    font-weight: normal; 

    color: #c03;
}
.un_checkin-register-section-content-step_2-btn
{
    padding: 0;
}
.un_checkin-register-section-content-step_2-btn-link.is_disabled
{
    cursor: default;
    pointer-events: none;

    color: #fff;
    background: #d9d9d9;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step_3-description
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step_3-description
    {
        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_checkin-register-section-content-step_3-description a
{
    display: inline;

    text-decoration: underline; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step_3-form-input_area
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step_3-form-input_area
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_checkin-register-section-content-step_3-form-input_area-label
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step_3-form-input_area-label
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step_3-form-input_area-label
    {
        font-size: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_checkin-register-section-content-step_3-form-input_area-label input[type='checkbox']
{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.un_checkin-register-section-content-step_3-form-input_area-label input[type='checkbox']::before
{
    display: block;

    content: '';

    border: solid 1px #c4c4c4;
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step_3-form-input_area-label input[type='checkbox']::before
    {
        width: min(calc(18 / 1440 * 100vw), 18px);
        height: min(calc(18 / 1440 * 100vw), 18px);

        border-radius: min(calc(2 / 1440 * 100vw), 2px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step_3-form-input_area-label input[type='checkbox']::before
    {
        width: calc(18 / 390 * 100vw);
        height: calc(18 / 390 * 100vw);

        border-radius: calc(2 / 390 * 100vw);
    }
}
.un_checkin-register-section-content-step_3-form-input_area-label input[type='checkbox']:checked::before
{
    border-color: #219653; 
    background: #219653 url(/assets/images/checkbox_mark.png) no-repeat center center;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step_3-form-input_area-label input[type='checkbox']:checked::before
    {
        background-size: min(calc(10.63 / 1440 * 100vw), 10.63px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step_3-form-input_area-label input[type='checkbox']:checked::before
    {
        background-size: calc(10.63 / 390 * 100vw);
    }
}
.un_checkin-register-section-content-step_3-form-input_area-label.is_disabled
{
    pointer-events: none;

    color: #565656;
}
.un_checkin-register-section-content-step_3-form-input_area-label.is_disabled input[type='checkbox']::before
{
    border-color: #979797;
    background-color: #979797;
}
.un_checkin-register-section-content-step_3-form-input_area-btn
{
    font-weight: bold;

    color: #fff;
    background: #c03;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-content-step_3-form-input_area-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);

        margin-inline: auto;
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-content-step_3-form-input_area-btn
    {
        width: 100%;
    }
}
.un_checkin-register-section-content-step_3-form-input_area-btn[disabled]
{
    pointer-events: none;

    color: #fff;
    background: #d9d9d9;
}

.un_checkin-register-section-overview
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-overview
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-overview
    {
        margin-top: calc(40 / 390 * 100vw);
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_checkin-register-section-overview-title
{
    text-align: center;
}
.un_checkin-register-section-overview-title::before
{
    left: 50%;

    content: '';

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-overview-text
    {
        margin-bottom: min(calc(32 / 1440 * 100vw), 32px); 

        text-align: center;
    }
}
.un_checkin-register-section-overview-note_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-overview-note_list
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-overview-note_list
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_checkin-register-section-overview-note_list-item::before
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-overview-note_list-item::before
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-overview-note_list-item::before
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
.un_checkin-register-section-overview-note_list-item-text
{
    line-height: 1.8; 

    display: inline-block;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-overview-note_list-item-text
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-overview-note_list-item-text
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-overview-what_is
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-overview-what_is
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_checkin-register-section-overview-what_is-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-register-section-overview-what_is-link
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-register-section-overview-what_is-link
    {
        width: 100%;
    }
}

.un_checkin-confirm-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-confirm-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-confirm-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_checkin-confirm-section-content-title
{
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;

    margin-inline: auto;
}
.un_checkin-confirm-section-content-title::before
{
    left: 50%;

    content: '';

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-confirm-section-content-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-confirm-section-content-title
    {
        margin-bottom: calc(24 / 390 * 100vw); 

        text-align: center;
    }
}
@media only screen and (min-width: 768px)
{
    .un_checkin-confirm-section-content-description
    {
        margin-bottom: min(calc(32 / 1440 * 100vw), 32px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-confirm-section-content-description
    {
        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_checkin-confirm-section-content-form
{
    padding: 0;
}
.un_checkin-confirm-section-content-form-input_area
{
    border-top: none; 

    padding-block: 0;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-confirm-section-content-form-input_area
    {
        width: min(calc(700 / 1440 * 100vw), 700px);
        margin: 0 auto;
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-confirm-section-content-form-input_area
    {
        width: 100%;
    }
}
.un_checkin-confirm-section-content-form-input_area-block
{
    padding-bottom: 0;

    border-bottom: none;
}
.un_checkin-confirm-section-content-form-btn
{
    font-weight: bold;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-confirm-section-content-form-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin-top: min(calc(32 / 1440 * 100vw), 32px); 
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-confirm-section-content-form-btn
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(13 / 390 * 100vw) calc(8 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_checkin-complete-title
{
    font-weight: normal;
    line-height: 1.4; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-complete-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-complete-title
    {
        font-size: calc(22 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_checkin-complete-section-overview
    {
        text-align: center;
    }
}

@media only screen and (max-width: 767px)
{
    .un_checkin-complete-section-overview
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}

.un_checkin-complete-section-overview-note
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-complete-section-overview-note
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        margin-top: min(calc(32 / 1440 * 100vw), 32px); 

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-complete-section-overview-note
    {
        font-size: calc(14 / 390 * 100vw);

        margin-top: calc(24 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_checkin-complete-section-overview-what_is
    {
        margin-top: min(calc(32 / 1440 * 100vw), 32px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_checkin-complete-section-overview-what_is
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_checkin-complete-section-overview-what_is-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-complete-section-overview-what_is-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-complete-section-overview-what_is-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_checkin-complete-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-complete-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-complete-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_checkin-complete-section-content-mail
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-complete-section-content-mail
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-complete-section-content-mail
    {
        padding: calc(24 / 390 * 100vw);
    }
}
.un_checkin-complete-section-content-mail-text
{
    font-weight: bold; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-complete-section-content-mail-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
        line-height: 1.8;

        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;
        margin: 0 auto min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-complete-section-content-mail-text
    {
        font-size: calc(18 / 390 * 100vw);
        line-height: 1.4;

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_checkin-complete-section-content-mail-text-icon
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-complete-section-content-mail-text-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-complete-section-content-mail-text-icon
    {
        width: calc(24 / 390 * 100vw);
    }
}
.un_checkin-complete-section-content-mail-text-text
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.un_checkin-complete-section-content-mail-address
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-complete-section-content-mail-address
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-complete-section-content-mail-address
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_checkin-complete-section-content-btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-complete-section-content-btn
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-complete-section-content-btn
    {
        margin-top: calc(32 / 390 * 100vw);
    }
}
.un_checkin-complete-section-content-btn-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center; 

    color: #fff;
    background: #565656;
}
@media only screen and (min-width: 768px)
{
    .un_checkin-complete-section-content-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(354 / 1440 * 100vw), 354px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_checkin-complete-section-content-btn-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_management_guest-register-title
{
    font-weight: normal;
    line-height: 1; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-title
    {
        font-size: calc(18 / 390 * 100vw);
        line-height: 1.44444;

        margin-bottom: calc(32 / 390 * 100vw);
    }
}
.un_management_guest-register-title-type
{
    font-weight: bold; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-title-type
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-title-type
    {
        font-size: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_management_guest-register-overview_link
    {
        margin-block: min(calc(8 / 1440 * 100vw), 8px) min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_management_guest-register-overview_link
    {
        margin-bottom: calc(40 / 390 * 100vw); 

        padding-inline: calc(24 / 390 * 100vw);
    }
}

.un_management_guest-register-overview_link-text
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #282828; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-overview_link-text
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-overview_link-text
    {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.un_management_guest-register-overview_link-icon
{
    display: block;

    color: #c03;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-overview_link-icon
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-overview_link-icon
    {
        width: calc(16 / 390 * 100vw);
    }
}

.un_management_guest-register-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content
    {
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content
    {
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_guest-register-section-content-step:not(:first-of-type)
{
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step:not(:first-of-type)
    {
        margin-top: min(calc(52 / 1440 * 100vw), 52px); 
        padding-top: min(calc(52 / 1440 * 100vw), 52px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step:not(:first-of-type)
    {
        margin-top: calc(48 / 390 * 100vw); 
        padding-top: calc(48 / 390 * 100vw);
    }
}
.un_management_guest-register-section-content-step-title
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step-title
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step-title
    {
        margin-bottom: calc(24 / 390 * 100vw); 

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step-title::before
    {
        left: 50%;

        translate: -50% 0;
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step-title-step
    {
        margin-right: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step-title-step
    {
        font-size: calc(20 / 390 * 100vw); 
        line-height: 1.4;

        width: 100%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step-title-text
    {
        font-size: calc(22 / 390 * 100vw);
        line-height: 1.8;
    }
}
.un_management_guest-register-section-content-step-title-require
{
    font-weight: normal; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step-title-require
    {
        font-size: min(calc(12 / 1440 * 100vw), 12px);

        margin: min(calc(4 / 1440 * 100vw), 4px) 0 0 min(calc(10 / 1440 * 100vw), 10px); 
        padding: min(calc(2.5 / 1440 * 100vw), 2.5px) min(calc(8 / 1440 * 100vw), 8px) min(calc(3.5 / 1440 * 100vw), 3.5px);

        border: solid 1px #c03;
        border-radius: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step-title-require
    {
        margin: calc(0 / 390 * 100vw) 0 0 calc(8 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step-title-require-inner
    {
        font-size: calc(12 / 390 * 100vw);
        line-height: 1.16667;

        padding: calc(2.5 / 390 * 100vw) calc(8 / 390 * 100vw) calc(3.5 / 390 * 100vw);

        border: solid 1px #c03;
        border-radius: calc(4 / 390 * 100vw);
    }
}
.un_management_guest-register-section-content-step-error_area
{
    font-weight: normal;
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #c03;
    background: #fcf2f5; 

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step-error_area
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        width: min(calc(700 / 1440 * 100vw), 700px);
        margin: min(calc(24 / 1440 * 100vw), 24px) auto 0; 
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        -webkit-column-gap: min(calc(10 / 1440 * 100vw), 10px);
           -moz-column-gap: min(calc(10 / 1440 * 100vw), 10px);
                column-gap: min(calc(10 / 1440 * 100vw), 10px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step-error_area
    {
        font-size: calc(16 / 390 * 100vw);

        margin: calc(24 / 390 * 100vw) auto 0; 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        -webkit-column-gap: calc(10 / 390 * 100vw);
           -moz-column-gap: calc(10 / 390 * 100vw);
                column-gap: calc(10 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step-error_area-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step-error_area-icon
    {
        width: calc(24 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step-error_area-text
    {
        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
}
.un_management_guest-register-section-content-step-btn
{
    font-weight: bold;

    display: block;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin: min(calc(24 / 1440 * 100vw), 24px) auto 0; 
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step-btn
    {
        width: 100%;
        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_management_guest-register-section-content-step-btn-link
{
    line-height: 1.4;

    display: block;

    width: 100%;

    text-align: center;

    color: inherit;
    background: inherit;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step_1-form-input_area
    {
        width: min(calc(700 / 1440 * 100vw), 700px);

        margin-inline: auto;
    }
}
.un_management_guest-register-section-content-step_1-form-input_area-input
{
    line-height: 2; 

    width: 100%;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step_1-form-input_area-input
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        width: min(calc(700 / 1440 * 100vw), 700px);
        padding: min(calc(7 / 1440 * 100vw), 7px) min(calc(20 / 1440 * 100vw), 20px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        margin-inline: auto;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step_1-form-input_area-input
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(11 / 390 * 100vw) calc(20 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step_2-description
    {
        margin-bottom: min(calc(32 / 1440 * 100vw), 32px); 

        text-align: center;
    }
}
.un_management_guest-register-section-content-step_2-description strong
{
    font-weight: normal; 

    color: #c03;
}
.un_management_guest-register-section-content-step_2-btn
{
    padding: 0;
}
.un_management_guest-register-section-content-step_2-btn-link.is_disabled
{
    cursor: default;
    pointer-events: none;

    color: #fff;
    background: #d9d9d9;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step_3-description
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step_3-description
    {
        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_management_guest-register-section-content-step_3-description a
{
    display: inline;

    text-decoration: underline; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step_3-form-input_area
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step_3-form-input_area
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_management_guest-register-section-content-step_3-form-input_area-label
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step_3-form-input_area-label
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step_3-form-input_area-label
    {
        font-size: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_management_guest-register-section-content-step_3-form-input_area-label input[type='checkbox']
{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.un_management_guest-register-section-content-step_3-form-input_area-label input[type='checkbox']::before
{
    display: block;

    content: '';

    border: solid 1px #c4c4c4;
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step_3-form-input_area-label input[type='checkbox']::before
    {
        width: min(calc(18 / 1440 * 100vw), 18px);
        height: min(calc(18 / 1440 * 100vw), 18px);

        border-radius: min(calc(2 / 1440 * 100vw), 2px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step_3-form-input_area-label input[type='checkbox']::before
    {
        width: calc(18 / 390 * 100vw);
        height: calc(18 / 390 * 100vw);

        border-radius: calc(2 / 390 * 100vw);
    }
}
.un_management_guest-register-section-content-step_3-form-input_area-label input[type='checkbox']:checked::before
{
    border-color: #219653; 
    background: #219653 url(/assets/images/checkbox_mark.png) no-repeat center center;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step_3-form-input_area-label input[type='checkbox']:checked::before
    {
        background-size: min(calc(10.63 / 1440 * 100vw), 10.63px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step_3-form-input_area-label input[type='checkbox']:checked::before
    {
        background-size: calc(10.63 / 390 * 100vw);
    }
}
.un_management_guest-register-section-content-step_3-form-input_area-label.is_disabled
{
    pointer-events: none;

    color: #565656;
}
.un_management_guest-register-section-content-step_3-form-input_area-label.is_disabled input[type='checkbox']::before
{
    border-color: #979797;
    background-color: #979797;
}
.un_management_guest-register-section-content-step_3-form-input_area-btn
{
    font-weight: bold;

    color: #fff;
    background: #c03;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-content-step_3-form-input_area-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);

        margin-inline: auto;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-content-step_3-form-input_area-btn
    {
        width: 100%;
    }
}
.un_management_guest-register-section-content-step_3-form-input_area-btn[disabled]
{
    pointer-events: none;

    color: #fff;
    background: #d9d9d9;
}

.un_management_guest-register-section-overview
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-overview
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-overview
    {
        margin-top: calc(40 / 390 * 100vw);
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_guest-register-section-overview-title
{
    text-align: center;
}
.un_management_guest-register-section-overview-title::before
{
    left: 50%;

    content: '';

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-overview-text
    {
        margin-bottom: min(calc(32 / 1440 * 100vw), 32px); 

        text-align: center;
    }
}
.un_management_guest-register-section-overview-note_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-overview-note_list
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-overview-note_list
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_management_guest-register-section-overview-note_list-item::before
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-overview-note_list-item::before
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-overview-note_list-item::before
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
.un_management_guest-register-section-overview-note_list-item-text
{
    line-height: 1.8; 

    display: inline-block;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-overview-note_list-item-text
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-overview-note_list-item-text
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-overview-what_is
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-overview-what_is
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_management_guest-register-section-overview-what_is-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-register-section-overview-what_is-link
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-register-section-overview-what_is-link
    {
        width: 100%;
    }
}

.un_management_guest-confirm-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-confirm-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-confirm-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_guest-confirm-section-content-title
{
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;

    margin-inline: auto;
}
.un_management_guest-confirm-section-content-title::before
{
    left: 50%;

    content: '';

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-confirm-section-content-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-confirm-section-content-title
    {
        margin-bottom: calc(24 / 390 * 100vw); 

        text-align: center;
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-confirm-section-content-description
    {
        margin-bottom: min(calc(32 / 1440 * 100vw), 32px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-confirm-section-content-description
    {
        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_management_guest-confirm-section-content-form
{
    padding: 0;
}
.un_management_guest-confirm-section-content-form-input_area
{
    border-top: none; 

    padding-block: 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-confirm-section-content-form-input_area
    {
        width: min(calc(700 / 1440 * 100vw), 700px);
        margin: 0 auto;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-confirm-section-content-form-input_area
    {
        width: 100%;
    }
}
.un_management_guest-confirm-section-content-form-input_area-block
{
    padding-bottom: 0;

    border-bottom: none;
}
.un_management_guest-confirm-section-content-form-btn
{
    font-weight: bold;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-confirm-section-content-form-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin-top: min(calc(32 / 1440 * 100vw), 32px); 
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-confirm-section-content-form-btn
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(13 / 390 * 100vw) calc(8 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_management_guest-complete-title
{
    font-weight: normal;
    line-height: 1.4; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-complete-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-complete-title
    {
        font-size: calc(22 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_management_guest-complete-section-overview
    {
        text-align: center;
    }
}

@media only screen and (max-width: 767px)
{
    .un_management_guest-complete-section-overview
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}

.un_management_guest-complete-section-overview-note
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-complete-section-overview-note
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        margin-top: min(calc(32 / 1440 * 100vw), 32px); 

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-complete-section-overview-note
    {
        font-size: calc(14 / 390 * 100vw);

        margin-top: calc(24 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_management_guest-complete-section-overview-what_is
    {
        margin-top: min(calc(32 / 1440 * 100vw), 32px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_management_guest-complete-section-overview-what_is
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_management_guest-complete-section-overview-what_is-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-complete-section-overview-what_is-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-complete-section-overview-what_is-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_management_guest-complete-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-complete-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-complete-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_guest-complete-section-content-mail
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-complete-section-content-mail
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-complete-section-content-mail
    {
        padding: calc(24 / 390 * 100vw);
    }
}
.un_management_guest-complete-section-content-mail-text
{
    font-weight: bold; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-complete-section-content-mail-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
        line-height: 1.8;

        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;
        margin: 0 auto min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-complete-section-content-mail-text
    {
        font-size: calc(18 / 390 * 100vw);
        line-height: 1.4;

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_management_guest-complete-section-content-mail-text-icon
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-complete-section-content-mail-text-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-complete-section-content-mail-text-icon
    {
        width: calc(24 / 390 * 100vw);
    }
}
.un_management_guest-complete-section-content-mail-text-text
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.un_management_guest-complete-section-content-mail-address
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-complete-section-content-mail-address
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-complete-section-content-mail-address
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_management_guest-complete-section-content-btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-complete-section-content-btn
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-complete-section-content-btn
    {
        margin-top: calc(32 / 390 * 100vw);
    }
}
.un_management_guest-complete-section-content-btn-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center; 

    color: #fff;
    background: #565656;
}
@media only screen and (min-width: 768px)
{
    .un_management_guest-complete-section-content-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(354 / 1440 * 100vw), 354px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_guest-complete-section-content-btn-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_management_light-top-title
{
    font-weight: normal;
    line-height: 1; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-top-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-top-title
    {
        font-size: calc(18 / 390 * 100vw);
        line-height: 1.44444;

        margin-bottom: calc(32 / 390 * 100vw);
    }
}
.un_management_light-top-title-type
{
    font-weight: bold; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-top-title-type
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-top-title-type
    {
        font-size: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_management_light-top-section-overview
    {
        text-align: center;
    }
}

@media only screen and (max-width: 767px)
{
    .un_management_light-top-section-overview
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}

.un_management_light-top-section-overview-note
{
    margin-top: 1lh; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-top-section-overview-note
    {
        display: inline-block;

        text-align: center;
    }
}

@media only screen and (min-width: 768px)
{
    .un_management_light-top-section-overview-what_is
    {
        margin-top: min(calc(32 / 1440 * 100vw), 32px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_management_light-top-section-overview-what_is
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_management_light-top-section-overview-what_is-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-top-section-overview-what_is-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-top-section-overview-what_is-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_management_light-top-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-top-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-top-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_light-top-section-content-title
{
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;

    margin-inline: auto;
}
.un_management_light-top-section-content-title::before
{
    left: 50%;

    content: '';

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-top-section-content-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-top-section-content-title
    {
        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_management_light-top-section-content-to_settings
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-top-section-content-to_settings
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);

        text-align: center;

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-top-section-content-to_settings
    {
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(16 / 390 * 100vw);
    }
}
.un_management_light-top-section-content-to_settings-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #fff;
    background: #c03;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-top-section-content-to_settings-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(354 / 1440 * 100vw), 354px);
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-top-section-content-to_settings-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_management_light-top-section-content-cookie_note
{
    color: #c03; 

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-top-section-content-cookie_note
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-top-section-content-cookie_note
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_management_light-input-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-input-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-input-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_light-input-section-content-title
{
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;

    margin-inline: auto;
}
.un_management_light-input-section-content-title::before
{
    left: 50%;

    content: '';

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-input-section-content-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-input-section-content-title
    {
        margin-bottom: calc(24 / 390 * 100vw); 

        text-align: center;
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_light-input-section-content-description
    {
        text-align: center;
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_light-input-section-content-description:not(:first-of-type)
    {
        margin-top: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-input-section-content-description:not(:first-of-type)
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_light-input-section-content-note
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-input-section-content-note
    {
        font-size: calc(16 / 390 * 100vw);

        margin-top: calc(8 / 390 * 100vw);
    }
}
.un_management_light-input-section-content-form
{
    padding: 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-input-section-content-form
    {
        margin-top: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-input-section-content-form
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_management_light-input-section-content-form-input_area
{
    border-top: none; 

    padding-block: 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-input-section-content-form-input_area
    {
        width: min(calc(700 / 1440 * 100vw), 700px);
        margin: 0 auto;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-input-section-content-form-input_area
    {
        width: 100%;
    }
}
.un_management_light-input-section-content-form-input_area-block
{
    padding-bottom: 0;

    border-bottom: none;
}
.un_management_light-input-section-content-form-btn
{
    font-weight: bold;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-input-section-content-form-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin-top: min(calc(32 / 1440 * 100vw), 32px); 
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-input-section-content-form-btn
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(13 / 390 * 100vw) calc(8 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_management_light-confirm-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-confirm-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-confirm-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_light-confirm-section-content-title
{
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;

    margin-inline: auto;
}
.un_management_light-confirm-section-content-title::before
{
    left: 50%;

    content: '';

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-confirm-section-content-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-confirm-section-content-title
    {
        margin-bottom: calc(24 / 390 * 100vw); 

        text-align: center;
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_light-confirm-section-content-description
    {
        margin-bottom: min(calc(32 / 1440 * 100vw), 32px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-confirm-section-content-description
    {
        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_management_light-confirm-section-content-form
{
    padding: 0;
}
.un_management_light-confirm-section-content-form-input_area
{
    border-top: none; 

    padding-block: 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-confirm-section-content-form-input_area
    {
        width: min(calc(700 / 1440 * 100vw), 700px);
        margin: 0 auto;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-confirm-section-content-form-input_area
    {
        width: 100%;
    }
}
.un_management_light-confirm-section-content-form-input_area-block
{
    padding-bottom: 0;

    border-bottom: none;
}
.un_management_light-confirm-section-content-form-btn
{
    font-weight: bold;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-confirm-section-content-form-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin-top: min(calc(32 / 1440 * 100vw), 32px); 
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-confirm-section-content-form-btn
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(13 / 390 * 100vw) calc(8 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_management_light-complete-title
{
    font-weight: normal;
    line-height: 1.4; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-title
    {
        font-size: calc(22 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}

.un_management_light-complete-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_light-complete-section-content-title
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-title
    {
        margin-bottom: calc(32 / 390 * 100vw);
    }
}
.un_management_light-complete-section-content-title::before
{
    left: 50%;

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-description
    {
        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-description
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_management_light-complete-section-content-registration
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-registration
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-registration
    {
        padding: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-registration:first-of-type
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-registration:first-of-type
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-registration:nth-of-type(n+2)
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-registration:nth-of-type(n+2)
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_management_light-complete-section-content-registration-text
{
    font-weight: bold; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-registration-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
        line-height: 1.8;

        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;
        margin: 0 auto min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-registration-text
    {
        font-size: calc(18 / 390 * 100vw);
        line-height: 1.4;

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_management_light-complete-section-content-registration-text-icon
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-registration-text-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-registration-text-icon
    {
        width: calc(24 / 390 * 100vw);
    }
}
.un_management_light-complete-section-content-registration-text-text
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.un_management_light-complete-section-content-registration-address
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-registration-address
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-registration-address
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_management_light-complete-section-content-registration-btn
{
    font-weight: bold;

    text-align: center;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-registration-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-registration-btn
    {
        width: 100%;
        margin-top: calc(24 / 390 * 100vw); 

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_management_light-complete-section-content-registration-btn.un_management_light-complete-section-content-registration-btn__stop
{
    background: #c03;
}
.un_management_light-complete-section-content-registration-btn-link
{
    line-height: 1.4; 

    color: inherit;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-registration-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(354 / 1440 * 100vw), 354px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-registration-btn-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_management_light-complete-section-content-mail_stop_note
{
    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-mail_stop_note
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-mail_stop_note
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_management_light-complete-section-content-conditions
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-conditions
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 
        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-conditions
    {
        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(24 / 390 * 100vw);
    }
}
.un_management_light-complete-section-content-conditions-text
{
    font-weight: bold; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-conditions-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
        line-height: 1.8;

        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;
        margin: 0 auto min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-conditions-text
    {
        font-size: calc(18 / 390 * 100vw);
        line-height: 1.4;

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_management_light-complete-section-content-conditions-text-icon
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-conditions-text-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-conditions-text-icon
    {
        width: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-conditions-description
    {
        text-align: center;
    }
}
.un_management_light-complete-section-content-conditions-btn
{
    font-weight: bold;

    text-align: center;

    color: #fff;
    background: #c03;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-conditions-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-conditions-btn
    {
        width: 100%;
        margin-top: calc(24 / 390 * 100vw); 

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_management_light-complete-section-content-conditions-btn-link
{
    line-height: 1.4; 

    color: inherit;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-complete-section-content-conditions-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(354 / 1440 * 100vw), 354px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-complete-section-content-conditions-btn-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);
    }
}

.un_management_light-mail_stop-title
{
    font-weight: normal;
    line-height: 1.4; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop-title
    {
        font-size: calc(22 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}

.un_management_light-mail_stop-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_light-mail_stop-section-content-title
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop-section-content-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop-section-content-title
    {
        margin-bottom: calc(32 / 390 * 100vw);
    }
}
.un_management_light-mail_stop-section-content-title::before
{
    left: 50%;

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop-section-content-description
    {
        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop-section-content-description
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_management_light-mail_stop-section-content-description.un_management_light-mail_stop-section-content-description__note
{
    line-height: 1.8;

    text-align: left; 

    color: #c03;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop-section-content-description.un_management_light-mail_stop-section-content-description__note
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop-section-content-description.un_management_light-mail_stop-section-content-description__note
    {
        margin-top: calc(8 / 390 * 100vw);
    }
}
.un_management_light-mail_stop-section-content-registration
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop-section-content-registration
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop-section-content-registration
    {
        padding: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop-section-content-registration:first-of-type
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop-section-content-registration:first-of-type
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop-section-content-registration:nth-of-type(n+2)
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop-section-content-registration:nth-of-type(n+2)
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_management_light-mail_stop-section-content-registration-text
{
    font-weight: bold; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop-section-content-registration-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
        line-height: 1.8;

        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;
        margin: 0 auto min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop-section-content-registration-text
    {
        font-size: calc(18 / 390 * 100vw);
        line-height: 1.4;

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_management_light-mail_stop-section-content-registration-text-icon
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop-section-content-registration-text-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop-section-content-registration-text-icon
    {
        width: calc(24 / 390 * 100vw);
    }
}
.un_management_light-mail_stop-section-content-registration-text-text
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.un_management_light-mail_stop-section-content-registration-address
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop-section-content-registration-address
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop-section-content-registration-address
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_management_light-mail_stop-section-content-btn
{
    font-weight: bold;

    text-align: center;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop-section-content-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop-section-content-btn
    {
        width: 100%;
        margin-top: calc(32 / 390 * 100vw); 

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_management_light-mail_stop-section-content-btn.un_management_light-mail_stop-section-content-btn__stop
{
    background: #c03;
}
.un_management_light-mail_stop-section-content-btn-link
{
    line-height: 1.4; 

    color: inherit;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop-section-content-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(354 / 1440 * 100vw), 354px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop-section-content-btn-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);
    }
}

.un_management_light-mail_stop_confirm-title
{
    font-weight: normal;
    line-height: 1.4; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-title
    {
        font-size: calc(22 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}

.un_management_light-mail_stop_confirm-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_light-mail_stop_confirm-section-content-title
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-section-content-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-section-content-title
    {
        margin-bottom: calc(32 / 390 * 100vw);
    }
}
.un_management_light-mail_stop_confirm-section-content-title::before
{
    left: 50%;

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-section-content-description
    {
        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-section-content-description
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_management_light-mail_stop_confirm-section-content-description.un_management_light-mail_stop_confirm-section-content-description__note
{
    line-height: 1.8;

    text-align: left; 

    color: #c03;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-section-content-description.un_management_light-mail_stop_confirm-section-content-description__note
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-section-content-description.un_management_light-mail_stop_confirm-section-content-description__note
    {
        margin-top: calc(8 / 390 * 100vw);
    }
}
.un_management_light-mail_stop_confirm-section-content-registration
{
    background: #fcf2f5;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-section-content-registration
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-section-content-registration
    {
        padding: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-section-content-registration:first-of-type
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-section-content-registration:first-of-type
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-section-content-registration:nth-of-type(n+2)
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-section-content-registration:nth-of-type(n+2)
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_management_light-mail_stop_confirm-section-content-registration-text
{
    font-weight: bold; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-section-content-registration-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
        line-height: 1.8;

        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;
        margin: 0 auto min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-section-content-registration-text
    {
        font-size: calc(18 / 390 * 100vw);
        line-height: 1.4;

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_management_light-mail_stop_confirm-section-content-registration-text-icon
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-section-content-registration-text-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-section-content-registration-text-icon
    {
        width: calc(24 / 390 * 100vw);
    }
}
.un_management_light-mail_stop_confirm-section-content-registration-text-text
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.un_management_light-mail_stop_confirm-section-content-registration-address
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-section-content-registration-address
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-section-content-registration-address
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_management_light-mail_stop_confirm-section-content-btn_area
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-section-content-btn_area
    {
        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
        margin-inline: auto;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-section-content-btn_area
    {
            flex-direction: column;

        width: 100%;
        margin-top: calc(32 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_management_light-mail_stop_confirm-section-content-btn
{
    font-weight: bold;

    text-align: center;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-section-content-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-section-content-btn
    {
        width: 100%;

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_management_light-mail_stop_confirm-section-content-btn.un_management_light-mail_stop_confirm-section-content-btn__stop
{
    background: #c03;
}
.un_management_light-mail_stop_confirm-section-content-btn-link
{
    line-height: 1.4; 

    color: inherit;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_confirm-section-content-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(354 / 1440 * 100vw), 354px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_confirm-section-content-btn-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);
    }
}

.un_management_light-mail_stop_complete-title
{
    font-weight: normal;
    line-height: 1.4; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_complete-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_complete-title
    {
        font-size: calc(22 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}

.un_management_light-mail_stop_complete-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_complete-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_complete-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_light-mail_stop_complete-section-content-title
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_complete-section-content-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_complete-section-content-title
    {
        margin-bottom: calc(32 / 390 * 100vw);
    }
}
.un_management_light-mail_stop_complete-section-content-title::before
{
    left: 50%;

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_complete-section-content-description
    {
        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_complete-section-content-description
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_complete-section-content-description:not(:first-of-type)
    {
        margin-top: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_complete-section-content-description:not(:first-of-type)
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_management_light-mail_stop_complete-section-content-description.un_management_light-mail_stop_complete-section-content-description__note
{
    line-height: 1.8; 

    color: #c03;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_complete-section-content-description.un_management_light-mail_stop_complete-section-content-description__note
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_complete-section-content-description.un_management_light-mail_stop_complete-section-content-description__note
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_management_light-mail_stop_complete-section-content-btn
{
    font-weight: bold;

    text-align: center;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_complete-section-content-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_complete-section-content-btn
    {
        width: 100%;
        margin-top: calc(32 / 390 * 100vw); 

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_management_light-mail_stop_complete-section-content-btn-link
{
    line-height: 1.4; 

    color: inherit;
}
@media only screen and (min-width: 768px)
{
    .un_management_light-mail_stop_complete-section-content-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(354 / 1440 * 100vw), 354px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_light-mail_stop_complete-section-content-btn-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);
    }
}

.un_management_mypage-top-title
{
    font-weight: normal;
    line-height: 1; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-top-title
    {
        font-size: calc(18 / 390 * 100vw);
        line-height: 1.44444;

        margin-bottom: calc(32 / 390 * 100vw);
    }
}
.un_management_mypage-top-title-type
{
    font-weight: bold; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-title-type
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-top-title-type
    {
        font-size: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-section-overview
    {
        text-align: center;
    }
}

@media only screen and (max-width: 767px)
{
    .un_management_mypage-top-section-overview
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-section-overview-what_is
    {
        margin-top: min(calc(32 / 1440 * 100vw), 32px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_management_mypage-top-section-overview-what_is
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_management_mypage-top-section-overview-what_is-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-section-overview-what_is-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-top-section-overview-what_is-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_management_mypage-top-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-top-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_mypage-top-section-content-title
{
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;

    margin-inline: auto;
}
.un_management_mypage-top-section-content-title::before
{
    left: 50%;

    content: '';

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-section-content-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-top-section-content-title
    {
        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_management_mypage-top-section-content-to_settings_area
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-section-content-to_settings_area
    {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-top-section-content-to_settings_area
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_management_mypage-top-section-content-to_settings
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-section-content-to_settings
    {
        width: min(calc(548 / 1440 * 100vw), 548px);
        padding: min(calc(24 / 1440 * 100vw), 24px);

        text-align: center;

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-top-section-content-to_settings
    {
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-section-content-to_settings-text.un_management_mypage-top-section-content-to_settings-text__mypage
    {
        letter-spacing: -.01em;
    }
}
.un_management_mypage-top-section-content-to_settings-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #fff;
    background: #c03;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-section-content-to_settings-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        margin-top: min(calc(24 / 1440 * 100vw), 24px); 
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-top-section-content-to_settings-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_management_mypage-top-section-content-to_settings-link.un_management_mypage-top-section-content-to_settings-link__mypage
{
    font-weight: normal;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #000;
    border: solid 1px #c4c4c4; 
    background: #efefef;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-section-content-to_settings-link.un_management_mypage-top-section-content-to_settings-link__mypage
    {
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-top-section-content-to_settings-link.un_management_mypage-top-section-content-to_settings-link__mypage
    {
        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-section-content-to_settings-link-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-top-section-content-to_settings-link-icon
    {
        width: calc(20 / 390 * 100vw);
    }
}
.un_management_mypage-top-section-content-cookie_note
{
    text-align: left; 

    color: #c03;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-top-section-content-cookie_note
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-top-section-content-cookie_note
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_management_mypage-input-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-input-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-input-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_mypage-input-section-content-title
{
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;

    margin-inline: auto;
}
.un_management_mypage-input-section-content-title::before
{
    left: 50%;

    content: '';

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-input-section-content-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-input-section-content-title
    {
        margin-bottom: calc(24 / 390 * 100vw); 

        text-align: center;
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-input-section-content-description
    {
        text-align: center;
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-input-section-content-description:not(:first-of-type)
    {
        margin-top: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-input-section-content-description:not(:first-of-type)
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-input-section-content-note
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-input-section-content-note
    {
        font-size: calc(16 / 390 * 100vw);

        margin-top: calc(8 / 390 * 100vw);
    }
}
.un_management_mypage-input-section-content-form
{
    padding: 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-input-section-content-form
    {
        margin-top: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-input-section-content-form
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_management_mypage-input-section-content-form-input_area
{
    border-top: none; 

    padding-block: 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-input-section-content-form-input_area
    {
        width: min(calc(700 / 1440 * 100vw), 700px);
        margin: 0 auto;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-input-section-content-form-input_area
    {
        width: 100%;
    }
}
.un_management_mypage-input-section-content-form-input_area-block
{
    padding-bottom: 0;

    border-bottom: none;
}
.un_management_mypage-input-section-content-form-btn
{
    font-weight: bold;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-input-section-content-form-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin-top: min(calc(32 / 1440 * 100vw), 32px); 
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-input-section-content-form-btn
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(13 / 390 * 100vw) calc(8 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_management_mypage-confirm-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-confirm-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-confirm-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_mypage-confirm-section-content-title
{
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;

    margin-inline: auto;
}
.un_management_mypage-confirm-section-content-title::before
{
    left: 50%;

    content: '';

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-confirm-section-content-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-confirm-section-content-title
    {
        margin-bottom: calc(24 / 390 * 100vw); 

        text-align: center;
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-confirm-section-content-description
    {
        margin-bottom: min(calc(32 / 1440 * 100vw), 32px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-confirm-section-content-description
    {
        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_management_mypage-confirm-section-content-form
{
    padding: 0;
}
.un_management_mypage-confirm-section-content-form-input_area
{
    border-top: none; 

    padding-block: 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-confirm-section-content-form-input_area
    {
        width: min(calc(700 / 1440 * 100vw), 700px);
        margin: 0 auto;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-confirm-section-content-form-input_area
    {
        width: 100%;
    }
}
.un_management_mypage-confirm-section-content-form-input_area-block
{
    padding-bottom: 0;

    border-bottom: none;
}
.un_management_mypage-confirm-section-content-form-btn
{
    font-weight: bold;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-confirm-section-content-form-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin-top: min(calc(32 / 1440 * 100vw), 32px); 
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-confirm-section-content-form-btn
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(13 / 390 * 100vw) calc(8 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_management_mypage-complete-title
{
    font-weight: normal;
    line-height: 1.4; 

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-complete-title
    {
        font-size: calc(22 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}

.un_management_mypage-complete-section-content
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-section-content
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-complete-section-content
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(32 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}
.un_management_mypage-complete-section-content-title
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-section-content-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-complete-section-content-title
    {
        margin-bottom: calc(32 / 390 * 100vw);
    }
}
.un_management_mypage-complete-section-content-title::before
{
    left: 50%;

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-section-content-description
    {
        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-complete-section-content-description
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_management_mypage-complete-section-content-registration
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-section-content-registration
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-complete-section-content-registration
    {
        padding: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-section-content-registration:first-of-type
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-complete-section-content-registration:first-of-type
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-section-content-registration:nth-of-type(n+2)
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-complete-section-content-registration:nth-of-type(n+2)
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_management_mypage-complete-section-content-registration-text
{
    font-weight: bold; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-section-content-registration-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
        line-height: 1.8;

        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;
        margin: 0 auto min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-complete-section-content-registration-text
    {
        font-size: calc(18 / 390 * 100vw);
        line-height: 1.4;

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_management_mypage-complete-section-content-registration-text-icon
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-section-content-registration-text-icon
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-complete-section-content-registration-text-icon
    {
        width: calc(24 / 390 * 100vw);
    }
}
.un_management_mypage-complete-section-content-registration-text-text
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.un_management_mypage-complete-section-content-registration-address
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-section-content-registration-address
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-complete-section-content-registration-address
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-section-content-registration-deescription
    {
        text-align: center;
    }
}
.un_management_mypage-complete-section-content-registration-btn
{
    font-weight: bold;

    text-align: center;

    color: #fff;
    background: #c03;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-section-content-registration-btn
    {
        width: min(calc(354 / 1440 * 100vw), 354px);
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-complete-section-content-registration-btn
    {
        width: 100%;
        margin-top: calc(32 / 390 * 100vw); 

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_management_mypage-complete-section-content-registration-btn-link
{
    line-height: 1.4; 

    color: inherit;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-section-content-registration-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(354 / 1440 * 100vw), 354px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-complete-section-content-registration-btn-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);
    }
}
.un_management_mypage-complete-section-content-note
{
    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_management_mypage-complete-section-content-note
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_mypage-complete-section-content-note
    {
        font-size: calc(16 / 390 * 100vw);

        margin-top: calc(32 / 390 * 100vw);
    }
}

.un_management_error-title
{
    font-weight: normal;
    line-height: 1.4; 

    text-align: center;

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_management_error-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_error-title
    {
        font-size: calc(22 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_management_error-section
    {
        margin-bottom: min(calc(80 / 1440 * 100vw), 80px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_management_error-section
    {
        margin-bottom: calc(80 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_management_error-section-overview
    {
        text-align: center;
    }
}

@media only screen and (max-width: 767px)
{
    .un_management_error-section-overview
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_management_error-section-overview-to_checkin
    {
        margin-top: min(calc(32 / 1440 * 100vw), 32px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_management_error-section-overview-to_checkin
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_management_error-section-overview-to_checkin-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_management_error-section-overview-to_checkin-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_management_error-section-overview-to_checkin-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_catalog-inner
    {
        padding-inline: min(calc(56 / 1440 * 100vw), 56px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_catalog-list
    {
        margin-top: max(calc(-12 / 1440 * 100vw), -12px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_catalog-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
        padding-inline: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_catalog-list-item
    {
        width: min(calc(434 / 1440 * 100vw), 434px);
        padding: min(calc(12 / 1440 * 100vw), 12px);
    }
}

.un_catalog-list-item-link
{
    display: block;
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .un_catalog-list-item-link
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog-list-item-link
    {
        padding: calc(24 / 390 * 100vw);
    }
}

.un_catalog-list-item-title
{
    font-weight: bold;
    line-height: 1.4; 

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .un_catalog-list-item-title
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog-list-item-title
    {
        font-size: calc(22 / 390 * 100vw);

        margin-bottom: calc(16 / 390 * 100vw);
    }
}

.un_catalog-list-item-summary
{
    line-height: 1.4;

    color: #000;
    border-bottom: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_catalog-list-item-summary
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        padding-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog-list-item-summary
    {
        font-size: calc(18 / 390 * 100vw);

        padding-bottom: calc(16 / 390 * 100vw);
    }
}

.un_catalog-list-item-overview
{
    line-height: 1.4; 

    color: #565656;
}
@media only screen and (min-width: 768px)
{
    .un_catalog-list-item-overview
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog-list-item-overview
    {
        font-size: calc(16 / 390 * 100vw);

        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_catalog-list-item-more
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #979797;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_catalog-list-item-more
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog-list-item-more
    {
        font-size: calc(16 / 390 * 100vw);

        margin-top: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.un_catalog-list-item-more-arrow
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_catalog-list-item-more-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog-list-item-more-arrow
    {
        width: calc(20 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_catalog_sidemenu-column
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_catalog_sidemenu-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_sidemenu-list
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_sidemenu-list
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_catalog_sidemenu-list-item
    {
        width: min(calc(458 / 1440 * 100vw), 458px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_sidemenu-list-item
    {
        width: 100%;
    }
}
.un_catalog_sidemenu-list-item-link
{
    display: block;
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_sidemenu-list-item-link
    {
        height: 100%; 

        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_sidemenu-list-item-link
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}
.un_catalog_sidemenu-list-item-img img
{
    width: 100%;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_sidemenu-list-item-texts
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_sidemenu-list-item-texts
    {
        padding: calc(24 / 390 * 100vw);
    }
}
.un_catalog_sidemenu-list-item-title
{
    font-weight: bold;
    line-height: 1.4; 

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_sidemenu-list-item-title
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);

        margin-bottom: min(calc(12 / 1440 * 100vw), 12px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_sidemenu-list-item-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(12 / 390 * 100vw);
    }
}
.un_catalog_sidemenu-list-item-summary
{
    line-height: 1.4; 

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_sidemenu-list-item-summary
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_sidemenu-list-item-summary
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}
.un_catalog_sidemenu-list-item-overview
{
    line-height: 1.4;

    display: -webkit-box;
    overflow: hidden;

    text-overflow: ellipsis; 

    color: #565656;

    -webkit-box-orient: vertical;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_sidemenu-list-item-overview
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-line-clamp: 4;
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_sidemenu-list-item-overview
    {
        font-size: calc(14 / 390 * 100vw);

        margin-top: calc(24 / 390 * 100vw); 

        -webkit-line-clamp: 5;
    }
}

@media only screen and (min-width: 768px)
{
    .un_catalog_detail-main
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_catalog_detail-main
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}

.un_catalog_detail-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_catalog_detail-post h1
{
    font-weight: bold;
    line-height: 1.8; 

    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post h1
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 
        padding-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post h1
    {
        font-size: calc(24 / 390 * 100vw);

        margin-bottom: calc(40 / 390 * 100vw); 
        padding-top: calc(16 / 390 * 100vw);
    }
}
.un_catalog_detail-post h1::before,
.un_catalog_detail-post h1::after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
    overflow: hidden;

    content: '';

    border-radius: 100vmax;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post h1::before,
    .un_catalog_detail-post h1::after
    {
        height: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post h1::before,
    .un_catalog_detail-post h1::after
    {
        height: calc(4 / 390 * 100vw);
    }
}
.un_catalog_detail-post h1::before
{
    width: 100%; 

    background: #000;
}
.un_catalog_detail-post h1::after
{
    background: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post h1::after
    {
        width: min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post h1::after
    {
        width: calc(80 / 390 * 100vw);
    }
}

.un_catalog_detail-post h2
{
    font-weight: bold; 

    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post h2
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);
        line-height: 1.4;

        margin-top: min(calc(64 / 1440 * 100vw), 64px);
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px); 
        padding-top: min(calc(10 / 1440 * 100vw), 10px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post h2
    {
        font-size: calc(22 / 390 * 100vw);
        line-height: 1.8;

        margin-top: calc(40 / 390 * 100vw);
        margin-bottom: calc(16 / 390 * 100vw); 
        padding-top: calc(10 / 390 * 100vw);
    }
}
.un_catalog_detail-post h2::before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    content: '';

    border-radius: 100vmax; 
    background: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post h2::before
    {
        width: min(calc(40 / 1440 * 100vw), 40px);
        height: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post h2::before
    {
        width: calc(40 / 390 * 100vw);
        height: calc(4 / 390 * 100vw);
    }
}

.un_catalog_detail-post h3
{
    font-weight: bold;
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post h3
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-top: min(calc(24 / 1440 * 100vw), 24px);
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post h3
    {
        font-size: calc(20 / 390 * 100vw);

        margin-top: calc(16 / 390 * 100vw);
        margin-bottom: calc(8 / 390 * 100vw);
    }
}

.un_catalog_detail-post h4
{
    font-weight: bold;
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post h4
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(24 / 1440 * 100vw), 24px);
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post h4
    {
        font-size: calc(16 / 390 * 100vw);

        margin-top: calc(16 / 390 * 100vw);
        margin-bottom: calc(8 / 390 * 100vw);
    }
}

.un_catalog_detail-post p
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post p
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post p
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post p:has(img)
    {
        margin-block: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post p:has(img)
    {
        margin-block: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post ul
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post ul
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_catalog_detail-post li
{
    line-height: 1.4; 

    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post li
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post li
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post li:not(:first-of-type)
    {
        margin-top: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post li:not(:first-of-type)
    {
        margin-top: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post li.un_catalog_detail-post-red_dot
    {
        padding-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post li.un_catalog_detail-post-red_dot
    {
        padding-left: calc(20 / 390 * 100vw);
    }
}
.un_catalog_detail-post li.un_catalog_detail-post-red_dot::before
{
    position: absolute;
    top: .5lh;

    display: block;

    content: '';

    border-radius: 50%;
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post li.un_catalog_detail-post-red_dot::before
    {
        left: min(calc(4 / 1440 * 100vw), 4px); 

        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post li.un_catalog_detail-post-red_dot::before
    {
        left: calc(4 / 390 * 100vw); 

        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}

.un_catalog_detail-post dt
{
    font-weight: bold;
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post dt
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post dt
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

.un_catalog_detail-post dd
{
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post dd
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post dd
    {
        font-size: calc(16 / 390 * 100vw);
    }
}

.un_catalog_detail-post table
{
    width: 100%;

    table-layout: auto;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post table
    {
        margin-block: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post table
    {
        margin-block: calc(8 / 390 * 100vw) calc(16 / 390 * 100vw);
    }
}
.un_catalog_detail-post table th
{
    font-weight: 500;
    line-height: 1.4;

    text-align: left;

    border: solid 1px #c4c4c4; 
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post table th
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post table th
    {
        font-size: calc(14 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw); 

        white-space: nowrap;
    }
}
.un_catalog_detail-post table td
{
    line-height: 1.65;

    vertical-align: top;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post table td
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post table td
    {
        font-size: calc(14 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw);
    }
}

.un_catalog_detail-post a
{
    font-size: inherit;
    line-height: inherit; 

    color: #000;
}

.un_catalog_detail-post-num
{
    counter-reset: num;
}
.un_catalog_detail-post-num-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 

    counter-increment: num;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post-num-item
    {
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post-num-item
    {
        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post-num-item:not(:first-of-type)
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px) !important;
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post-num-item:not(:first-of-type)
    {
        margin-top: calc(8 / 390 * 100vw) !important;
    }
}
.un_catalog_detail-post-num-item::before
{
    display: inline-block;

    content: counter(num) '.';

    color: #c03;
}

.un_catalog_detail-post-bg
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post-bg
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        margin-block: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post-bg
    {
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        margin-block: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post-index
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post-index
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_catalog_detail-post-btn_link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center; 

    color: #c03 !important;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-post-btn_link
    {
        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;
        margin: min(calc(40 / 1440 * 100vw), 40px) auto 0; 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-post-btn_link
    {
        width: 100%;
        margin-top: calc(16 / 390 * 100vw); 

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_catalog_detail-title-overview
{
    font-weight: 500;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-title-overview
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px);
    }
}

.un_catalog_detail-recruitment-title
{
    font-weight: bold;
}
@media only screen and (min-width: 768px)
{
    .un_catalog_detail-recruitment-title
    {
        margin-top: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_catalog_detail-recruitment-title
    {
        margin: calc(56 / 390 * 100vw) calc(24 / 390 * 100vw) 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_recommend_sidemenu-column
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_recommend_sidemenu-column_main
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_recommend_sidemenu-column_main
    {
        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_recommend_sidemenu-column_main
    {
        row-gap: calc(56 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_recommend_sidemenu-list
    {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(40 / 1440 * 100vw), 40px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_recommend_sidemenu-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_recommend_sidemenu-list:first-of-type
    {
        padding-top: calc(40 / 390 * 100vw);

        border-top: solid 1px #c4c4c4;
    }
}

@media only screen and (max-width: 767px)
{
    .un_recommend_sidemenu-list:last-of-type
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}

.un_recommend_sidemenu-list-item-link
{
    display: block;
    overflow: hidden;

    height: 100%; 

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_recommend_sidemenu-list-item-link
    {
        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_recommend_sidemenu-list-item-link
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}

.un_recommend_sidemenu-list-item-title
{
    line-height: 1.4;

    color: #000;
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_recommend_sidemenu-list-item-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_recommend_sidemenu-list-item-title
    {
        font-size: calc(16 / 390 * 100vw);

        padding: calc(24 / 390 * 100vw);
    }
}

.un_recommend_sidemenu-more
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_recommend_sidemenu-more
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_recommend_sidemenu-more
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_recommend_sidemenu-more-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_recommend_sidemenu-more-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_recommend_sidemenu-more-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        margin-inline: calc(24 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_recommend_sidemenu-sidemenu
    {
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.un_recommend_sidemenu-sidemenu-list
{
    border-top: solid 1px #c4c4c4;
}
.un_recommend_sidemenu-sidemenu-list-item
{
    border-bottom: solid 1px #c4c4c4;
}
.un_recommend_sidemenu-sidemenu-list-item-link
{
    font-family: 'Inter', sans-serif;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #000; 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_recommend_sidemenu-sidemenu-list-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
        line-height: 1.5;

        padding: min(calc(8 / 1440 * 100vw), 8px) min(calc(16 / 1440 * 100vw), 16px) min(calc(8 / 1440 * 100vw), 8px) 0;

        -webkit-transition: color .3s;
                transition: color .3s;
    }
}
@media only screen and (max-width: 767px)
{
    .un_recommend_sidemenu-sidemenu-list-item-link
    {
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.71429;

        padding: calc(8 / 390 * 100vw) calc(16 / 390 * 100vw) calc(8 / 390 * 100vw) 0;

        -webkit-transition: color .3s;
                transition: color .3s;
    }
}
.un_recommend_sidemenu-sidemenu-list-item-link:hover
{
    opacity: 1;
    color: #c03;
}
.un_recommend_sidemenu-sidemenu-list-item-arrow
{
    -webkit-transition: color .3s;
            transition: color .3s; 

    color: #979797;
}
@media only screen and (min-width: 768px)
{
    .un_recommend_sidemenu-sidemenu-list-item-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_recommend_sidemenu-sidemenu-list-item-arrow
    {
        width: calc(20 / 390 * 100vw);
    }
}
.un_recommend_sidemenu-sidemenu-list-item-link:hover .un_recommend_sidemenu-sidemenu-list-item-arrow
{
    color: inherit;
}

@media only screen and (min-width: 768px)
{
    .un_recommend_detail-main
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_recommend_detail-main
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}

.un_recommend_detail-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_recommend_detail-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_recommend_detail-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_recommend_detail-what_is-title
{
    font-weight: bold;
}
@media only screen and (min-width: 768px)
{
    .un_recommend_detail-what_is-title
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_recommend_detail-what_is-contents
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

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

.un_recommend_detail-what_is-contents-img
{
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .un_recommend_detail-what_is-contents-img
    {
        width: min(calc(400 / 1440 * 100vw), 400px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_recommend_detail-what_is-contents-img
    {
        width: 100%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_recommend_detail-what_is-contents-img img
    {
        border-radius: min(calc(9.79 / 1440 * 100vw), 9.79px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_recommend_detail-what_is-contents-img img
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_recommend_detail-what_is-contents-description
    {
        width: min(calc(436 / 1440 * 100vw), 436px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_recommend_detail-what_is-contents-description
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_recommend_detail-what_is-contents-description-title
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}

.un_recommend_detail-what_is-contents-more
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_recommend_detail-what_is-contents-more
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_recommend_detail-what_is-contents-more
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.un_recommend_detail-what_is-contents-more-btn
{
    font-weight: bold;

    text-align: center;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_recommend_detail-what_is-contents-more-btn
    {
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_recommend_detail-what_is-contents-more-btn
    {
        width: 100%;
    }
}

.un_recommend_detail-recruitment-title
{
    font-weight: bold;
}
@media only screen and (min-width: 768px)
{
    .un_recommend_detail-recruitment-title
    {
        margin-top: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_recommend_detail-recruitment-title
    {
        margin: calc(56 / 390 * 100vw) calc(24 / 390 * 100vw) 0;
    }
}

.un_site_policy-summary
{
    font-weight: bold;
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_site_policy-summary
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        margin-bottom: min(calc(40 / 1440 * 100vw), 40px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_site_policy-summary
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(40 / 390 * 100vw); 

        padding-inline: calc(24 / 390 * 100vw);
    }
}

.un_site_policy-section-inner
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_site_policy-section-inner
    {
        padding: min(calc(80 / 1440 * 100vw), 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_site_policy-section-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_site_policy-article:not(:last-of-type)
    {
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_site_policy-article:not(:last-of-type)
    {
        margin-bottom: calc(40 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_site_policy-article-title
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_site_policy-article-title
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_site_policy-article-contents
    {
        padding-left: min(calc(240 / 1440 * 100vw), 240px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_site_policy-article-contents > *:not(:first-child)
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_site_policy-article-contents > *:not(:first-child)
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}

.un_site_policy-article-contents-text
{
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_site_policy-article-contents-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_site_policy-article-contents-text
    {
        font-size: calc(16 / 390 * 100vw);
    }
}

.un_site_policy-article-contents-list
{
    margin-block: 1lh max(-16 / 1440 * 100vw, -16px) !important;
}
.un_site_policy-article-contents-list li
{
    line-height: 1.4; 

    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_site_policy-article-contents-list li
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_site_policy-article-contents-list li
    {
        font-size: calc(16 / 390 * 100vw);

        padding-left: calc(20 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_site_policy-article-contents-list li:not(:first-of-type)
    {
        margin-top: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_site_policy-article-contents-list li:not(:first-of-type)
    {
        margin-top: calc(8 / 390 * 100vw);
    }
}
.un_site_policy-article-contents-list li::before
{
    position: absolute;
    top: .5lh;

    display: inline-block;

    content: '';

    border-radius: 50%;
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_site_policy-article-contents-list li::before
    {
        left: min(calc(4 / 1440 * 100vw), 4px);

        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_site_policy-article-contents-list li::before
    {
        left: calc(4 / 390 * 100vw);

        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}

.un_site_policy-article-contents-section-title
{
    font-weight: bold;
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_site_policy-article-contents-section-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_site_policy-article-contents-section-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

.un_site_policy-article-contents-section-text
{
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_site_policy-article-contents-section-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_site_policy-article-contents-section-text
    {
        font-size: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_site_policy-article-contents-section-item
    {
        margin-top: min(calc(8 / 1440 * 100vw), 8px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_site_policy-article-contents-section-item
    {
        margin-top: calc(8 / 390 * 100vw);
    }
}

.un_site_policy-article-contents-section-item-title
{
    font-weight: bold;
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_site_policy-article-contents-section-item-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-bottom: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_site_policy-article-contents-section-item-title
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(4 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_news-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_news-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_news-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_news-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_news-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_news-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_news-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

.un_news-column_main-list-item-link
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    border-bottom: solid 1px #c4c4c4; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media only screen and (min-width: 768px)
{
    .un_news-column_main-list-item-link
    {
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(36 / 1440 * 100vw), 36px) min(calc(16 / 1440 * 100vw), 16px) 0; 

        row-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_news-column_main-list-item-link
    {
        padding: calc(12 / 390 * 100vw) calc(36 / 390 * 100vw) calc(12 / 390 * 100vw) 0; 

        row-gap: calc(4 / 390 * 100vw);
    }
}
.un_news-column_main-list-item-link-date
{
    font-family: 'Inter', sans-serif;
    line-height: 1.4; 

    color: #979797;
}
@media only screen and (min-width: 768px)
{
    .un_news-column_main-list-item-link-date
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_news-column_main-list-item-link-date
    {
        font-size: calc(13 / 390 * 100vw);
    }
}
.un_news-column_main-list-item-link-title
{
    line-height: 1.4; 

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .un_news-column_main-list-item-link-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_news-column_main-list-item-link-title
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
.un_news-column_main-list-item-link-arrow
{
    position: absolute;
    top: 50%;

    color: #979797;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_news-column_main-list-item-link-arrow
    {
        right: min(calc(8 / 1440 * 100vw), 8px);

        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_news-column_main-list-item-link-arrow
    {
        right: calc(8 / 390 * 100vw);

        width: calc(20 / 390 * 100vw);
        height: calc(20 / 390 * 100vw);
    }
}

.un_news-column_main-pagination
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_news-column_main-pagination
    {
        margin-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_news-column_main-pagination
    {
        margin-block: calc(40 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_news_detail-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_news_detail-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_news_detail-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_news_detail-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

@media only screen and (min-width: 768px)
{
    .un_news_detail-post
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}

.un_news_detail-post > .un_news_detail-date
{
    font-family: 'Inter', sans-serif;
    line-height: 1.4;

    color: #565656;
}
@media only screen and (min-width: 768px)
{
    .un_news_detail-post > .un_news_detail-date
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_news_detail-post > .un_news_detail-date
    {
        font-size: calc(14 / 390 * 100vw);

        margin-bottom: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_news_detail-post > .un_news_detail-title
    {
        margin-bottom: min(calc(64 / 1440 * 100vw), 64px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_news_detail-post > .un_news_detail-title
    {
        margin-bottom: calc(40 / 390 * 100vw);
    }
}

.un_news_detail-post > p:not([class])
{
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_news_detail-post > p:not([class])
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_news_detail-post > p:not([class])
    {
        font-size: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_news_detail-post > .un_news_detail-link
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_news_detail-post > .un_news_detail-link
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_news_detail-post > .un_news_detail-link a
{
    position: relative;

    color: #000;
    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_news_detail-post > .un_news_detail-link a
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
        line-height: 1.71429;

        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(52 / 1440 * 100vw), 52px) min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_news_detail-post > .un_news_detail-link a
    {
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.71429;

        padding: calc(16 / 390 * 100vw) calc(44 / 390 * 100vw) calc(16 / 390 * 100vw) calc(24 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_news_detail-post > .un_news_detail-link a .un_news_detail-link-arrow
{
    position: absolute;
    top: 50%;

    display: block;

    color: #979797;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_news_detail-post > .un_news_detail-link a .un_news_detail-link-arrow
    {
        right: min(calc(24 / 1440 * 100vw), 24px);

        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_news_detail-post > .un_news_detail-link a .un_news_detail-link-arrow
    {
        right: calc(16 / 390 * 100vw);

        width: calc(20 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_news_detail-back
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin-top: min(calc(64 / 1440 * 100vw), 64px); 

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

@media only screen and (max-width: 767px)
{
    .un_news_detail-back
    {
        width: 100%;
        margin-top: calc(40 / 390 * 100vw);
    }
}

.un_news_detail-back-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_news_detail-back-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_news_detail-back-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw); 

        border-radius: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service-list
    {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(40 / 1440 * 100vw), 40px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.un_service-list-item-link
{
    display: block;
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_service-list-item-link
    {
        height: 100%;

        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service-list-item-link
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service-list-item-data
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service-list-item-data
    {
        padding: calc(24 / 390 * 100vw);
    }
}

.un_service-list-item-data-title
{
    line-height: 1.4; 

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .un_service-list-item-data-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        letter-spacing: max(calc(-.15 / 1440 * 100vw), -.15px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service-list-item-data-title
    {
        font-size: calc(16 / 390 * 100vw);

        letter-spacing: max(calc(-.15 / 390 * 100vw), -.15px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_sidemenu-column
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_sidemenu-list
    {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
        gap: min(calc(40 / 1440 * 100vw), 40px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_sidemenu-list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(24 / 390 * 100vw);
        margin-inline: calc(24 / 390 * 100vw);
    }
}

.un_service_sidemenu-list-item-link
{
    display: block;
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_service_sidemenu-list-item-link
    {
        height: 100%;

        border-radius: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_sidemenu-list-item-link
    {
        border-radius: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_sidemenu-list-item-data
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_sidemenu-list-item-data
    {
        padding: calc(24 / 390 * 100vw);
    }
}

.un_service_sidemenu-list-item-data-title
{
    line-height: 1.4; 

    color: #000;
}
@media only screen and (min-width: 768px)
{
    .un_service_sidemenu-list-item-data-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        letter-spacing: max(calc(-.15 / 1440 * 100vw), -.15px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_sidemenu-list-item-data-title
    {
        font-size: calc(16 / 390 * 100vw);

        letter-spacing: max(calc(-.15 / 390 * 100vw), -.15px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_beginner-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_service_beginner-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_service_beginner-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_beginner-column_main-section
    {
        margin-block: min(calc(64 / 1440 * 100vw), 64px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_beginner-column_main-section
    {
        margin-block: calc(40 / 390 * 100vw);
    }
}

.un_service_beginner-column_main-section:last-of-type
{
    margin-bottom: 0;
}

.un_service_beginner-reason-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-list
    {
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-column-gap: min(calc(16 / 1440 * 100vw), 16px);
           -moz-column-gap: min(calc(16 / 1440 * 100vw), 16px);
                column-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-list
    {
            flex-direction: column;

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_service_beginner-reason-list-item-link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border: solid 1px #c4c4c4;
    border-radius: min(calc(8 / 1440 * 100vw), 8px); 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-list-item-link
    {
            flex-direction: column;

        width: min(calc(203 / 1440 * 100vw), 203px);
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-list-item-link
    {
        width: 100%;
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(16 / 390 * 100vw);
           -moz-column-gap: calc(16 / 390 * 100vw);
                column-gap: calc(16 / 390 * 100vw);
    }
}
.un_service_beginner-reason-list-item-icon
{
    display: grid;

    color: #c03;
    border-radius: 50%; 
    background: #fcf2f5;

    place-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-list-item-icon
    {
        width: min(calc(48 / 1440 * 100vw), 48px);
        height: min(calc(48 / 1440 * 100vw), 48px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-list-item-icon
    {
        width: calc(40 / 390 * 100vw);
        height: calc(40 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-list-item-icon svg
    {
        width: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-list-item-icon svg
    {
        width: calc(24 / 390 * 100vw);
    }
}
.un_service_beginner-reason-list-item-text
{
    line-height: 1.4; 

    color: #282828;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-list-item-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(8 / 1440 * 100vw), 8px); 

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-list-item-text
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_service_beginner-reason-list-item-arrow
{
    color: #c03;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-list-item-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        margin-top: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-list-item-arrow
    {
        width: calc(20 / 390 * 100vw);
        margin-left: auto; 

        justify-self: flex-end;
    }
}

.un_service_beginner-reason-section:not(:first-of-type)
{
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-section:not(:first-of-type)
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-section:not(:first-of-type)
    {
        padding-top: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-section:not(:last-of-type)
    {
        padding-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-section:not(:last-of-type)
    {
        padding-bottom: calc(24 / 390 * 100vw);
    }
}

.un_service_beginner-reason-section-title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-section-title
    {
        font-size: min(calc(22 / 1440 * 100vw), 22px);

        margin-bottom: min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-section-title
    {
            flex-direction: column;

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(4 / 390 * 100vw);
    }
}
.un_service_beginner-reason-section-title-num
{
    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-section-title-num
    {
        font-size: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-section-title-num
    {
        font-size: calc(30 / 390 * 100vw);
    }
}

.un_service_beginner-reason-support-links
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-support-links
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 

        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-support-links
    {
            flex-direction: column;

        margin-top: calc(24 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_service_beginner-reason-support-links-item-link
{
    font-weight: bold;

    text-align: center;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-support-links-item-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-support-links-item-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_service_beginner-reason-achievement-img
{
    width: 100%;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-achievement-img
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-achievement-img
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_service_beginner-reason-consulting
{
    display: grid;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-consulting
    {
        grid-template: 'title img' auto 'text img' auto/1fr min(calc(300 / 1440 * 100vw), 300px);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-consulting-title
    {
        grid-area: title;
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-consulting-text
    {
        grid-area: text;
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-reason-consulting-img
    {
        grid-area: img;
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-reason-consulting-img
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_service_beginner-flow-btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-flow-btn
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-flow-btn
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_service_beginner-flow-btn-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-flow-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-flow-btn-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_service_beginner-access-btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-access-btn
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-access-btn
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_service_beginner-access-btn-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #c03;
    border: solid 1px #c03;
    border-radius: min(calc(8 / 1440 * 100vw), 8px);
}
@media only screen and (min-width: 768px)
{
    .un_service_beginner-access-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_beginner-access-btn-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_guide-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_service_guide-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_service_guide-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

.un_service_guide-column_main-section-contents-title
{
    font-weight: bold;
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-column_main-section-contents-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-column_main-section-contents-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

.un_service_guide-step1-contents-btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step1-contents-btn
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step1-contents-btn
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_service_guide-step1-contents-btn-link
{
    font-weight: bold;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    text-align: center;

    color: #fff;
    background: #c03; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step1-contents-btn-link
    {
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step1-contents-btn-link
    {
        width: 100%;
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_service_guide-step1-contents-btn-text_sub
{
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step1-contents-btn-text_sub
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step1-contents-btn-text_sub
    {
        font-size: calc(18 / 390 * 100vw);
    }
}
.un_service_guide-step1-contents-btn-text
{
    line-height: 1.4;

    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;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step1-contents-btn-text
    {
        font-size: min(calc(24 / 1440 * 100vw), 24px); 

        -webkit-column-gap: min(calc(8 / 1440 * 100vw), 8px);
           -moz-column-gap: min(calc(8 / 1440 * 100vw), 8px);
                column-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step1-contents-btn-text
    {
        font-size: calc(24 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step1-contents-btn-text-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step1-contents-btn-text-arrow
    {
        width: calc(20 / 390 * 100vw);
    }
}

.un_service_guide-step1-contents-note_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step1-contents-note_list
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step1-contents-note_list
    {
        margin-top: calc(24 / 390 * 100vw); 

        row-gap: calc(8 / 390 * 100vw);
    }
}

.un_service_guide-step2-contents-inner
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-inner
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        margin-block: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-inner
    {
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        margin-block: calc(16 / 390 * 100vw);
    }
}
.un_service_guide-step2-contents-inner-title
{
    font-weight: bold;
    line-height: 1.8;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-inner-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-inner-title
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-inner-text
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-inner-text
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}
.un_service_guide-step2-contents-inner-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-inner-list
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 

        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-inner-list
    {
        margin-bottom: calc(16 / 390 * 100vw); 

        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_service_guide-step2-contents-inner-list-item
{
    line-height: 1.4; 

    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-inner-list-item
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-inner-list-item
    {
        font-size: calc(16 / 390 * 100vw);

        padding-left: calc(20 / 390 * 100vw);
    }
}
.un_service_guide-step2-contents-inner-list-item::before
{
    position: absolute;
    top: .5lh;
    left: 0;

    content: '';

    border-radius: 50%;
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-inner-list-item::before
    {
        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-inner-list-item::before
    {
        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-inner-link
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-inner-link
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.un_service_guide-step2-contents-inner-link-text
{
    color: #c03;
}

.un_service_guide-step2-contents-mypage
{
    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-mypage
    {
        display: grid;

        margin-top: min(calc(16 / 1440 * 100vw), 16px); 

        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-mypage
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-mypage-item:not(:last-of-type)
    {
        border-right: solid 1px #c4c4c4;
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-mypage-item:not(:last-of-type)
    {
        border-bottom: solid 1px #c4c4c4;
    }
}
.un_service_guide-step2-contents-mypage-item-title
{
    font-weight: 500;
    line-height: 1.4;

    border-bottom: solid 1px #c4c4c4; 
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-mypage-item-title
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-mypage-item-title
    {
        font-size: calc(14 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-mypage-item-content
    {
        padding: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-mypage-item-content
    {
        padding: calc(16 / 390 * 100vw);
    }
}
.un_service_guide-step2-contents-mypage-item-content-list-item
{
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-mypage-item-content-list-item
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-mypage-item-content-list-item
    {
        font-size: calc(14 / 390 * 100vw);
    }
}

.un_service_guide-step2-contents-link_btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-link_btn
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-link_btn
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_service_guide-step2-contents-link_btn-text
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #c03;
    border: solid 1px #c03; 
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step2-contents-link_btn-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step2-contents-link_btn-text
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_guide-step3-contents-note
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_guide-step3-contents-note
    {
        margin-top: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_guide-step5-contents
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_guide-step5-contents
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_service_guide-step5-contents-support
{
    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step5-contents-support
    {
        display: grid;

        margin-top: min(calc(16 / 1440 * 100vw), 16px); 

        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step5-contents-support
    {
        margin-top: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step5-contents-support-item:not(:last-of-type)
    {
        border-right: solid 1px #c4c4c4;
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step5-contents-support-item:not(:last-of-type)
    {
        border-bottom: solid 1px #c4c4c4;
    }
}
.un_service_guide-step5-contents-support-item-title
{
    font-weight: 500;
    line-height: 1.4;

    border-bottom: solid 1px #c4c4c4; 
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step5-contents-support-item-title
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step5-contents-support-item-title
    {
        font-size: calc(14 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step5-contents-support-item-content
    {
        padding: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step5-contents-support-item-content
    {
        padding: calc(16 / 390 * 100vw);
    }
}
.un_service_guide-step5-contents-support-item-content-list-item
{
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-step5-contents-support-item-content-list-item
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-step5-contents-support-item-content-list-item
    {
        font-size: calc(14 / 390 * 100vw);
    }
}

.un_service_guide-campaign
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-campaign
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-campaign
    {
        margin-top: max(calc(-24 / 390 * 100vw), -24px);
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_service_guide-campaign-title
{
    font-weight: bold;
    line-height: 1.65;

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-campaign-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-campaign-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}
.un_service_guide-campaign-link_btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-campaign-link_btn
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-campaign-link_btn
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.un_service_guide-campaign-link_btn-text
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #c03;
    border: solid 1px #c03; 
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_service_guide-campaign-link_btn-text
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_guide-campaign-link_btn-text
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_support-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_service_support-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_service_support-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_support-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_service_support-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_support-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_support-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

.un_service_support-column_main-section-contents-title
{
    font-weight: bold;
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_service_support-column_main-section-contents-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_support-column_main-section-contents-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_support-difference-img
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 
        padding: min(calc(32 / 1440 * 100vw), 32px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_support-difference-img
    {
        margin-top: calc(16 / 390 * 100vw); 
        padding: calc(13 / 390 * 100vw);
    }
}

.un_service_support-reuse-inner
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_service_support-reuse-inner
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        margin-block: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_support-reuse-inner
    {
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        margin-block: calc(16 / 390 * 100vw);
    }
}

.un_service_support-reuse-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_support-reuse-list
    {
        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_support-reuse-list
    {
        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_service_support-reuse-list-item
{
    position: relative; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
       -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
            column-gap: min(calc(4 / 1440 * 100vw), 4px);
}
@media only screen and (min-width: 768px)
{
    .un_service_support-reuse-list-item
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_support-reuse-list-item
    {
        font-size: calc(16 / 390 * 100vw);

        padding-left: calc(20 / 390 * 100vw);
    }
}
.un_service_support-reuse-list-item::before
{
    position: absolute;
    top: .5lh;
    left: 0;

    content: '';

    border-radius: 50%;
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_service_support-reuse-list-item::before
    {
        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_support-reuse-list-item::before
    {
        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_choice-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_service_choice-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_service_choice-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

.un_service_choice-column_main-section-text:not(:first-of-type)
{
    margin-top: 1lh;
}

.un_service_choice-column_main-section-contents-title
{
    font-weight: bold;
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-column_main-section-contents-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-column_main-section-contents-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

.un_service_choice-choice_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-choice_list
    {
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(42 / 1440 * 100vw), 42px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        -webkit-column-gap: min(calc(40 / 1440 * 100vw), 40px);
           -moz-column-gap: min(calc(40 / 1440 * 100vw), 40px);
                column-gap: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-choice_list
    {
            flex-direction: column;

        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        row-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-choice_list-item
    {
        width: 100%;
    }
}
.un_service_choice-choice_list-item-link
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-choice_list-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-choice_list-item-link
    {
        font-size: calc(14 / 390 * 100vw);

        width: 100%;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-block: calc(4.5 / 390 * 100vw);
    }
}
.un_service_choice-choice_list-item-link-arrow
{
    color: #c03;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-choice_list-item-link-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-choice_list-item-link-arrow
    {
        width: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_choice-temporary-img
    {
        width: min(calc(491 / 1440 * 100vw), 491px);
        margin: min(calc(24 / 1440 * 100vw), 24px) auto;
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_choice-temporary-img
    {
        width: 100%;

        margin-block: calc(16 / 390 * 100vw);
    }
}

.un_service_choice-temporary-btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-temporary-btn
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-temporary-btn
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_service_choice-temporary-btn-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-temporary-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-temporary-btn-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_choice-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_service_choice-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_service_choice-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

.un_service_choice-column_main-section-contents-title
{
    font-weight: bold;
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-column_main-section-contents-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-column_main-section-contents-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

.un_service_choice-preferential-contents
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-preferential-contents
    {
        padding: min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-preferential-contents
    {
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-preferential-contents:not(:first-of-type)
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-preferential-contents:not(:first-of-type)
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-preferential-contents-item
    {
        display: grid;

        grid-template: 'title img' auto 'description img' auto/1fr min(calc(270 / 1440 * 100vw), 270px);
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
.un_service_choice-preferential-contents-item-title
{
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-preferential-contents-item-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 

        grid-area: title;
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-preferential-contents-item-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-preferential-contents-item-description
    {
        grid-area: description;
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-preferential-contents-item-description-note
    {
        margin-top: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-preferential-contents-item-description-note
    {
        margin-top: calc(8 / 390 * 100vw);
    }
}
.un_service_choice-preferential-contents-item-img
{
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-preferential-contents-item-img
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        grid-area: img;
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-preferential-contents-item-img
    {
        width: 100%;
        margin-top: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_service_choice-preferential-contents-item-img img
{
    width: 100%;
}
.un_service_choice-preferential-contents-item-btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-preferential-contents-item-btn
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-preferential-contents-item-btn
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_service_choice-preferential-contents-item-btn-link
{
    font-weight: bold;
    line-height: 1.4;

    position: relative;

    text-align: center; 

    color: #c03;
    border: solid 1px #c03;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-preferential-contents-item-btn-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(418 / 1440 * 100vw), 418px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-preferential-contents-item-btn-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw) calc(44 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_service_choice-preferential-contents-item-btn-link-arrow
{
    position: absolute;
    top: 50%;

    display: block;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_service_choice-preferential-contents-item-btn-link-arrow
    {
        right: min(calc(16 / 1440 * 100vw), 16px);

        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_choice-preferential-contents-item-btn-link-arrow
    {
        right: calc(14 / 390 * 100vw); 

        width: calc(20 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_service_highclass-agent-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_service_highclass-agent-to_form
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-to_form
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-to_form
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_service_highclass-agent-to_form-link
{
    font-weight: bold;
    line-height: 1.4;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #c03;
    border: solid 1px #c03; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-to_form-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        width: min(calc(347 / 1440 * 100vw), 347px);
        padding: min(calc(15.5 / 1440 * 100vw), 15.5px) min(calc(40 / 1440 * 100vw), 40px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-to_form-link
    {
        width: 100%;
        padding: calc(13 / 390 * 100vw) calc(44 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw); 

        -webkit-column-gap: calc(8 / 390 * 100vw);
           -moz-column-gap: calc(8 / 390 * 100vw);
                column-gap: calc(8 / 390 * 100vw);
    }
}
.un_service_highclass-agent-to_form-link-arrow
{
    position: absolute;
    top: 50%;

    translate: 0 -50%;
    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-to_form-link-arrow
    {
        right: min(calc(16 / 1440 * 100vw), 16px);

        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-to_form-link-arrow
    {
        right: calc(16 / 390 * 100vw);

        width: calc(16 / 390 * 100vw);
    }
}

.un_service_highclass-agent-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

.un_service_highclass-agent-column_main-overview-text
{
    font-weight: bold;

    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-column_main-overview-text
    {
        margin-top: min(calc(8 / 1440 * 100vw), 8px); 
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-column_main-overview-text
    {
        margin-top: calc(16 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-column_main-overview-description_list
    {
        display: grid;

        margin-top: min(calc(24 / 1440 * 100vw), 24px); 

        grid-template-columns: repeat(3, 1fr);
        -webkit-column-gap: min(calc(25 / 1440 * 100vw), 25px);
           -moz-column-gap: min(calc(25 / 1440 * 100vw), 25px);
                column-gap: min(calc(25 / 1440 * 100vw), 25px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-column_main-overview-description_list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        margin-top: calc(16 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(16 / 390 * 100vw);
    }
}

.un_service_highclass-agent-column_main-overview-description_list img
{
    width: 100%;
}

.un_service_highclass-agent-column_main-section-text:not(:first-of-type)
{
    margin-top: 1lh;
}

.un_service_highclass-agent-column_main-section-contents-title
{
    font-weight: bold;
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-column_main-section-contents-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-column_main-section-contents-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

.un_service_highclass-agent-case_study-list
{
    overflow: hidden;

    border: solid 1px #c4c4c4; 
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-case_study-list
    {
        display: grid;

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        grid-template-columns: min(calc(230 / 1440 * 100vw), 230px) min(calc(288.4 / 1440 * 100vw), 288.4px) 1fr;
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-case_study-list
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-case_study-list-item
    {
        display: grid;

        border-bottom: solid 1px #c4c4c4; 

        grid-column: 1 / -1;
        grid-template-columns: subgrid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .un_service_highclass-agent-case_study-list-item:last-child
    {
        border-bottom: none;
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-case_study-list-item:not(:last-of-type)
    {
        border-bottom: solid 1px #c4c4c4;
    }
}
.un_service_highclass-agent-case_study-list-item-title
{
    font-weight: 500;
    line-height: 1.4;

    color: #000;
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-case_study-list-item-title
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        height: 100%;
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-right: solid 1px #c4c4c4; 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-case_study-list-item-title
    {
        font-size: calc(14 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw);

        text-align: center;

        border-bottom: solid 1px #c4c4c4;
    }
}
.un_service_highclass-agent-case_study-list-item-before
{
    line-height: 1.65; 

    position: relative;

    color: #282828;
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-case_study-list-item-before
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(40 / 1440 * 100vw), 40px) min(calc(16 / 1440 * 100vw), 16px) min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-case_study-list-item-before
    {
        font-size: calc(14 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw) calc(16 / 390 * 100vw) calc(24.4 / 390 * 100vw); 

        text-align: center;
    }
}
.un_service_highclass-agent-case_study-list-item-before span
{
    font-weight: bold;

    color: #000;
}
.un_service_highclass-agent-case_study-list-item-before::after
{
    position: absolute;
    top: 50%; 

    display: block;

    content: '';
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-case_study-list-item-before::after
    {
        right: min(calc(16 / 1440 * 100vw), 16px);

        border-top: solid min(calc(12 / 1440 * 100vw), 12px) transparent;
        border-bottom: solid min(calc(12 / 1440 * 100vw), 12px) transparent;
        border-left: solid min(calc(8.4 / 1440 * 100vw), 8.4px) #c03;

        translate: 0 -50%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-case_study-list-item-before::after
    {
        top: calc(100% - calc(8.4 / 390 * 100vw));
        left: 50%;

        border-top: solid calc(8.4 / 390 * 100vw) #c03;
        border-right: solid calc(12 / 390 * 100vw) transparent;
        border-left: solid calc(12 / 390 * 100vw) transparent;

        translate: -50% 0;
    }
}
.un_service_highclass-agent-case_study-list-item-after
{
    line-height: 1.65; 

    color: #282828;
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-case_study-list-item-after
    {
        font-size: min(calc(14 / 1440 * 100vw), 14px);

        padding: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-case_study-list-item-after
    {
        font-size: calc(14 / 390 * 100vw);

        padding: calc(16 / 390 * 100vw); 

        text-align: center;
    }
}
.un_service_highclass-agent-case_study-list-item-after span
{
    font-weight: bold; 

    color: #c03;
}

@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-step-image
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-step-image
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-step-note
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.un_service_highclass-agent-howto-note_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #f8f8f8; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-howto-note_list
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px); 
        padding: min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-howto-note_list
    {
        margin-top: calc(16 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_service_highclass-agent-howto-note_list-item
{
    color: #c03;
}

@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-form
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-form
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}

.un_service_highclass-agent-form-title
{
    text-align: center;
}
.un_service_highclass-agent-form-title::before
{
    left: 50%;

    translate: -50% 0;
}

@media only screen and (min-width: 768px)
{
    .un_service_highclass-agent-form-flow_wrap
    {
        margin-block: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_highclass-agent-form-flow_wrap
    {
        margin-block: calc(24 / 390 * 100vw);
    }
}

.un_service_highclass-agent-form-contents-description
{
    padding: 0;

    background: transparent;
}

.un_service_highclass-agent-form-auth
{
    background: #fff;
}

@media only screen and (min-width: 768px)
{
    .un_service_staffing-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_service_staffing-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_service_staffing-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

.un_service_staffing-column_main-overview-title img
{
    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-column_main-overview-title img
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-column_main-overview-title img
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_staffing-column_main-overview-list
    {
        margin-top: min(calc(64 / 1440 * 100vw), 64px);
        margin-bottom: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_staffing-column_main-overview-list
    {
        margin-top: calc(40 / 390 * 100vw);
        margin-bottom: calc(40 / 390 * 100vw);
    }
}

.un_service_staffing-column_main-overview-list-item
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-column_main-overview-list-item:not(:last-of-type)
    {
        margin-bottom: min(calc(76 / 1440 * 100vw), 76px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-column_main-overview-list-item:not(:last-of-type)
    {
        margin-bottom: calc(30.23 / 390 * 100vw);
    }
}
.un_service_staffing-column_main-overview-list-item:not(:last-of-type)::after
{
    position: absolute;
    left: 50%;

    display: block;

    content: '';

    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-column_main-overview-list-item:not(:last-of-type)::after
    {
        top: calc(100% + min(calc(24 / 1440 * 100vw), 24px));

        border-top: solid min(calc(28 / 1440 * 100vw), 28px) #c03;
        border-right: solid min(calc(40 / 1440 * 100vw), 40px) transparent;
        border-left: solid min(calc(40 / 1440 * 100vw), 40px) transparent;
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-column_main-overview-list-item:not(:last-of-type)::after
    {
        top: calc(100% + calc(9.55 / 390 * 100vw));

        border-top: solid calc(11.13 / 390 * 100vw) #c03;
        border-right: solid calc(15.905 / 390 * 100vw) transparent;
        border-left: solid calc(15.905 / 390 * 100vw) transparent;
    }
}
.un_service_staffing-column_main-overview-list-item-title
{
    font-weight: bold;
    line-height: 1.4;

    position: relative;

    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-column_main-overview-list-item-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(28 / 1440 * 100vw), 28px); 
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-column_main-overview-list-item-title
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(15.18 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_service_staffing-column_main-overview-list-item-title.un_service_staffing-column_main-overview-list-item-title__before
{
    background: #efefef;
}
.un_service_staffing-column_main-overview-list-item-title.un_service_staffing-column_main-overview-list-item-title__before::after
{
    background: #efefef;
}
.un_service_staffing-column_main-overview-list-item-title.un_service_staffing-column_main-overview-list-item-title__after
{
    background: #fcf2f5;
}
.un_service_staffing-column_main-overview-list-item-title.un_service_staffing-column_main-overview-list-item-title__after span
{
    color: #c03;
}
.un_service_staffing-column_main-overview-list-item-title.un_service_staffing-column_main-overview-list-item-title__after::after
{
    background: #fcf2f5;
}
.un_service_staffing-column_main-overview-list-item-title::after
{
    position: absolute;
    left: 50%;

    display: block;

    content: '';

    -webkit-mask: url('/assets/images/service/staffing/mask_arrow.svg') no-repeat center center/contain;
            mask: url('/assets/images/service/staffing/mask_arrow.svg') no-repeat center center/contain;
    translate: -50% 0;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-column_main-overview-list-item-title::after
    {
        top: calc(100% + min(calc(-8 / 1440 * 100vw), -8px)); 

        width: min(calc(48 / 1440 * 100vw), 48px);
        height: min(calc(26 / 1440 * 100vw), 26px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-column_main-overview-list-item-title::after
    {
        top: calc(100% + calc(-16 / 390 * 100vw)); 

        width: calc(48 / 390 * 100vw);
        height: calc(26 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-column_main-overview-list-item-image img
    {
        width: 100%;
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_staffing-column_main-overview-detail-item:not(:last-of-type)
    {
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_staffing-column_main-overview-detail-item:not(:last-of-type)
    {
        margin-bottom: calc(24 / 390 * 100vw);
    }
}

.un_service_staffing-column_main-overview-detail-item-title
{
    font-weight: bold;
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-column_main-overview-detail-item-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-column_main-overview-detail-item-title
    {
        font-size: calc(20 / 390 * 100vw);

            flex-direction: column;

        margin-bottom: calc(16 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        row-gap: calc(4 / 390 * 100vw);
    }
}
.un_service_staffing-column_main-overview-detail-item-title-num
{
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    line-height: 1; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-column_main-overview-detail-item-title-num
    {
        font-size: min(calc(32 / 1440 * 100vw), 32px);

        margin-right: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-column_main-overview-detail-item-title-num
    {
        font-size: calc(30 / 390 * 100vw);
    }
}

.un_service_staffing-voicies-item
{
    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-voicies-item
    {
        padding: min(calc(24 / 1440 * 100vw), 24px); 

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-voicies-item
    {
        padding: calc(16 / 390 * 100vw); 

        border-radius: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-voicies-item:not(:first-of-type)
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-voicies-item:not(:first-of-type)
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}
.un_service_staffing-voicies-item-title
{
    display: grid;

    grid-template: 'icon profile' auto 'icon work' auto;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-voicies-item-title
    {
        grid-template-columns: min(calc(64 / 1440 * 100vw), 64px) 1fr;
        -webkit-column-gap: min(calc(16 / 1440 * 100vw), 16px);
           -moz-column-gap: min(calc(16 / 1440 * 100vw), 16px);
                column-gap: min(calc(16 / 1440 * 100vw), 16px);
        row-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-voicies-item-title
    {
        grid-template-columns: calc(48 / 390 * 100vw) 1fr;
        -webkit-column-gap: calc(16 / 390 * 100vw);
           -moz-column-gap: calc(16 / 390 * 100vw);
                column-gap: calc(16 / 390 * 100vw);
        row-gap: calc(4 / 390 * 100vw);
    }
}
.un_service_staffing-voicies-item-title-icon
{
    grid-area: icon;
}
.un_service_staffing-voicies-item-title-icon-image
{
    display: block;
    overflow: hidden;

    border-radius: 50%; 
    background: #fcf2f5;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-voicies-item-title-icon-image
    {
        padding: min(calc(6.3 / 1440 * 100vw), 6.3px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-voicies-item-title-icon-image
    {
        padding: calc(6.3 / 390 * 100vw);
    }
}
.un_service_staffing-voicies-item-title-icon-image svg
{
    color: #c03;
}
.un_service_staffing-voicies-item-title-profile
{
    font-weight: 500;
    line-height: 1.5; 

    grid-area: profile;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-voicies-item-title-profile
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-voicies-item-title-profile
    {
        font-size: calc(16 / 390 * 100vw);
    }
}
.un_service_staffing-voicies-item-title-work
{
    font-weight: normal;
    line-height: 1.5; 

    color: #c03;

    grid-area: work;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-voicies-item-title-work
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-voicies-item-title-work
    {
        font-size: calc(14 / 390 * 100vw);
    }
}
.un_service_staffing-voicies-item-text
{
    line-height: 1.5;
}
@media only screen and (min-width: 768px)
{
    .un_service_staffing-voicies-item-text
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_staffing-voicies-item-text
    {
        font-size: calc(14 / 390 * 100vw);

        margin-top: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_staffing-voicies-step
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_staffing-voicies-step
    {
        margin-top: calc(24 / 390 * 100vw);
    }
    .un_service_staffing-voicies-step img
    {
        width: 100%;
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_staffing-form
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_staffing-form
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}

.un_service_staffing-form-title
{
    text-align: center;
}
.un_service_staffing-form-title::before
{
    left: 50%;

    translate: -50% 0;
}

@media only screen and (min-width: 768px)
{
    .un_service_staffing-form-flow_wrap
    {
        margin-block: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_staffing-form-flow_wrap
    {
        margin-block: calc(24 / 390 * 100vw);
    }
}

.un_service_staffing-form-contents-description
{
    padding: 0;

    background: transparent;
}

.un_service_staffing-form-auth
{
    background: #fff;
}

@media only screen and (min-width: 768px)
{
    .un_service_game_creator-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_service_game_creator-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_service_game_creator-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_service_game_creator-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_game_creator-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

.un_service_game_creator-column_main-overview-title img
{
    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_service_game_creator-column_main-overview-title img
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-column_main-overview-title img
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}

.un_service_game_creator-column_main-overview-text
{
    font-weight: bold;

    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_service_game_creator-column_main-overview-text
    {
        margin-top: min(calc(8 / 1440 * 100vw), 8px); 
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);

        text-align: center;

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-column_main-overview-text
    {
        margin-top: calc(8 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_game_creator-column_main-overview-feature_img
    {
        display: grid;

        grid-template-columns: repeat(3, 1fr);
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
        margin-block: min(calc(64 / 1440 * 100vw), 64px) min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_game_creator-column_main-overview-feature_img
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: calc(16 / 390 * 100vw);
        margin-block: calc(40 / 390 * 100vw) calc(16 / 390 * 100vw);
    }
}

.un_service_game_creator-column_main-page_link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border: solid 1px #c4c4c4; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_game_creator-column_main-page_link
    {
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px); 

        gap: min(calc(8 / 1440 * 100vw), 8px) min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-column_main-page_link
    {
            flex-direction: column;

        padding: calc(16 / 390 * 100vw); 

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        row-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-column_main-page_link-item
    {
        width: 100%;
    }
}
.un_service_game_creator-column_main-page_link-item-link
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #282828;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_game_creator-column_main-page_link-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-column_main-page_link-item-link
    {
        font-size: calc(14 / 390 * 100vw);

        position: relative;

        width: 100%;
        padding-right: calc(20 / 390 * 100vw); 

        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.un_service_game_creator-column_main-page_link-item-link-arrow
{
    display: block;

    color: #c03;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .un_service_game_creator-column_main-page_link-item-link-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-column_main-page_link-item-link-arrow
    {
        position: absolute;
        top: 50%;
        right: 0;

        width: calc(16 / 390 * 100vw); 

        translate: 0 -50%;
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_game_creator-whats-article
    {
        display: grid;

        grid-template: 'title img' auto 'text img' 1fr/auto min(calc(360 / 1440 * 100vw), 360px);
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_game_creator-whats-article:not(:first-of-type)
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_game_creator-whats-article:not(:first-of-type)
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_service_game_creator-whats-article-title
{
    font-weight: bold; 
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_service_game_creator-whats-article-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px); 

        grid-area: title;
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-whats-article-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_game_creator-whats-article-text
    {
        grid-area: text;
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_game_creator-whats-article-img
    {
        grid-area: img;
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_game_creator-whats-article-img
    {
        margin-top: calc(20 / 390 * 100vw);
    }
}

.un_service_game_creator-example-img img
{
    width: 100%;
}

.un_service_game_creator-recruitment-article
{
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_service_game_creator-recruitment-article
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-recruitment-article
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_service_game_creator-recruitment-article:not(:first-of-type)
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-recruitment-article:not(:first-of-type)
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.un_service_game_creator-recruitment-article-title
{
    font-weight: normal;
    line-height: 1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #000;
    background: #f8f8f8; 

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_service_game_creator-recruitment-article-title
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(19 / 1440 * 100vw), 19px) min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-recruitment-article-title
    {
        font-size: calc(18 / 390 * 100vw);

        padding: calc(19 / 390 * 100vw) calc(16 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.un_service_game_creator-recruitment-article-title.js_game_creator_role_acc-tri
{
    cursor: pointer;
}
.un_service_game_creator-recruitment-article-title-arrow
{
    display: block;

    color: #979797;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .un_service_game_creator-recruitment-article-title-arrow
    {
        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-recruitment-article-title-arrow
    {
        width: calc(24 / 390 * 100vw);
    }
}
.un_service_game_creator-recruitment-article-title-arrow.is_active
{
    rotate: -90deg;
}
.un_service_game_creator-recruitment-article-contents_wrap
{
    display: grid;

    -webkit-transition: grid-template-rows .3s;
            transition: grid-template-rows .3s;
            transition: grid-template-rows .3s, -ms-grid-rows .3s; 

    grid-template-rows: 0fr;
}
.un_service_game_creator-recruitment-article-contents_wrap.is_active
{
    grid-template-rows: 1fr;
}
.un_service_game_creator-recruitment-article-contents_container
{
    overflow: hidden;
}
.un_service_game_creator-recruitment-article-contents
{
    border-top: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_service_game_creator-recruitment-article-contents
    {
        padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_game_creator-recruitment-article-contents
    {
        padding: calc(16 / 390 * 100vw) calc(24 / 390 * 100vw);
    }
}

.un_service_game_creator-terms-table td
{
    line-height: 1.65;
}

@media only screen and (min-width: 768px)
{
    .un_service_game_creator-form
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_game_creator-form
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}

.un_service_game_creator-form-title
{
    text-align: center;
}
.un_service_game_creator-form-title::before
{
    left: 50%;

    translate: -50% 0;
}

@media only screen and (min-width: 768px)
{
    .un_service_game_creator-form-flow_wrap
    {
        margin-block: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_game_creator-form-flow_wrap
    {
        margin-block: calc(24 / 390 * 100vw);
    }
}

.un_service_game_creator-form-contents-description
{
    padding: 0;

    background: transparent;
}

.un_service_game_creator-form-auth
{
    background: #fff;
}

@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_service_osk_game_creator-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_service_osk_game_creator-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

.un_service_osk_game_creator-column_main-overview-title
{
    overflow: hidden;

    border: solid 1px #c4c4c4;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-column_main-overview-title
    {
        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-column_main-overview-title
    {
        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_service_osk_game_creator-column_main-overview-title img
{
    width: calc(100% + 2px);
    max-width: none;
    margin-left: -1px;
}

@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-employment-list
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-employment-list
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_service_osk_game_creator-job-list
{
    margin-block: 1lh;
}

@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-target-section:not(:first-of-type)
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-target-section:not(:first-of-type)
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-target-section-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-target-section-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

.un_service_osk_game_creator-target-section-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-target-section-list
    {
        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-target-section-list
    {
        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_service_osk_game_creator-target-section-list-item
{
    position: relative; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-target-section-list-item
    {
        padding-left: min(calc(20 / 1440 * 100vw), 20px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-target-section-list-item
    {
        padding-left: calc(20 / 390 * 100vw); 

        -webkit-column-gap: calc(4 / 390 * 100vw);
           -moz-column-gap: calc(4 / 390 * 100vw);
                column-gap: calc(4 / 390 * 100vw);
    }
}
.un_service_osk_game_creator-target-section-list-item::before
{
    position: absolute;
    top: .5lh;

    display: block;

    content: '';

    border-radius: 50%; 
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-target-section-list-item::before
    {
        left: min(calc(4 / 1440 * 100vw), 4px);

        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-target-section-list-item::before
    {
        left: calc(4 / 390 * 100vw);

        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-target-section-text
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-target-section-text
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-place-text:not(:first-of-type)
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-place-text:not(:first-of-type)
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-salary-text:not(:first-of-type)
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-salary-text:not(:first-of-type)
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_service_osk_game_creator-holiday-list-item
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-holiday-list-item
    {
        padding-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-holiday-list-item
    {
        padding-left: calc(20 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-holiday-list-item:not(:first-of-type)
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.un_service_osk_game_creator-holiday-list-item::before
{
    position: absolute;
    top: .5lh;

    display: block;

    content: '';

    border-radius: 50%; 
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-holiday-list-item::before
    {
        left: min(calc(4 / 1440 * 100vw), 4px);

        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-holiday-list-item::before
    {
        left: calc(4 / 390 * 100vw);

        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-holiday-text
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-holiday-text
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_service_osk_game_creator-treatment-list-item
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-treatment-list-item
    {
        padding-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-treatment-list-item
    {
        padding-left: calc(20 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-treatment-list-item:not(:first-of-type)
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.un_service_osk_game_creator-treatment-list-item::before
{
    position: absolute;
    top: .5lh;

    display: block;

    content: '';

    border-radius: 50%; 
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-treatment-list-item::before
    {
        left: min(calc(4 / 1440 * 100vw), 4px);

        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-treatment-list-item::before
    {
        left: calc(4 / 390 * 100vw);

        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}

.un_service_osk_game_creator-benefit-list-item
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-benefit-list-item
    {
        padding-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-benefit-list-item
    {
        padding-left: calc(20 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-benefit-list-item:not(:first-of-type)
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.un_service_osk_game_creator-benefit-list-item::before
{
    position: absolute;
    top: .5lh;

    display: block;

    content: '';

    border-radius: 50%; 
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-benefit-list-item::before
    {
        left: min(calc(4 / 1440 * 100vw), 4px);

        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-benefit-list-item::before
    {
        left: calc(4 / 390 * 100vw);

        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}

.un_service_osk_game_creator-howto-text a
{
    display: inline;

    text-decoration: underline; 

    color: #c03;
}

.un_service_osk_game_creator-howto-list-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.un_service_osk_game_creator-howto-list-item span
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.un_service_osk_game_creator-howto-list-item-list
{
    width: 100%;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-howto-list-item-list
    {
        margin-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-howto-list-item-list
    {
        margin-left: 1em;
    }
}
.un_service_osk_game_creator-howto-list-item-list-item::before
{
    content: '・' !important;
}
@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-howto-list-item-text
    {
        margin-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
.un_service_osk_game_creator-howto-list-item:nth-of-type(4)
{
    counter-set: num 4;
}

@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-form
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-form
    {
        margin-top: calc(40 / 390 * 100vw);
    }
}

.un_service_osk_game_creator-form-title
{
    text-align: center;
}
.un_service_osk_game_creator-form-title::before
{
    left: 50%;

    translate: -50% 0;
}

@media only screen and (min-width: 768px)
{
    .un_service_osk_game_creator-form-flow_wrap
    {
        margin-block: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_osk_game_creator-form-flow_wrap
    {
        margin-block: calc(24 / 390 * 100vw);
    }
}

.un_service_osk_game_creator-form-contents-description
{
    padding: 0;

    background: transparent;
}

.un_service_osk_game_creator-form-auth
{
    background: #fff;
}

@media only screen and (min-width: 768px)
{
    .un_service_education-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_service_education-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_service_education-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_education-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_service_education-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_education-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_education-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_education-column_main-section-article
    {
        margin-block: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_education-column_main-section-article
    {
        margin-block: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_service_education-column_main-section-article-title
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_service_education-column_main-section-article-title
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}

.un_service_education-column_main-salary-note_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_education-column_main-salary-note_list
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px); 

        row-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_education-column_main-salary-note_list
    {
        margin-top: calc(16 / 390 * 100vw); 

        row-gap: calc(4 / 390 * 100vw);
    }
}

.un_service_education-column_main-note-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_service_education-column_main-note-list
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px); 

        row-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_service_education-column_main-note-list
    {
        margin-top: calc(16 / 390 * 100vw); 

        row-gap: calc(4 / 390 * 100vw);
    }
}

.un_service_education-column_main-note-list-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (min-width: 768px)
{
    .un_help_job_search_preparation-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_help_job_search_preparation-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_help_job_search_preparation-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_job_search_preparation-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_help_job_search_preparation-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_help_job_search_preparation-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_job_search_preparation-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

.un_help_job_search_preparation-column_main-overview-list-item
{
    font-weight: bold;
}

.un_help_job_search_preparation-full_time
{
    color: #c03;
}

.un_help_job_search_preparation-temporary
{
    color: #004096;
}

@media only screen and (min-width: 768px)
{
    .un_help_job_search_preparation-resume-title,
    .un_help_job_search_preparation-portfolio-title,
    .un_help_job_search_preparation-mypage_update-title
    {
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_job_search_preparation-resume-title,
    .un_help_job_search_preparation-portfolio-title,
    .un_help_job_search_preparation-mypage_update-title
    {
        margin-bottom: calc(20 / 390 * 100vw);
    }
}

.un_help_job_search_preparation-resume-contents,
.un_help_job_search_preparation-portfolio-contents,
.un_help_job_search_preparation-mypage_update-contents
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    row-gap: 1lh;
}

@media only screen and (min-width: 768px)
{
    .un_help_job_search_preparation-resume-notes,
    .un_help_job_search_preparation-portfolio-notes,
    .un_help_job_search_preparation-mypage_update-notes
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_job_search_preparation-resume-notes,
    .un_help_job_search_preparation-portfolio-notes,
    .un_help_job_search_preparation-mypage_update-notes
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_help_job_search_preparation-resume-notes-link,
.un_help_job_search_preparation-portfolio-notes-link,
.un_help_job_search_preparation-mypage_update-notes-link
{
    display: inline;

    text-decoration: underline;

    color: #c03;

    overflow-wrap: anywhere;
    line-break: strict;
}

.un_help_job_search_preparation-resume-btn_wrap,
.un_help_job_search_preparation-portfolio-btn_wrap,
.un_help_job_search_preparation-mypage_update-btn_wrap
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_help_job_search_preparation-resume-btn_wrap,
    .un_help_job_search_preparation-portfolio-btn_wrap,
    .un_help_job_search_preparation-mypage_update-btn_wrap
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_job_search_preparation-resume-btn_wrap,
    .un_help_job_search_preparation-portfolio-btn_wrap,
    .un_help_job_search_preparation-mypage_update-btn_wrap
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_help_job_search_preparation-resume-btn,
.un_help_job_search_preparation-portfolio-btn,
.un_help_job_search_preparation-mypage_update-btn
{
    font-weight: bold;
    line-height: 1.4;

    position: relative;

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    color: #c03;
    border: solid 1px #c03; 
    background: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_help_job_search_preparation-resume-btn,
    .un_help_job_search_preparation-portfolio-btn,
    .un_help_job_search_preparation-mypage_update-btn
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px) min(calc(44 / 1440 * 100vw), 44px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_job_search_preparation-resume-btn,
    .un_help_job_search_preparation-portfolio-btn,
    .un_help_job_search_preparation-mypage_update-btn
    {
        font-size: calc(14 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw) calc(44 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}
.un_help_job_search_preparation-resume-btn-arrow,
.un_help_job_search_preparation-portfolio-btn-arrow,
.un_help_job_search_preparation-mypage_update-btn-arrow
{
    position: absolute;
    top: 50%;

    display: block;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_help_job_search_preparation-resume-btn-arrow,
    .un_help_job_search_preparation-portfolio-btn-arrow,
    .un_help_job_search_preparation-mypage_update-btn-arrow
    {
        right: min(calc(16 / 1440 * 100vw), 16px);

        width: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_job_search_preparation-resume-btn-arrow,
    .un_help_job_search_preparation-portfolio-btn-arrow,
    .un_help_job_search_preparation-mypage_update-btn-arrow
    {
        right: calc(16 / 390 * 100vw);

        width: calc(20 / 390 * 100vw);
    }
}

.un_help_proceed-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_help_proceed-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_proceed-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_proceed-text:not(:first-child)
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_proceed-text:not(:first-child)
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_help_proceed-merit
{
    background: #f8f8f8;
}
@media only screen and (min-width: 768px)
{
    .un_help_proceed-merit
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_proceed-merit
    {
        margin-top: calc(40 / 390 * 100vw); 
        padding: calc(24 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_help_proceed-merit-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_proceed-merit-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(16 / 390 * 100vw);
    }
}
.un_help_proceed-merit-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    row-gap: min(calc(16 / 1440 * 100vw), 16px);
}
.un_help_proceed-merit-list-item
{
    position: relative; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_help_proceed-merit-list-item
    {
        padding-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_proceed-merit-list-item
    {
        padding-left: calc(20 / 390 * 100vw);
    }
}
.un_help_proceed-merit-list-item::before
{
    position: absolute;
    top: .5lh;

    content: '';

    border-radius: 50%;
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_help_proceed-merit-list-item::before
    {
        left: min(calc(4 / 1440 * 100vw), 4px);

        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_proceed-merit-list-item::before
    {
        left: calc(4 / 390 * 100vw);

        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_help_resume_jobhistory-section
{
    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-section
    {
        padding-block: min(calc(40 / 1440 * 100vw), 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-section
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0;
    }
}

.un_help_resume_jobhistory-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-column_main-overview-text_note
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-column_main-overview-text_note
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_help_resume_jobhistory-page_link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border: solid 1px #c4c4c4; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-page_link
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        -webkit-column-gap: min(calc(40 / 1440 * 100vw), 40px);
           -moz-column-gap: min(calc(40 / 1440 * 100vw), 40px);
                column-gap: min(calc(40 / 1440 * 100vw), 40px);
        row-gap: min(calc(11.5 / 1440 * 100vw), 11.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-page_link
    {
            flex-direction: column;

        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        row-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-page_link-item
    {
        width: 100%;
    }
}
.un_help_resume_jobhistory-page_link-item-link
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #282828;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-page_link-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-page_link-item-link
    {
        font-size: calc(14 / 390 * 100vw);

        width: 100%;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-block: calc(4.5 / 390 * 100vw);
    }
}
.un_help_resume_jobhistory-page_link-item-arrow
{
    display: block;

    color: #c03;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-page_link-item-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-page_link-item-arrow
    {
        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
    }
}

.un_help_resume_jobhistory-section_overview
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    row-gap: 1lh;
}
.un_help_resume_jobhistory-section_overview-emphasis
{
    color: #c03;
}

@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-resume-section,
    .un_help_resume_jobhistory-job_history-section
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-resume-section,
    .un_help_resume_jobhistory-job_history-section
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_help_resume_jobhistory-resume-section-title,
.un_help_resume_jobhistory-job_history-section-title
{
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-resume-section-title,
    .un_help_resume_jobhistory-job_history-section-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-resume-section-title,
    .un_help_resume_jobhistory-job_history-section-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-resume-section-contents,
    .un_help_resume_jobhistory-job_history-section-contents
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-resume-section-contents:not(:first-of-type),
    .un_help_resume_jobhistory-job_history-section-contents:not(:first-of-type)
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-resume-section-contents:not(:first-of-type),
    .un_help_resume_jobhistory-job_history-section-contents:not(:first-of-type)
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-resume-section-contents-img,
    .un_help_resume_jobhistory-job_history-section-contents-img
    {
        width: min(calc(470 / 1440 * 100vw), 470px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-resume-section-contents-img,
    .un_help_resume_jobhistory-job_history-section-contents-img
    {
        width: 100%;
    }
}

.un_help_resume_jobhistory-resume-section-contents-list,
.un_help_resume_jobhistory-job_history-section-contents-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    row-gap: 1lh;
}
@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-resume-section-contents-list,
    .un_help_resume_jobhistory-job_history-section-contents-list
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}
.un_help_resume_jobhistory-resume-section-contents-list-item-title-num,
.un_help_resume_jobhistory-job_history-section-contents-list-item-title-num
{
    color: #c03;
}

.un_help_resume_jobhistory-resume-section-inner_contents-item-title,
.un_help_resume_jobhistory-job_history-section-inner_contents-item-title
{
    margin-top: 1lh; 

    color: #c03;
}

.un_help_resume_jobhistory-resume-section-inner_contents-item-contents,
.un_help_resume_jobhistory-job_history-section-inner_contents-item-contents
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    row-gap: 1lh;
}
.un_help_resume_jobhistory-resume-section-inner_contents-item-contents-flow-item,
.un_help_resume_jobhistory-job_history-section-inner_contents-item-contents-flow-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-job_history-section-overview
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-job_history-section-contents
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-job_history-section-text
    {
        margin-block: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-job_history-section-text
    {
        margin-block: calc(16 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-job_history-section-article
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_help_resume_jobhistory-job_history-section-article-title
{
    font-weight: bold;
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-job_history-section-article-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-job_history-section-article-title
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-check_list
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-check_list
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_help_resume_jobhistory-check_list-title
{
    font-weight: bold;
    line-height: 1.65;
}
@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-check_list-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-check_list-title
    {
        font-size: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-check_list-contents
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-check_list-contents
    {
        margin-top: calc(8 / 390 * 100vw);
    }
}

.un_help_resume_jobhistory-check_list-contents-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-check_list-contents-list
    {
        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-check_list-contents-list
    {
        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_help_resume_jobhistory-check_list-contents-list-item
{
    line-height: 1.4; 

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-check_list-contents-list-item
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        padding-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-check_list-contents-list-item
    {
        font-size: calc(16 / 390 * 100vw);

        padding-left: calc(20 / 390 * 100vw);
    }
}
.un_help_resume_jobhistory-check_list-contents-list-item::before
{
    position: absolute;
    top: .5lh;

    display: inline-block;

    content: '';

    border-radius: 50%;
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_help_resume_jobhistory-check_list-contents-list-item::before
    {
        left: min(calc(4 / 1440 * 100vw), 4px);

        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_resume_jobhistory-check_list-contents-list-item::before
    {
        left: calc(4 / 390 * 100vw);

        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_help_portfolio-section
{
    background: #fff;
}
.un_help_portfolio-section-path
{
    color: #004096;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-section-path
    {
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-section-path
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}

.un_help_portfolio-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

.un_help_portfolio-column_main-overview-emphasis
{
    color: #c03;
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-column_main-overview-note
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-column_main-overview-note
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_help_portfolio-column_main-overview-page_link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border: solid 1px #c4c4c4; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-column_main-overview-page_link
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        -webkit-column-gap: min(calc(40 / 1440 * 100vw), 40px);
           -moz-column-gap: min(calc(40 / 1440 * 100vw), 40px);
                column-gap: min(calc(40 / 1440 * 100vw), 40px);
        row-gap: min(calc(11.5 / 1440 * 100vw), 11.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-column_main-overview-page_link
    {
            flex-direction: column;

        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        row-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-column_main-overview-page_link-item
    {
        width: 100%;
    }
}
.un_help_portfolio-column_main-overview-page_link-item-link
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #282828;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-column_main-overview-page_link-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-column_main-overview-page_link-item-link
    {
        font-size: calc(14 / 390 * 100vw);

        width: 100%;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-block: calc(4.5 / 390 * 100vw);
    }
}
.un_help_portfolio-column_main-overview-page_link-item-link-arrow
{
    display: block;

    color: #c03;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-column_main-overview-page_link-item-link-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-column_main-overview-page_link-item-link-arrow
    {
        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-summarize-description
    {
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-summarize-description
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-summarize-article
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-summarize-article
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-summarize-article-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-summarize-article-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-summarize-article-table
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-summarize-article-table
    {
        margin-top: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-summarize-article-image
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-summarize-article-image
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_help_portfolio-summarize-article-image img
{
    width: 100%;
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-summarize-article-example
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-summarize-article-example
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_help_portfolio-summarize-article-example-title
{
    font-weight: normal;
    line-height: 1.8;

    margin-bottom: 1lh; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-summarize-article-example-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-summarize-article-example-title
    {
        font-size: calc(16 / 390 * 100vw);
    }
}

.un_help_portfolio-summarize-article-example-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    row-gap: 1lh;
}
.un_help_portfolio-summarize-article-example-list-item-title-num
{
    color: #c03;
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-second_design-article
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-second_design-article
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-second_design-article-title
    {
        font-size: min(calc(20 / 1440 * 100vw), 20px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-second_design-article-title
    {
        font-size: calc(20 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-second_design-article-image_note
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-second_design-article-image_note
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-second_design-article-example
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-second_design-article-example
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_help_portfolio-second_design-article-example-title
{
    font-weight: normal; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-second_design-article-example-title
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-second_design-article-example-title
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(16 / 390 * 100vw);
    }
}

.un_help_portfolio-second_design-article-example-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-second_design-article-example-list
    {
        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-second_design-article-example-list
    {
        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_help_portfolio-second_design-article-example-list-item
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-second_design-article-example-list-item
    {
        padding-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-second_design-article-example-list-item
    {
        padding-left: calc(20 / 390 * 100vw);
    }
}
.un_help_portfolio-second_design-article-example-list-item::before
{
    position: absolute;
    top: .5lh;

    content: '';

    border-radius: 50%;
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-second_design-article-example-list-item::before
    {
        left: min(calc(4 / 1440 * 100vw), 4px);

        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-second_design-article-example-list-item::before
    {
        left: calc(4 / 390 * 100vw);

        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-second_design-article-example-text
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-second_design-article-example-text
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-third_design-article-image_note
    {
        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-third_design-article-image_note
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-third_design-article-example
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-third_design-article-example
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_help_portfolio-third_design-article-example-title
{
    font-weight: normal;
    line-height: 1.8; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-third_design-article-example-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-third_design-article-example-title
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(16 / 390 * 100vw);
    }
}

.un_help_portfolio-third_design-article-example-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-third_design-article-example-list
    {
        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-third_design-article-example-list
    {
        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_help_portfolio-third_design-article-example-list-item
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-third_design-article-example-list-item
    {
        padding-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-third_design-article-example-list-item
    {
        padding-left: calc(20 / 390 * 100vw);
    }
}
.un_help_portfolio-third_design-article-example-list-item::before
{
    position: absolute;
    top: .5lh;

    content: '';

    border-radius: 50%;
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-third_design-article-example-list-item::before
    {
        left: min(calc(4 / 1440 * 100vw), 4px);

        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-third_design-article-example-list-item::before
    {
        left: calc(4 / 390 * 100vw);

        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-third_design-article-example-note
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-third_design-article-example-note
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-demo_real-image_note
    {
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-demo_real-image_note
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_portfolio-demo_real-note
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_portfolio-demo_real-note
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_help_portfolio-check-list-title
{
    line-height: 1.8; 

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-check-list-title
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px);

        margin-bottom: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-check-list-title
    {
        font-size: calc(16 / 390 * 100vw);

        margin-bottom: calc(8 / 390 * 100vw);
    }
}

.un_help_portfolio-check-list-contents-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-check-list-contents-list
    {
        row-gap: min(calc(16 / 1440 * 100vw), 16px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-check-list-contents-list
    {
        row-gap: calc(16 / 390 * 100vw);
    }
}
.un_help_portfolio-check-list-contents-list-item
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-check-list-contents-list-item
    {
        padding-left: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-check-list-contents-list-item
    {
        padding-left: calc(20 / 390 * 100vw);
    }
}
.un_help_portfolio-check-list-contents-list-item::before
{
    position: absolute;
    top: .5lh;

    content: '';

    border-radius: 50%;
    background: #c03;

    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_help_portfolio-check-list-contents-list-item::before
    {
        left: min(calc(4 / 1440 * 100vw), 4px);

        width: min(calc(8 / 1440 * 100vw), 8px);
        height: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_portfolio-check-list-contents-list-item::before
    {
        left: calc(4 / 390 * 100vw);

        width: calc(8 / 390 * 100vw);
        height: calc(8 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-detail_main
    {
        padding-top: min(calc(40 / 1440 * 100vw), 40px);

        border-top: solid 1px #c4c4c4;
    }
}

.un_help_update_mypage-section
{
    background: #fff;
}
.un_help_update_mypage-section-path
{
    color: #004096;
}
@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-section-path
    {
        margin-bottom: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-section-path
    {
        margin-bottom: calc(16 / 390 * 100vw);
    }
}
@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-section-contents
    {
        display: grid;

        grid-template-columns: min(calc(470 / 1440 * 100vw), 470px) 1fr;
        -webkit-column-gap: min(calc(24 / 1440 * 100vw), 24px);
           -moz-column-gap: min(calc(24 / 1440 * 100vw), 24px);
                column-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
.un_help_update_mypage-section-contents-description
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-section-contents-description
    {
        row-gap: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-section-contents-description
    {
        margin-top: calc(16 / 390 * 100vw); 

        row-gap: calc(24 / 390 * 100vw);
    }
}
.un_help_update_mypage-section-contents-description-item-title-num
{
    color: #c03;
}

.un_help_update_mypage-column_main-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-column_main-inner
    {
        padding: min(calc(40 / 1440 * 100vw), 40px); 

        row-gap: min(calc(64 / 1440 * 100vw), 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-column_main-inner
    {
        padding: calc(24 / 390 * 100vw);

        border-radius: 0; 

        row-gap: calc(40 / 390 * 100vw);
    }
}

.un_help_update_mypage-column_main-overview-emphasis
{
    color: #c03;
}

@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-column_main-overview-note
    {
        margin-top: min(calc(16 / 1440 * 100vw), 16px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-column_main-overview-note
    {
        margin-top: calc(16 / 390 * 100vw);
    }
}

.un_help_update_mypage-column_main-overview-page_link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    border: solid 1px #c4c4c4; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-column_main-overview-page_link
    {
        margin-top: min(calc(40 / 1440 * 100vw), 40px); 
        padding: min(calc(16 / 1440 * 100vw), 16px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);

        -webkit-column-gap: min(calc(40 / 1440 * 100vw), 40px);
           -moz-column-gap: min(calc(40 / 1440 * 100vw), 40px);
                column-gap: min(calc(40 / 1440 * 100vw), 40px);
        row-gap: min(calc(11.5 / 1440 * 100vw), 11.5px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-column_main-overview-page_link
    {
            flex-direction: column;

        margin-top: calc(24 / 390 * 100vw); 
        padding: calc(16 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        row-gap: calc(8 / 390 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-column_main-overview-page_link-item
    {
        width: 100%;
    }
}
.un_help_update_mypage-column_main-overview-page_link-item-link
{
    line-height: 1.4; 

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #282828;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-column_main-overview-page_link-item-link
    {
        font-size: min(calc(16 / 1440 * 100vw), 16px); 

        -webkit-column-gap: min(calc(4 / 1440 * 100vw), 4px);
           -moz-column-gap: min(calc(4 / 1440 * 100vw), 4px);
                column-gap: min(calc(4 / 1440 * 100vw), 4px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-column_main-overview-page_link-item-link
    {
        font-size: calc(14 / 390 * 100vw);

        width: 100%;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-block: calc(4.5 / 390 * 100vw);
    }
}
.un_help_update_mypage-column_main-overview-page_link-item-link-arrow
{
    display: block;

    color: #c03;

    rotate: 90deg;
}
@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-column_main-overview-page_link-item-link-arrow
    {
        width: min(calc(20 / 1440 * 100vw), 20px);
        height: min(calc(20 / 1440 * 100vw), 20px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-column_main-overview-page_link-item-link-arrow
    {
        width: calc(16 / 390 * 100vw);
        height: calc(16 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-base_info-contents-description-item-content-note
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-base_info-contents-description-item-content-note
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_help_update_mypage-base_info-contents-description-item-content-list
{
    margin-top: 1lh;
}

@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-job_history-contents-description-item-content-list
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-job_history-contents-description-item-content-list
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_help_update_mypage-job_history-contents-description-item-content-list-item
{
    margin-block: 1lh;
}
@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-job_history-contents-description-item-content-list-item-note
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-job_history-contents-description-item-content-list-item-note
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-skills-contents-description-item-content-text
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-skills-contents-description-item-content-text
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-conditions-contents-description-item-content-img
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-conditions-contents-description-item-content-img
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-conditions-contents-description-item-content-img img
    {
        width: 100%;
    }
}

@media only screen and (min-width: 768px)
{
    .un_help_update_mypage-conditions-contents-description-item-content-list
    {
        margin-top: min(calc(24 / 1440 * 100vw), 24px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_help_update_mypage-conditions-contents-description-item-content-list
    {
        margin-top: 1lh;
    }
}

.un_help_update_mypage-conditions-contents-description-item-content-list-item
{
    margin-block: 1lh;
}
.un_help_update_mypage-conditions-contents-description-item-content-list-item-title
{
    color: #c03;
}

.un_404-title
{
    font-weight: normal;
    line-height: 1.4; 

    text-align: center;

    color: #c03;
}
@media only screen and (min-width: 768px)
{
    .un_404-title
    {
        font-size: min(calc(26 / 1440 * 100vw), 26px);

        margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_404-title
    {
        font-size: calc(22 / 390 * 100vw);

        margin-bottom: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_404-section
    {
        margin-bottom: min(calc(80 / 1440 * 100vw), 80px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_404-section
    {
        margin-bottom: calc(80 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_404-section-overview
    {
        text-align: center;
    }
}

@media only screen and (max-width: 767px)
{
    .un_404-section-overview
    {
        padding-inline: calc(24 / 390 * 100vw);
    }
}

@media only screen and (min-width: 768px)
{
    .un_404-section-overview-to_checkin
    {
        margin-top: min(calc(32 / 1440 * 100vw), 32px);
    }
}

@media only screen and (max-width: 767px)
{
    .un_404-section-overview-to_checkin
    {
        margin-top: calc(24 / 390 * 100vw);
    }
}

.un_404-section-overview-to_checkin-link
{
    font-weight: bold;
    line-height: 1.4;

    text-align: center;

    color: #fff;
    background: #565656;

    margin-inline: auto;
}
@media only screen and (min-width: 768px)
{
    .un_404-section-overview-to_checkin-link
    {
        font-size: min(calc(18 / 1440 * 100vw), 18px);

        padding: min(calc(15.5 / 1440 * 100vw), 15.5px);

        border-radius: min(calc(8 / 1440 * 100vw), 8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_404-section-overview-to_checkin-link
    {
        font-size: calc(16 / 390 * 100vw);

        width: 100%;
        padding: calc(13 / 390 * 100vw);

        border-radius: calc(8 / 390 * 100vw);
    }
}

/*# sourceMappingURL=maps/style.css.map */