@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,700&display=swap');
@use 'sass: math';
@use 'sass: div';
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;

    position: static;

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

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

img
{
    display: block;

    max-width: 100%;
    height: auto;
}

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

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;
}

html
{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}
@media only screen and (min-width: 768px)
{
    html
    {
        font-size: calc(16 / 1400 * 100vw);
    }
}
@media only screen and (max-width: 767px)
{
    html
    {
        font-size: calc(16 / 375 * 100vw);
    }
}

body
{
    min-height: 100dvh;
}
body.fixed
{
    position: fixed;

    width: 100%;
}

a
{
    display: block;

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

    color: #000;
}
@media only screen and (min-width: 768px)
{
    a:hover
    {
        opacity: .7;
    }
}

button
{
    line-height: 1;

    display: block;

    padding: 0;

    border: none;
    outline: none;
    background: none;
}

svg
{
    display: block;
}
svg path
{
    fill: currentColor;
}

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

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

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

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

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

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

@media only screen and (min-width: 1024px)
{
    .headerPcBlock
    {
        display: block !important;
    }
}

@media only screen and (max-width: 1023px)
{
    .headerPcBlock
    {
        display: none !important;
    }
}

@media only screen and (min-width: 1024px)
{
    .headerPcInline
    {
        display: inline !important;
    }
}

@media only screen and (max-width: 1023px)
{
    .headerPcInline
    {
        display: none !important;
    }
}

@media only screen and (min-width: 1024px)
{
    .headerSpBlock
    {
        display: none !important;
    }
}

@media only screen and (max-width: 1023px)
{
    .headerSpBlock
    {
        display: block !important;
    }
}

@media only screen and (min-width: 1024px)
{
    .headerSpFlex
    {
        display: none !important;
    }
}

@media only screen and (max-width: 1023px)
{
    .headerSpFlex
    {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

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

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

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

@media only screen and (max-width: 767px)
{
    .spFlex
    {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

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

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

.el_filterSvg
{
    position: absolute;

    overflow: hidden;

    width: 1px;
    height: 1px;

    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
}

@use 'sass: math';
.un_dot
{
    background: #313131;
}
.un_dot_header
{
    position: sticky;
    z-index: 9999;
    top: 0;

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

    background: -webkit-gradient(linear, left top, left bottom, from(#313131), color-stop(80%, rgba(49, 49, 49, 0)));
    background: linear-gradient(#313131, rgba(49, 49, 49, 0) 80%);

    -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: 1024px)
{
    .un_dot_header
    {
        height: 80px;
        padding: 0 64px;
    }
}
@media only screen and (max-width: 1023px)
{
    .un_dot_header
    {
        height: 76px;
        padding: 0 16px;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
@media only screen and (min-width: 1024px)
{
    .un_dot_header_logo
    {
        width: 168px;
    }
}
@media only screen and (max-width: 1023px)
{
    .un_dot_header_logo
    {
        width: 112px;
    }
}
.un_dot_header_menuBtn
{
    position: relative;
    z-index: 10000;

        flex-direction: column;

    width: 52px;

    -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;
    row-gap: 6px;
    aspect-ratio: 1 / 1;
}
.un_dot_header_menuBtn::before,
.un_dot_header_menuBtn::after
{
    position: absolute;
    left: 50%;

    display: block;

    width: 30px;
    height: 2px;

    content: '';
    -webkit-transition: top .3s, -webkit-transform .3s;
            transition: top .3s, -webkit-transform .3s;
            transition: top .3s, transform .3s;
            transition: top .3s, transform .3s, -webkit-transform .3s;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    background: #00a9c0;
}
.un_dot_header_menuBtn::before
{
    top: calc(50% - 8px);
}
.un_dot_header_menuBtn::after
{
    top: calc(50% + 6px);
}
.un_dot_header_menuBtn_text
{
    display: block;
    overflow: hidden;

    width: 30px;
    height: 2px;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;
    white-space: nowrap;
    text-indent: 100%;

    background: #00a9c0;
}
.un_dot_header_menuBtn.is_open::before,
.un_dot_header_menuBtn.is_open::after
{
    top: 50%;

    -webkit-transform-origin: center;
            transform-origin: center;
}
.un_dot_header_menuBtn.is_open::before
{
    -webkit-transform: translate(-50%) rotate(45deg);
            transform: translate(-50%) rotate(45deg);
}
.un_dot_header_menuBtn.is_open::after
{
    -webkit-transform: translate(-50%) rotate(-45deg);
            transform: translate(-50%) rotate(-45deg);
}
.un_dot_header_menuBtn.is_open .un_dot_header_menuBtn_text
{
    opacity: 0;
}
@media only screen and (max-width: 1023px)
{
    .un_dot_header_navWrap
    {
        position: fixed;
        top: 0;
        left: 0;

        display: none;
        overflow: auto;

        width: 100%;
        height: 100dvh;
        padding: 117px 0 29px;

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

        opacity: 0;
        background: #313131;
    }
}
.un_dot_header_navWrap.is_open
{
    display: block;

    -webkit-animation: isOpenAnimation .3s both;
            animation: isOpenAnimation .3s both;
}
.un_dot_header_navWrap.is_closing
{
    display: block;

    -webkit-animation: isClosingAnimation .3s both;
            animation: isClosingAnimation .3s both;
}

@-webkit-keyframes isOpenAnimation
{
    0%
    {
        display: block;

        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@keyframes isOpenAnimation
{
    0%
    {
        display: block;

        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

@-webkit-keyframes isClosingAnimation
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        display: none;

        opacity: 0;
    }
}

@keyframes isClosingAnimation
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        display: none;

        opacity: 0;
    }
}
.un_dot_header_nav_list
{
    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: 1024px)
{
    .un_dot_header_nav_list
    {
        padding: 0 16px;

        -webkit-column-gap: min(2.14286vw, 30px);
           -moz-column-gap: min(2.14286vw, 30px);
                column-gap: min(2.14286vw, 30px);
    }
}
@media only screen and (max-width: 1023px)
{
    .un_dot_header_nav_list
    {
            flex-direction: column;

        text-align: center;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: 50px;
    }
}
@media only screen and (min-width: 1024px)
{
    .un_dot_header_nav_list_item_link
    {
        font-size: min(.8125rem, 13px);
        line-height: 1.38462;

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

        letter-spacing: .1em;

        color: #fff;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(.78571vw, 11px);
           -moz-column-gap: min(.78571vw, 11px);
                column-gap: min(.78571vw, 11px);
    }
}
@media only screen and (min-width: 1024px)
{
    .un_dot_header_nav_list_item_icon
    {
        width: min(2.85714vw, 40px);

        aspect-ratio: 1 / 1;
    }
}
@media only screen and (max-width: 1023px)
{
    .un_dot_header_nav_list_item_textEn
    {
        font-family: 'Montserrat', sans-serif;
        font-size: 32px;
        font-weight: 600;
        line-height: 1;

        color: #00a9c0;

        font-optical-sizing: auto;
    }
}
@media only screen and (max-width: 1023px)
{
    .un_dot_header_nav_list_item_name
    {
        font-size: 12px;
        line-height: 22px;

        display: block;

        letter-spacing: .1em;

        color: #bebebe;
    }
}
@media only screen and (max-width: 1023px)
{
    .un_dot_header_info
    {
        margin-top: 89px;

        -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: 32px;
           -moz-column-gap: 32px;
                column-gap: 32px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
@media only screen and (max-width: 1023px)
{
    .un_dot_header_info_logo
    {
        width: 118px;
    }
}
@media only screen and (max-width: 1023px)
{
    .un_dot_header_info_airbel
    {
        width: 119px;
    }
}
@media only screen and (max-width: 1023px)
{
    .un_dot_header_info_copy
    {
        font-family: 'Montserrat', sans-serif;
        font-size: 10px;
        font-weight: 400;
        line-height: 1;

        width: 100%;
        margin-top: 32px;

        text-align: center;

        color: #8e8e8e;

        font-optical-sizing: auto;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_kv
    {
        height: calc(100dvh - 80px);
        min-height: 720px;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_kv
    {
        position: relative;

        width: 100%;

        aspect-ratio: 375 / 736;
    }
}
.un_dot_kv_slider
{
    position: absolute;
}
@media only screen and (min-width: 768px)
{
    .un_dot_kv_slider
    {
        top: 0;
        right: 6.21429%;

        width: 54.42857%;
        height: 100%;
        min-height: 800px;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_kv_slider
    {
        top: 8vw;
        right: 0;

        width: 83.73333%;
        height: 151.73333vw;
    }
}
.un_dot_kv_slider .slick-list,
.un_dot_kv_slider .slick-track
{
    height: 100%;
}
.un_dot_kv_slider_item img
{
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}
@media only screen and (min-width: 768px)
{
    .un_dot_kv_texts
    {
        position: absolute;
        top: max(34.375%, 275px);
        left: 10.35714%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_kv_texts
    {
        position: relative;

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

        height: 100%;
        padding: 0 30px;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_kv_title
    {
        width: min(44.9375rem, 719px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_kv_title
    {
        position: absolute;
        left: 50%;

        width: 90.72%;
        margin-top: 68.192%;

        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}
.un_dot_kv_text
{
    font-family: 'Shippori Mincho', serif;
    font-weight: 700;
    line-height: 1.6;

            text-decoration: underline #00a9c0;
    letter-spacing: .1em;

    color: #fff;

    -webkit-font-feature-settings: 'palt';
            font-feature-settings: 'palt';
    -webkit-text-decoration: underline #00a9c0;
    text-underline-position: under;
}
@media only screen and (min-width: 768px)
{
    .un_dot_kv_text
    {
        font-size: min(2.99125rem, 47.86px);

        overflow: hidden;

        margin-top: 10.07928%;
        padding-bottom: .14292em;

        text-decoration-thickness: .14292em;
        text-underline-offset: .18868em;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_kv_text
    {
        font-size: 2.1875rem;

        overflow: hidden;

        margin-top: auto;
        padding-bottom: .14286em;

        text-decoration-thickness: .14286em;
        text-underline-offset: .14286em;
    }
}
.un_dot_kv_text_offset
{
    display: inline-block;

            text-decoration: underline #00a9c0;

    -webkit-text-decoration: underline #00a9c0;
    text-underline-position: under;
}
@media only screen and (min-width: 768px)
{
    .un_dot_kv_text_offset
    {
        margin-right: -.41789em;

        text-indent: -.58504em;

        text-decoration-thickness: .14292em;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_kv_text_offset
    {
        margin-right: -.45714em;

        text-indent: -.45714em;

        text-decoration-thickness: .14286em;
    }
}
.un_dot_kv_text_offset sup
{
    position: relative;

    vertical-align: text-top;
    text-indent: 0;
    letter-spacing: .15em;
}
@media only screen and (min-width: 768px)
{
    .un_dot_kv_text_offset sup
    {
        font-size: min(.76938rem, 12.31px);

        top: .73111em;

        margin: 0 -.81235em 0 -.08123em;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_kv_text_offset sup
    {
        font-size: .5625rem;

        top: .77778em;

        margin-right: -.88889em;
    }
}
.un_dot_kv_note
{
    color: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_dot_kv_note
    {
        margin-top: 9.44924%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_kv_note
    {
        margin: 8.25397% 0 7.93651%;
    }
}
.un_dot_kv_note_text
{
    line-height: 1.5;

    display: inline-block;
}
@media only screen and (min-width: 768px)
{
    .un_dot_kv_note_text
    {
        font-size: min(.75rem, 12px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_kv_note_text
    {
        font-size: .625rem;
    }
}
.un_dot_kv_scroll
{
    position: absolute;

    aspect-ratio: 1 / 1;
}
@media only screen and (min-width: 768px)
{
    .un_dot_kv_scroll
    {
        right: 42px;
        bottom: 24px;

        width: min(11.9375rem, 191px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_kv_scroll
    {
        right: 3.73333%;
        bottom: 22.29067vw;

        width: 29.86667%;
    }
}
.un_dot_kv_scroll_text
{
    width: 100%;

    -webkit-animation: scrollTextRotate 26s linear infinite;
            animation: scrollTextRotate 26s linear infinite;
}

@-webkit-keyframes scrollTextRotate
{
    0%
    {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes scrollTextRotate
{
    0%
    {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
.un_dot_kv_scroll_arrow
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-animation: scrollArrowAnimation 1.8s ease-in infinite;
            animation: scrollArrowAnimation 1.8s ease-in infinite;

    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1 / 1;
}
@media only screen and (min-width: 768px)
{
    .un_dot_kv_scroll_arrow
    {
        width: 44.50262%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_kv_scroll_arrow
    {
        width: 44.64286%;
    }
}

@-webkit-keyframes scrollArrowAnimation
{
    0%
    {
        top: 50%;

        opacity: 1;
    }
    30%
    {
        top: 50%;

        opacity: 1;
    }
    95%
    {
        top: 75%;

        opacity: 0;
    }
    100%
    {
        top: 75%;

        opacity: 0;
    }
}

@keyframes scrollArrowAnimation
{
    0%
    {
        top: 50%;

        opacity: 1;
    }
    30%
    {
        top: 50%;

        opacity: 1;
    }
    95%
    {
        top: 75%;

        opacity: 0;
    }
    100%
    {
        top: 75%;

        opacity: 0;
    }
}
.un_dot_helmetImg
{
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_helmetImg
    {
        width: 55.78571%;
        padding-top: 3.75rem;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_helmetImg
    {
        width: 91.93333%;
        padding-top: 13.816%;
    }
}
.un_dot_bottomMenu
{
    position: sticky;
    z-index: 100;
    top: calc(100dvh - 100px);

    height: 100px;
}
.un_dot_bottomMenu_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100%;
    padding: 15px 4.26667%;

    background: rgba(3, 3, 3, .9);

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 2.50667%;
       -moz-column-gap: 2.50667%;
            column-gap: 2.50667%;
}
.un_dot_bottomMenu_list_item_link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    height: 100%;

    -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: 4px;
}
.un_dot_bottomMenu_list_item_icon
{
    width: 100%;
}
.un_dot_bottomMenu_list_item_icon img
{
    margin: 0 auto;
}
.un_dot_bottomMenu_list_item_text
{
    font-size: min(.5625rem, 9px);
    line-height: 1.33333;

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

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

    color: #fff;

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.un_dot_movie
{
    background: url(../img/bg_arrow_l.svg) no-repeat center top/contain;
}
@media only screen and (min-width: 768px)
{
    .un_dot_movie
    {
        margin-top: -2.5625rem;
        padding-top: 16.11812rem;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_movie
    {
        margin-top: calc(5.016% - 100px);
        padding-top: 18.66667%;

        background-size: 101.33333% auto;
    }
}
.un_dot_movie_inner
{
    aspect-ratio: 560 / 315;
}
@media only screen and (min-width: 768px)
{
    .un_dot_movie_inner
    {
        width: 75.78571%;
        margin: 4.50786% auto 0;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_movie_inner
    {
        width: 91.46667%;
        margin: 13.6% auto 0;
    }
}
.un_dot_movie_inner iframe
{
    width: 100%;
    height: 100%;
}
.un_dot_main
{
    overflow: hidden;
}
.un_dot_sectionTitle
{
    line-height: 1.46;

    position: relative;
    z-index: 1;

    color: #00a9c0;
}
@media only screen and (min-width: 768px)
{
    .un_dot_sectionTitle
    {
        font-size: min(3rem, 48px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_sectionTitle
    {
        font-size: 2rem;
    }
}
.un_dot_sectionTitle_icon
{
    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_dot_sectionTitle_icon
    {
        margin-top: -.26087%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_sectionTitle_icon
    {
        margin-top: 1.86667%;
    }
}
.un_dot_sectionTitle_icon img
{
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_sectionTitle_icon img
    {
        width: min(4.67391%, 43px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_sectionTitle_icon img
    {
        width: 8.16%;
    }
}
.un_dot_sectionTitle_jp
{
    font-weight: 500;
    line-height: 1.6;

    display: block;

    letter-spacing: .1em;

    color: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_dot_sectionTitle_jp
    {
        font-size: min(.9375rem, 15px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_sectionTitle_jp
    {
        font-size: .75rem;
    }
}
.un_dot_sectionTitle.un_dot_sectionTitle__center
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_dot_sectionTitle.un_dot_sectionTitle__center
    {
        font-size: min(5rem, 80px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_sectionTitle.un_dot_sectionTitle__center
    {
        font-size: 3.5rem;
    }
}
.un_dot_sectionTitle.un_dot_sectionTitle__center .un_dot_sectionTitle_jp
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_dot_sectionTitle.un_dot_sectionTitle__center .un_dot_sectionTitle_jp
    {
        margin-top: min(2.6087%, 24px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_sectionTitle.un_dot_sectionTitle__center .un_dot_sectionTitle_jp
    {
        margin-top: 2.06522%;
    }
}
.un_dot_sectionTitle.un_dot_sectionTitle__white
{
    color: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature
    {
        margin-top: min(33.85643%, 473.99px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature
    {
        margin-top: 16%;
    }
}
.un_dot_feature_inner
{
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_inner
    {
        width: min(65.71429%, 920px);
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_title
    {
        margin-bottom: min(17.69565%, 162.8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_title
    {
        margin-bottom: 16.72%;
    }
}
.un_dot_feature_section
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section.un_dot_feature_section__01
    {
        margin-bottom: min(26.48643%, 370.81px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section.un_dot_feature_section__01
    {
        margin-bottom: 24.66667%;
    }
}
.un_dot_feature_section.un_dot_feature_section__01::before
{
    position: absolute;

    display: block;

    content: '';

    background: #1c1c1c;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section.un_dot_feature_section__01::before
    {
        top: min(-11.60143vw, -162.42px);
        left: calc(50% + .65821%);

        width: 175.63643%;

        -webkit-transform: translateX(-50%) rotate(-160deg);
                transform: translateX(-50%) rotate(-160deg);

        aspect-ratio: 2458.91 / 2608.58;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section.un_dot_feature_section__01::before
    {
        top: 32.304vw;
        left: calc(50% - -4.796%);

        width: 300.512%;

        -webkit-transform: translateX(-50%) rotate(-160deg);
                transform: translateX(-50%) rotate(-160deg);

        aspect-ratio: .60182;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section.un_dot_feature_section__02
    {
        margin-bottom: min(24.48643%, 342.81px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section.un_dot_feature_section__02
    {
        margin-bottom: 32.392%;
    }
}
.un_dot_feature_section.un_dot_feature_section__02::before
{
    position: absolute;

    display: block;

    content: '';

    background: #141414;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section.un_dot_feature_section__02::before
    {
        top: min(-12.03929vw, -168.55px);
        left: calc(50% - -1.37286%);

        width: 177.83857%;
        max-height: 165%;

        -webkit-transform: translateX(-50%) rotate(-20deg);
                transform: translateX(-50%) rotate(-20deg);

        aspect-ratio: 2489.74 / 2751.75;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section.un_dot_feature_section__02::before
    {
        top: 37.06667vw;
        left: calc(50% + 2%);

        width: 358.30133%;

        -webkit-transform: translateX(-50%) rotate(-20deg);
                transform: translateX(-50%) rotate(-20deg);

        aspect-ratio: 1343.63 / 2551.31;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section.un_dot_feature_section__03
    {
        margin-bottom: min(17%, 238px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section.un_dot_feature_section__03
    {
        margin-bottom: 18.4%;
    }
}
.un_dot_feature_section.un_dot_feature_section__03::before
{
    position: absolute;

    display: block;

    content: '';

    background: #080808;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section.un_dot_feature_section__03::before
    {
        top: min(-8.565vw, -119.91px);
        left: calc(50% + .65821%);

        min-width: 149.09929%;
        min-height: 126.01825%;
        max-height: calc(126.01825% + 17%);

        -webkit-transform: translateX(-50%) rotate(-160deg);
                transform: translateX(-50%) rotate(-160deg);

        aspect-ratio: 2087.39 / 1587.83;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section.un_dot_feature_section__03::before
    {
        top: 25.31467vw;
        left: calc(50% - -11.17333%);

        width: 324.49067%;
        max-height: 100%;

        -webkit-transform: translateX(-50%) rotate(-160deg);
                transform: translateX(-50%) rotate(-160deg);

        aspect-ratio: 1216.84 / 1597.14;
    }
}
.un_dot_feature_section:not(:last-of-type)::after
{
    position: relative;
    z-index: 1;

    display: block;

    margin: 0 auto;

    content: '';

    background: url(../img/bg_arrow_s.svg) no-repeat center top/contain;

    aspect-ratio: 333 / 138.18;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section:not(:last-of-type)::after
    {
        width: min(23.78571%, 333px);
        margin-top: min(7.63429%, 106.88px);
        margin-bottom: min(8.60071%, 120.41px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section:not(:last-of-type)::after
    {
        width: 39.2%;
        margin-top: 14%;
    }
}
.un_dot_feature_section_title
{
    position: relative;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_title
    {
        margin-bottom: min(6.63043%, 61px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_title
    {
        margin-bottom: 16%;

        text-align: center;
    }
}
.un_dot_feature_section_title_en
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.46;

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

    color: #00a9c0;

    font-optical-sizing: auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_title_en
    {
        font-size: min(1.75rem, 28px);

        position: absolute;
        top: max(-6.5rem, -104px);
        left: 0;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_title_en
    {
        font-size: 1.0625rem;

        display: block;
    }
}
.un_dot_feature_section_title_en_num
{
    line-height: 1;

    -webkit-filter: url(#dilate);
            filter: url(#dilate);
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_title_en_num
    {
        font-size: min(12.125rem, 194px);

        margin-left: .04124em;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_title_en_num
    {
        font-size: 5rem;

        margin-left: .1125em;
    }
}
.un_dot_feature_section_title_text
{
    font-family: 'Shippori Mincho', serif;
    font-weight: 400;

    color: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_title_text
    {
        font-size: min(5.70563rem, 91.29px);
        line-height: 1.3;

        position: relative;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_title_text
    {
        font-size: 3rem;
        line-height: 1.1;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_title.un_dot_feature_section_title__01 .un_dot_feature_section_title_text
    {
        padding-left: min(9.75812rem, 156.13px);
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_title.un_dot_feature_section_title__02 .un_dot_feature_section_title_text,
    .un_dot_feature_section_title.un_dot_feature_section_title__03 .un_dot_feature_section_title_text
    {
        padding-left: min(11.8125rem, 189px);
    }
}
.un_dot_feature_section_text
{
    font-weight: 500;
    line-height: 1.8;

    color: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_text
    {
        font-size: min(1.0625rem, 17px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_text
    {
        font-size: .875rem;

        margin: 0 8.53333%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_overview
    {
        width: 87.71739%;
        margin: 0 auto min(8.69565%, 80px);
    }
}
.un_dot_feature_section_noteText
{
    line-height: 1.5;

    color: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_noteText
    {
        font-size: min(.75rem, 12px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_noteText
    {
        font-size: .625rem;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description
    {
        text-align: center;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_title
    {
        margin-top: auto;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description[class*='layout'] .un_dot_feature_section_description_title
    {
        text-align: left;

        grid-area: title;
    }
    .un_dot_feature_section_description[class*='layout'] .un_dot_feature_section_description_text
    {
        margin-top: 0;

        grid-area: text;
    }
    .un_dot_feature_section_description[class*='layout'] .un_dot_feature_section_description_img
    {
        position: relative;

        grid-area: img;
    }
    .un_dot_feature_section_description[class*='layout'] .un_dot_feature_section_description_note
    {
        grid-area: note;
    }
    .un_dot_feature_section_description[class*='layout'] .un_dot_feature_section_description_sgMarkSystem
    {
        grid-area: sgMarkSystem;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description.un_dot_feature_section_description__layout01
    {
        display: grid;

        grid-template: 'title img' 1fr 'text img' auto 'note img' 1fr/min(43.47826%, 400px) min(48.69565%, 448px);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        row-gap: min(1.30435vw, 12px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description.un_dot_feature_section_description__layout01 .un_dot_feature_section_description_title
    {
        margin-top: 16%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description.un_dot_feature_section_description__layout02
    {
        display: grid;

        grid-template: 'img title' 1fr 'img text' 1fr/min(47.5%, 437px) min(43.47826%, 400px);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        row-gap: min(1.30435vw, 12px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description.un_dot_feature_section_description__layout02 .un_dot_feature_section_description_title
    {
        margin-top: 16%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description.un_dot_feature_section_description__layout02 .un_dot_feature_section_description_img
    {
        margin: 12% 4.04% 0 1.33333%;
    }
}
.un_dot_feature_section_description.un_dot_feature_section_description__layout02 .un_dot_feature_section_description_img_note
{
    position: absolute;
    right: 0;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description.un_dot_feature_section_description__layout02 .un_dot_feature_section_description_img_note
    {
        bottom: max(-2.0595vw, -9px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description.un_dot_feature_section_description__layout02 .un_dot_feature_section_description_img_note
    {
        bottom: max(-2.746vw, -12px);
    }
}
.un_dot_feature_section_description.un_dot_feature_section_description__layout03 .un_dot_feature_section_description_title
{
    -webkit-font-feature-settings: 'palt';
            font-feature-settings: 'palt';
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description.un_dot_feature_section_description__layout03 .un_dot_feature_section_description_title
    {
        margin-top: 24.8%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description.un_dot_feature_section_description__layout04 .un_dot_feature_section_description_title
    {
        margin-top: 16.53333%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description.un_dot_feature_section_description__layout05
    {
        display: grid;

        grid-template: 'title img' 1fr 'text img' 1fr 'sgMarkSystem sgMarkSystem' auto/min(43.47826%, 400px) min(52.17391%, 480px);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        row-gap: min(1.30435vw, 12px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description.un_dot_feature_section_description__layout05 .un_dot_feature_section_description_title
    {
        margin-top: 17.06667%;
    }
}
.un_dot_feature_section_description_inner
{
    position: relative;
}
.un_dot_feature_section_description_title
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.46;

    color: #00a9c0;

    font-optical-sizing: auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description_title
    {
        font-size: min(2.875rem, 46px);

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description_title
    {
        font-size: 2rem;

        margin: 0 8.53333%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description_title.un_dot_feature_section_description_title__02
    {
        margin-top: 8.69565%;
    }
}
.un_dot_feature_section_description_title_note
{
    line-height: 1.5;

    display: block;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description_title_note
    {
        font-size: min(.75rem, 12px);

        margin-top: 1em;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description_title_note
    {
        font-size: .875rem;

        margin-top: .28571em;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description_text
    {
        display: inline-block;

        margin-top: 1.30435%;

        text-align: left;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description_text
    {
        margin-top: .625rem;
    }
}
.un_dot_feature_section_description_imgs
{
    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_dot_feature_section_description_imgs
    {
        margin-top: 4.34783%;

        -webkit-column-gap: 3.47826%;
           -moz-column-gap: 3.47826%;
                column-gap: 3.47826%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description_imgs
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: 7.46667vw;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description_imgs.un_dot_feature_section_description_imgs__feature0201
    {
        margin-top: 6.66667%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description_imgs.un_dot_feature_section_description_imgs__feature0201 .un_dot_feature_section_description_imgs_img:first-of-type
    {
        width: 39.03696%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description_imgs.un_dot_feature_section_description_imgs__feature0201 .un_dot_feature_section_description_imgs_img:first-of-type
    {
        margin: 0 4% 0 7.616%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description_imgs.un_dot_feature_section_description_imgs__feature0201 .un_dot_feature_section_description_imgs_img:nth-of-type(2)
    {
        width: 46.52174%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description_imgs.un_dot_feature_section_description_imgs__feature0201 .un_dot_feature_section_description_imgs_img:nth-of-type(2)
    {
        width: 114.13333%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description_imgs.un_dot_feature_section_description_imgs__feature0202
    {
        margin-top: 15.2%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description_imgs.un_dot_feature_section_description_imgs__feature0202 .un_dot_feature_section_description_imgs_img:first-of-type
    {
        width: 35.86957%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description_imgs.un_dot_feature_section_description_imgs__feature0202 .un_dot_feature_section_description_imgs_img:first-of-type
    {
        margin: 0 5.06667% 0 6.93333%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description_imgs.un_dot_feature_section_description_imgs__feature0202 .un_dot_feature_section_description_imgs_img:nth-of-type(2)
    {
        width: 35.21739%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description_imgs.un_dot_feature_section_description_imgs__feature0202 .un_dot_feature_section_description_imgs_img:nth-of-type(2)
    {
        margin: 0 6.66667% 0 6.93333%;
    }
}
.un_dot_feature_section_description_img
{
    position: relative;
}
.un_dot_feature_section_description_img.un_dot_feature_section_description_img__01
{
    margin: 6.4% 4.26667% 0;
}
.un_dot_feature_section_description_img.un_dot_feature_section_description_img__03
{
    margin: 12% 8.65867% 0;
}
.un_dot_feature_section_description_img_note
{
    display: block;

    text-align: right;
}
.un_dot_feature_section_description_note
{
    text-align: left;
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description_note
    {
        margin: 1.6% 4.26667% 0;
    }
}
.un_dot_feature_section_description_noteText
{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description_noteText
    {
        font-size: min(.75rem, 12px);
        line-height: 1.5;
    }
}
.un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem
{
    border: solid 1px #bebebe;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem
    {
        margin-top: 8.69565%;
        padding: 4.34783% 6.30435%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem
    {
        margin: 19.2% 4.26667% 0 4.26667%;
        padding: 8% 4.8%;
    }
}
.un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_title
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.46;

    color: #00a9c0;

    font-optical-sizing: auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_title
    {
        font-size: min(2.375rem, 38px);

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_title
    {
        font-size: 1.5rem;
    }
}
.un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_text
{
    font-weight: 500;
    line-height: 1.8;

    display: inline-block;

    color: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_text
    {
        font-size: min(1.0625rem, 17px);

        margin-top: 2.98507%;

        text-align: left;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_text
    {
        font-size: .8125rem;

        margin: 7.81759% 0 0;
    }
}
.un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table
{
    line-height: 1.4;

    width: 100%;

    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table
    {
        font-size: min(1rem, 16px);

        margin-top: 2.98507%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table
    {
        font-size: .8125rem;

        margin-top: 7.81759%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table_row > *
    {
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table_row:first-of-type > *
    {
        padding: .375em 1em;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table_row:first-of-type > th
    {
        padding: .92308em .46154em;
    }
}
.un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table_row:first-of-type > td
{
    line-height: 1.1;
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table_row:first-of-type > td
    {
        font-size: .625rem;

        padding: .38462em 1.23077em;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table_row:not(:first-of-type) > *
    {
        padding: 1.3125em 1em;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table_row:not(:first-of-type) > th
    {
        padding: .69231em 1em;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table_row:not(:first-of-type) > td
    {
        padding: .69231em .5em;
    }
}
.un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table th,
.un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table td
{
    border: solid 3px #000;
}
.un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table th
{
    font-weight: 500;

    background: #d2dbdc;
}
@media only screen and (min-width: 768px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table td img
    {
        width: min(3.21875em, 51.5px);
        margin: min(.625em, 10px) auto 0;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_feature_section_description .un_dot_feature_section_description_sgMarkSystem_table td img
    {
        width: 57.69231%;
        margin: 15.38462% auto;
    }
}
.un_dot_logoArea
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_dot_logoArea
    {
        margin-bottom: min(25.26071%, 353.65px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_logoArea
    {
        margin-bottom: 16%;
    }
}
.un_dot_logoArea img
{
    width: 100%;
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions
    {
        margin-bottom: min(35.71429%, 500px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions
    {
        margin-bottom: 76%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions .un_dot_functions_title
    {
        font-size: 2.125rem;
    }
}
.un_dot_functions_overview
{
    font-weight: 500;
    line-height: 1.8;

    text-align: center;

    color: #bebebe;
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_overview
    {
        font-size: min(1.25rem, 20px);

        margin-top: min(4.2%, 58.8px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_overview
    {
        font-size: .875rem;

        margin-top: 3.26429%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_article.un_dot_functions_article__01
    {
        margin-top: min(37.28571%, 522px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_article.un_dot_functions_article__01
    {
        margin-top: 45.33333%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_article.un_dot_functions_article__02
    {
        margin-top: min(17.07143%, 239px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_article.un_dot_functions_article__02
    {
        margin-top: 43.46667%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_article.un_dot_functions_article__03
    {
        margin-top: min(17.28571%, 242px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_article.un_dot_functions_article__03
    {
        margin-top: 37.86667%;
    }
}
.un_dot_functions_article_inner
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_article_inner
    {
        width: min(65.71429%, 920px);
        margin: 0 auto;
    }
}
.un_dot_functions_article_img
{
    position: absolute;
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_article_img
    {
        left: 50%;

        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_article_img.un_dot_functions_article_img__01
    {
        bottom: calc(100% - min(3.625rem, 58px));

        width: min(78.26087%, 720px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_article_img.un_dot_functions_article_img__01
    {
        bottom: calc(100% - 28.53333vw);

        width: 91.46667%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_article_img.un_dot_functions_article_img__02
    {
        top: max(-17.07143vw, -239px);
        right: 0;

        width: min(55.00761%, 506.07px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_article_img.un_dot_functions_article_img__02
    {
        bottom: calc(100% - 38.13333vw);

        width: 69.33333%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_article_img.un_dot_functions_article_img__03
    {
        top: max(-4.57143vw, -64px);
        left: max(-3.47826%, -32px);

        width: min(65.76087%, 605px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_article_img.un_dot_functions_article_img__03
    {
        bottom: calc(100% - 31.46667vw);

        width: 108%;
    }
}
.un_dot_functions_article_texts
{
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#00d9b1), to(#00a9c0));
    background: linear-gradient(90deg, #00d9b1, #00a9c0);
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_article_texts
    {
        width: min(53.15217%, 489px);
        padding: min(2.25rem, 36px) min(4rem, 64px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_article_texts
    {
        width: 80.8%;
        padding: 37.86667% 8.53333% 12.8%;

        -webkit-font-feature-settings: 'palt';
                font-feature-settings: 'palt';
    }
}
.un_dot_functions_article_texts.un_dot_functions_article_texts__01
{
    margin-left: auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_article_texts.un_dot_functions_article_texts__01
    {
        padding-top: min(4.4375rem, 71px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_article_texts.un_dot_functions_article_texts__01
    {
        padding-right: 16.26667%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_article_texts.un_dot_functions_article_texts__02
    {
        padding-right: min(8rem, 128px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_article_texts.un_dot_functions_article_texts__02
    {
        padding-left: 17.06667%;
    }
}
.un_dot_functions_article_texts.un_dot_functions_article_texts__03
{
    margin-left: auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_article_texts.un_dot_functions_article_texts__03
    {
        padding-left: min(8rem, 128px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_article_texts.un_dot_functions_article_texts__03
    {
        padding-right: 17.06667%;
    }
}
.un_dot_functions_article_title
{
    font-weight: bold;
    line-height: 1.5;

    letter-spacing: .1em;
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_article_title
    {
        font-size: min(2rem, 32px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_article_title
    {
        font-size: 1.5rem;
    }
}
.un_dot_functions_article_text
{
    font-weight: 500;
    line-height: 1.6;

    letter-spacing: .1em;
}
@media only screen and (min-width: 768px)
{
    .un_dot_functions_article_text
    {
        font-size: min(1rem, 16px);

        margin-top: 1em;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_functions_article_text
    {
        font-size: .875rem;

        margin-top: 1.85714em;
    }
}
.un_dot_usage
{
    position: relative;
}
@media only screen and (min-width: 768px)
{
    .un_dot_usage
    {
        margin-bottom: min(26%, 364px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_usage
    {
        margin-bottom: 58.4%;
    }
}
.un_dot_usage::before
{
    position: absolute;
    left: 50%;

    display: block;

    content: '';
    -webkit-transform: translateX(-50%) rotate(-20deg);
            transform: translateX(-50%) rotate(-20deg);

    background: -webkit-gradient(linear, left top, right top, from(#00d9b1), to(#00a9c0));
    background: linear-gradient(90deg, #00d9b1, #00a9c0);
}
@media only screen and (min-width: 768px)
{
    .un_dot_usage::before
    {
        bottom: 0;

        width: 133.06571%;
        max-height: 555.43px;

        aspect-ratio: 1862.92 / 555.43;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_usage::before
    {
        top: -20.52267vw;
        bottom: -18.38933vw;

        width: 198.15733%;

        aspect-ratio: 743.09 / 763.92;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_usage_titleWrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: min(2.71429vw, 38px);
           -moz-column-gap: min(2.71429vw, 38px);
                column-gap: min(2.71429vw, 38px);
    }
}
.un_dot_usage_titleWrap .un_dot_usage_sliderArrows
{
    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_dot_usage_titleWrap .un_dot_usage_sliderArrows
    {
        -webkit-column-gap: min(.85714vw, 12px);
           -moz-column-gap: min(.85714vw, 12px);
                column-gap: min(.85714vw, 12px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_usage_titleWrap .un_dot_usage_sliderArrows
    {
        margin: -2.93333% 4.26667% 7.2% 0;

        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-column-gap: 3.2%;
           -moz-column-gap: 3.2%;
                column-gap: 3.2%;
    }
}
.un_dot_usage_titleWrap .un_dot_usage_sliderArrows .slick-arrow
{
    position: static;

    height: auto;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;
    -webkit-transform: none;
            transform: none;

    border: solid 1px #fff;
    border-radius: 50%;

    aspect-ratio: 1 / 1;
}
@media only screen and (min-width: 768px)
{
    .un_dot_usage_titleWrap .un_dot_usage_sliderArrows .slick-arrow
    {
        width: min(4vw, 56px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_usage_titleWrap .un_dot_usage_sliderArrows .slick-arrow
    {
        width: 14.93333vw;
    }
}
.un_dot_usage_titleWrap .un_dot_usage_sliderArrows .slick-arrow::before
{
    display: block;

    width: 25.92593%;
    margin: 0 auto;

    content: '';

    opacity: 1;
    background: url(../img/ico_arrow.svg) no-repeat center center/contain;

    aspect-ratio: 9 / 14;
}
.un_dot_usage_titleWrap .un_dot_usage_sliderArrows .slick-arrow.slick-prev::before
{
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
@media only screen and (min-width: 768px)
{
    .un_dot_usage_titleWrap .un_dot_usage_sliderArrows .slick-arrow:hover
    {
        opacity: .7;
    }
}
.un_dot_usage_inner
{
    position: relative;

    margin-left: auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_usage_inner
    {
        width: 87.92857%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_usage_inner
    {
        width: 95.73333%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_usage_list
    {
        margin-top: min(3.41186%, 42px);
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_usage_list_item
    {
        width: min(36.29407vw, 446.78px);
        margin-right: min(.99675%, 12.27px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_usage_list_item
    {
        width: 86.4vw;
        margin-right: 3.272vw;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_view
    {
        margin-bottom: min(13.21429%, 185px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_view
    {
        margin-bottom: 32%;
    }
}
.un_dot_view_inner
{
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_view_inner
    {
        width: min(75.71429%, 1060px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_view_inner
    {
        width: 91.46667%;
    }
}
.un_dot_view_sample
{
    position: relative;

    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_dot_view_sample
    {
        margin-top: min(3.77358%, 40px);
        padding: .84906% 6.50943% 1.41509% 4.5283%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_view_sample
    {
        margin-top: 9.62099%;
        padding: 2.91545% 8.5277% 7.28863% 7%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_view_sample_list
    {
        display: grid;

        grid-template: 'item1 . item2 . item4' auto 'item1 . item3 . item4' auto/37.22163% 3.28738% 28.20785% 3.71156% 27.57158%;
        row-gap: 2.12089%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_view_sample_list
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_view_sample_list_item:first-of-type
    {
        grid-area: item1;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_view_sample_list_item:first-of-type
    {
        width: 100%;
        margin-bottom: -8.85276%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_view_sample_list_item:nth-of-type(2)
    {
        grid-area: item2;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_view_sample_list_item:nth-of-type(2)
    {
        width: 33.32298%;
        margin: .86975% -2.42286% 0 0;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_view_sample_list_item:nth-of-type(3)
    {
        grid-area: item3;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_view_sample_list_item:nth-of-type(3)
    {
        width: 38.26879%;
        margin: 5.38414% -1.08028% 0 0;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_view_sample_list_item:nth-of-type(4)
    {
        grid-area: item4;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_view_sample_list_item:nth-of-type(4)
    {
        width: 30.14427%;
    }
}
.un_dot_view_sample_name
{
    font-weight: 500;
    line-height: 1.6;

    letter-spacing: .1em;
}
@media only screen and (min-width: 768px)
{
    .un_dot_view_sample_name
    {
        font-size: min(.875rem, 14px);

        position: absolute;
        bottom: min(2.96925%, 28px);
        left: min(5.09014%, 48px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_view_sample_name
    {
        font-size: .875rem;

        margin-top: 2.54021%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_color
    {
        margin-bottom: min(13.21429vw, 185px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_color
    {
        margin-bottom: 32%;
    }
}
.un_dot_color_inner
{
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_color_inner
    {
        width: min(75.71429%, 1060px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_color_inner
    {
        width: 91.46667%;
    }
}
.un_dot_color_list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media only screen and (min-width: 768px)
{
    .un_dot_color_list
    {
        margin-top: min(3.77358%, 40px);

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: min(1.41509vw, 15px) 1.41509%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_color_list
    {
            flex-direction: column;

        margin-top: 9.62099%;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        row-gap: 3.57726vw;
    }
}
.un_dot_color_list_item
{
    position: relative;

    background: #fff;
}
@media only screen and (min-width: 768px)
{
    .un_dot_color_list_item
    {
        width: 32.35849%;
        padding: 4.71698% 1.50943% 2.45283%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_color_list_item
    {
        padding: 14.57726% 4.66472% 7.58017%;
    }
}
.un_dot_color_list_item_texture
{
    font-weight: 500;
    line-height: 1.6;

    position: absolute;

    display: grid;

    letter-spacing: .1em;

    border-radius: 50%;

    place-items: center;
    aspect-ratio: 1 / 1;
}
@media only screen and (min-width: 768px)
{
    .un_dot_color_list_item_texture
    {
        font-size: min(.6875rem, 11px);

        top: min(4.66472vw, 16px);
        left: 4.66472%;

        width: min(16.32653%, 56px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_color_list_item_texture
    {
        font-size: .6875rem;

        top: 4.66472vw;
        left: 4.66472%;

        width: 16.32653%;
    }
}
.un_dot_color_list_item_texture.un_dot_color_list_item_texture__mat
{
    color: #1f1f1f;
    background: #e3e3e3;
}
.un_dot_color_list_item_texture.un_dot_color_list_item_texture__gloss
{
    color: #00abc6;
    border: solid 1px #00abc6;
}
@media only screen and (min-width: 768px)
{
    .un_dot_color_list_item_img
    {
        width: 81.99357%;
        margin: 0 auto 8.68167%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_color_list_item_img
    {
        width: 81.99357%;
        margin: 0 auto 8.68167%;
    }
}
.un_dot_color_list_item_name
{
    font-weight: 500;
    line-height: 1.6;

    letter-spacing: .1em;

    color: #1f1f1f;
}
@media only screen and (min-width: 768px)
{
    .un_dot_color_list_item_name
    {
        font-size: min(.875rem, 14px);

        padding: 0 5.05788%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_color_list_item_name
    {
        font-size: .875rem;

        padding: 0 5.05788%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_product
    {
        margin-bottom: min(13.21429vw, 185px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_product
    {
        margin-bottom: 32%;
    }
}
.un_dot_product_inner
{
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_product_inner
    {
        width: min(75.71429%, 1060px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_product_inner
    {
        width: 82.93333%;
    }
}
.un_dot_product_table
{
    width: 100%;

    border-collapse: separate;
}
@media only screen and (min-width: 768px)
{
    .un_dot_product_table
    {
        margin-top: min(3.77358%, 40px);

        border-spacing: min(.21429vw, 3px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_product_table
    {
        margin-top: 9.6463%;

        border-spacing: 3px;
    }
}
.un_dot_product_table th,
.un_dot_product_table td
{
    line-height: 1.4;
}
@media only screen and (min-width: 768px)
{
    .un_dot_product_table th,
    .un_dot_product_table td
    {
        font-size: min(1rem, 16px);

        padding: 1.88679% 1.32075%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_product_table th,
    .un_dot_product_table td
    {
        font-size: .9375rem;
    }
}
.un_dot_product_table th
{
    font-weight: 500;

    background: #c9c9c9;
}
@media only screen and (min-width: 768px)
{
    .un_dot_product_table th
    {
        width: 23.88202%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_product_table th
    {
        width: 30.13245%;
        padding: 6.43087% 2.57235%;
    }
}
.un_dot_product_table td
{
    font-weight: 400;

    background: #e6e6e6;
}
@media only screen and (max-width: 767px)
{
    .un_dot_product_table td
    {
        padding: 6.43087% 4.50161%;
    }
}
.un_dot_product_table td ul,
.un_dot_product_table td li
{
    list-style: disc outside;
}
.un_dot_product_table td ul
{
    margin-left: 1.5em;
}
.un_dot_product_catalog
{
    margin: 5rem auto 0;
}
@media only screen and (min-width: 768px)
{
    .un_dot_product_catalog
    {
        width: 43.39623%;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_product_catalog
    {
        width: 100%;
    }
}
.un_dot_product_catalog_link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 8px 16px;

    background: #fff;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-items: center;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
}
.un_dot_product_catalog_img
{
    width: 10.86957%;
}
.un_dot_product_catalog_text
{
    font-weight: bold;
}
@media only screen and (min-width: 768px)
{
    .un_dot_product_catalog_text
    {
        font-size: min(1.125rem, 18px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_product_catalog_text
    {
        font-size: .875rem;
    }
}
.un_dot_product_catalog_pdfIcon
{
    width: 5.21739%;
}
@media only screen and (min-width: 768px)
{
    .un_dot_shop
    {
        margin-bottom: min(43.795vw, 613.13px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_shop
    {
        margin-bottom: 84.8%;
    }
}
.un_dot_shop_inner
{
    margin: 0 auto;
}
@media only screen and (min-width: 768px)
{
    .un_dot_shop_inner
    {
        width: min(75.71429%, 1060px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_shop_inner
    {
        width: 82.93333%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_shop_location:first-of-type
    {
        margin-top: min(4.33962%, 46px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_shop_location:first-of-type
    {
        margin-top: 8%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_shop_location:not(:first-of-type)
    {
        margin-top: min(7.07547%, 75px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_shop_location:not(:first-of-type)
    {
        margin-top: 16%;
    }
}
.un_dot_shop_location_title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #fff;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px)
{
    .un_dot_shop_location_title
    {
        font-size: min(1.5rem, 24px);

        margin-bottom: min(3.39623%, 36px);

        -webkit-column-gap: min(2.125rem, 34px);
           -moz-column-gap: min(2.125rem, 34px);
                column-gap: min(2.125rem, 34px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_shop_location_title
    {
        font-size: .875rem;

            flex-direction: column;

        margin-bottom: 5.33333%;

        -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: .5em;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_shop_location_title img[src*='YsRoad']
    {
        width: min(18.77358%, 199px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_shop_location_title img[src*='YsRoad']
    {
        width: 63.98714%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_shop_location_title img[src*='cycleHero']
    {
        width: min(26.50943%, 281px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_shop_location_title img[src*='cycleHero']
    {
        width: 90.3537%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_shop_location_title img[src*='KONS_CYCLE']
    {
        width: min(31.60377%, 335px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_shop_location_title img[src*='KONS_CYCLE']
    {
        width: 107.71704%;
    }
}
.un_dot_shop_list
{
    display: grid;
}
@media only screen and (min-width: 768px)
{
    .un_dot_shop_list.un_dot_shop_list__ysRoad
    {
        grid-template-columns: repeat(4, 22.64151%);
        gap: min(2.83019vw, 30px) min(2.83019%, 30px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_shop_list.un_dot_shop_list__ysRoad
    {
        grid-template-columns: repeat(2, 48.23151%);
        gap: 5.14469vw 5.14469%;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_shop_list.un_dot_shop_list__net
    {
        grid-template-columns: repeat(2, 43.39623%);
        gap: min(2.83019vw, 30px) min(2.83019%, 30px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_shop_list.un_dot_shop_list__net
    {
        row-gap: 4.26667vw;
    }
}
.un_dot_shop_list_item_link:not(:has(img))
{
    font-weight: 500;

    position: relative;

    text-align: center;

    background: #e6e6e6;
}
@media only screen and (min-width: 768px)
{
    .un_dot_shop_list_item_link:not(:has(img))
    {
        font-size: min(1.125rem, 18px);

        padding: 1.33333em 2.66667em;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_shop_list_item_link:not(:has(img))
    {
        font-size: min(.875rem, 14px);
        font-size: .875rem;

        padding: 1.42857em 2.85714em;
    }
}
.un_dot_shop_list_item_link:not(:has(img))::before
{
    position: absolute;
    top: 50%;

    display: block;

    content: '';

    background: url(../img/ico_arrow_shop.svg) no-repeat center center/cover;

    aspect-ratio: 12 / 16;
    translate: 0 -50%;
}
@media only screen and (min-width: 768px)
{
    .un_dot_shop_list_item_link:not(:has(img))::before
    {
        left: 1em;

        width: .66667em;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_shop_list_item_link:not(:has(img))::before
    {
        left: 1em;

        width: .85714em;
    }
}
.un_dot_shop_list__widthContent .un_dot_shop_list_item_link
{
    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
}
.un_dot_shop_list_item_link img
{
    width: 100%;
}

/* mod 260130 */
.un_dot_about {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .un_dot_about {
    padding-bottom: min(6.857%, 96px);
  }
}
@media only screen and (max-width: 767px) {
  .un_dot_about {
    padding-bottom: 16%;
  }
}

.un_dot_about::before {
  position: absolute;
  display: block;
  content: '';
  transform: translateX(-50%) rotate(-160deg);
}
@media only screen and (min-width: 768px) {
  .un_dot_about::before {
    top: min(-11.82286vw, -165.52px);
    left: calc(50% + .12929%);
    width: 229.34857%;
    background: #fff;
    aspect-ratio: 3210.88 / 1600;
  }
}
@media only screen and (max-width: 767px) {
  .un_dot_about::before {
    top: -37.544vw;
    left: calc(50% - 6.06533%);
    width: 220%;
    background: #fff;
    aspect-ratio: .66207;
  }
}

.un_dot_about::after {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  width: 100%;
  height: 80%;
  background: #fff;
}

.un_dot_about_inner {
  z-index: 2;
  text-align: center;
  position: relative;
  color: #4c4a49;
}

.un_dot_about_title_e {
  font-family: 'Shippori Mincho', serif;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  text-indent: 0.16em;
}
@media only screen and (min-width: 768px) {
  .un_dot_about_title_e {
    font-size: min(2.857rem, 40px);
    margin-bottom: min(1.429vw, 20px);
  }
}
@media only screen and (max-width: 767px) {
  .un_dot_about_title_e {
    font-size: 1rem;
    margin-bottom: 3%;
  }
}

.un_dot_about_title {
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
  line-height: 1.46;
}
@media only screen and (min-width: 768px) {
  .un_dot_about_title {
    font-size: min(4.571rem, 64px);
    margin-bottom: min(3.571vw, 50px);
  }
}
@media only screen and (max-width: 767px) {
  .un_dot_about_title {
    margin-bottom: 12%;
    font-size: 2rem;
  }
}

.about__image {
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .about__image {
    width: min(15.21vw, 213px);
  }
}
@media only screen and (max-width: 767px) {
  .about__image {
    width: 180px;
  }
}

.un_dot_about_text {
  font-family: 'Shippori Mincho', serif;
  font-weight: 500;
  line-height: 1.8;
}
@media only screen and (min-width: 768px) {
  .un_dot_about_text {
    padding-top: min(4.429vw, 62px);
    font-size: min(1.714rem, 24px);
  }
}
@media only screen and (max-width: 767px) {
  .un_dot_about_text {
    padding-top: 12%;
    font-size: 0.95rem;
  }
}

.un_dot_about_text_ib {
  display: inline-block;
}

.about__link__btn {
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .about__link__btn {
    width: min(75.71429%, 1060px);
  }
}
@media only screen and (max-width: 767px) {
  .about__link__btn {
    width: 82.93333%;
  }
}

.about__link__btn a {
  font-weight: 500;
  position: relative;
  text-align: center;
  color: #4c4a49;
  border: solid 1px #4c4a49;
}
@media only screen and (min-width: 768px) {
  .about__link__btn a {
    font-size: min(1.143rem, 16px);
    line-height: 1.5;
    width: 320px;
    margin:  min(4.5vw, 63px) auto 0;
    padding: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .about__link__btn a {
    font-size: 14px;
    line-height: 1.71429;
    padding: 23px 40px;
    margin:  30px auto 0;
  }
}

.about__link__btn a::after {
  position: absolute;
  top: 50%;
  display: block;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/ico_arrow_black.svg) no-repeat 0 0/cover;
  aspect-ratio: 10 / 18;
}
@media only screen and (min-width: 768px) {
  .about__link__btn a::after {
    right: 24px;
    width: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .about__link__btn a::after {
    right: 23px;
    width: 15px;
  }
}


.un_dot_footer
{
    color: #fff;
    background: #000;
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer
    {
        padding: min(8.333vw, 120px) min(2.85714vw, 40px) min(2.85714vw, 40px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer
    {
        padding: 35px 24px 155px;
    }
}
.un_dot_footer_sns
{
    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_dot_footer_sns
    {
        margin-bottom: min(2.64286vw, 37px);

        -webkit-column-gap: min(3.92857vw, 46px);
           -moz-column-gap: min(3.92857vw, 46px);
                column-gap: min(3.92857vw, 46px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_sns
    {
        margin-bottom: 30px;

        -webkit-column-gap: 30px;
           -moz-column-gap: 30px;
                column-gap: 30px;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_sns_item
    {
        width: min(3.85714vw, 54px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_sns_item
    {
        width: 54px;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_inner
    {
        max-width: 920px;
        margin: 0 auto;
    }
}
.un_dot_footer_contact
{
    background: #424242;
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_contact
    {
        padding: 48px 40px;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_contact
    {
        padding: 32px 24px;
    }
}
.un_dot_footer_contact_info
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding-bottom: 32px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_contact_info
    {
        row-gap: 24px;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_contact_info
    {
        row-gap: 13px;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_contact_info_item
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 24px 32px;
    }
}
.un_dot_footer_contact_info_item_data
{
    font-weight: bold;
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_contact_info_item_data
    {
        font-size: min(1.125rem, 18px);
        line-height: 1.11111;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_contact_info_item_data
    {
        font-size: 12px;
        line-height: 1.66667;
    }
}
.un_dot_footer_contact_info_item_data.un_dot_footer_contact_info_item_data__num
{
    font-family: 'Inter', sans-serif;
    font-weight: 700;
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_contact_info_item_data.un_dot_footer_contact_info_item_data__num
    {
        font-size: min(1.375rem, 22px);
        line-height: .95455;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_contact_info_item_data.un_dot_footer_contact_info_item_data__num
    {
        font-size: 15px;
        line-height: 1.4;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_contact_info_item_data.un_dot_footer_contact_info_item_data__num:first-of-type
    {
        margin-top: 7px;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_contact_info_item_data.un_dot_footer_contact_info_item_data__num:nth-of-type(n + 2)
    {
        margin-top: 5px;
    }
}
.un_dot_footer_contact_info_item_note
{
    width: 100%;
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_contact_info_item_note
    {
        margin-top: 13px;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_contact_info_item_note_text
    {
        font-size: min(.875rem, 14px);
        line-height: 1.42857;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_contact_info_item_note_text
    {
        font-size: 10px;
        line-height: 2;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_contact_info_reception
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_contact_info_reception_data
    {
        font-size: min(1rem, 16px);
        line-height: 1.4375;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_contact_info_reception_data
    {
        font-size: 12px;
        line-height: 1.91667;
    }
}
.un_dot_footer_contact_info_reception_data.un_dot_footer_contact_info_reception_data__title::after
{
    display: inline-block;

    content: '：';
}
.un_dot_footer_contact_toMailform
{
    padding-top: 32px;

    border-top: solid 1px #787878;
}
.un_dot_footer_contact_toMailform_link
{
    font-weight: 500;

    position: relative;

    text-align: center;

    color: #fff;
    border: solid 1px #fff;
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_contact_toMailform_link
    {
        font-size: min(1rem, 16px);
        line-height: 1.5;

        width: 383px;
        margin: 0 auto;
        padding: min(2.125rem, 34px);
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_contact_toMailform_link
    {
        font-size: 14px;
        line-height: 1.71429;

        padding: 23px 40px;
    }
}
.un_dot_footer_contact_toMailform_link::after
{
    position: absolute;
    top: 50%;

    display: block;

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

    background: url(../img/ico_arrow.svg) no-repeat 0 0/cover;

    aspect-ratio: 10 / 18;
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_contact_toMailform_link::after
    {
        right: 24px;

        width: 10px;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_contact_toMailform_link::after
    {
        right: 23px;

        width: 15px;
    }
}
.un_dot_footer_copy
{
    text-align: center;
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_copy
    {
        margin-top: 48px;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_copy
    {
        margin-top: 42px;
    }
}
.un_dot_footer_copy_text
{
    font-weight: 400;
}
@media only screen and (min-width: 768px)
{
    .un_dot_footer_copy_text
    {
        font-size: min(.75rem, 12px);
        line-height: 2.33333;
    }
}
@media only screen and (max-width: 767px)
{
    .un_dot_footer_copy_text
    {
        font-size: 10px;
        line-height: 2.8;
    }
}