@charset 'UTF-8';
/*
* main.css
*
*/
/* ------------------------
  reset
------------------------ */
html,
body
{
    height: 100%;
}

*,
*::after,
*::before
{
    box-sizing: border-box;
}

*
{
    font-size: inherit;
    line-height: inherit;

    margin: 0;
    padding: 0;
}

pre,
textarea
{
    overflow: auto;
}

template
{
    display: none;
}

details,
main,
summary
{
    display: block;
}

input[type=number]
{
    width: auto;
}

input[type=search]
{
    -webkit-appearance: textfield;
}

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

progress
{
    display: inline-block;
}

small
{
    font-size: 75%;
}

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

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

textarea
{
    resize: vertical;
}

audio,
canvas,
iframe,
img,
svg,
video
{
    vertical-align: middle;
}

audio:not([controls])
{
    display: none;
}

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

    border: 0;
}

button,
input,
select,
textarea
{
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;

    min-height: 1.5em;

    color: inherit;
}

button
{
    overflow: visible;
}

button,
select
{
    text-transform: none;
}

input
{
    line-height: normal;
}

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

    border-style: none;
    background-color: transparent;

    -webkit-appearance: button;
}

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

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

    border: 0;
}

code,
kbd,
pre,
samp
{
    font-family: monospace;
}

ol,
ul
{
    list-style: none;
}

select
{
       -moz-appearance: none;
    -webkit-appearance: none;
}

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

fieldset
{
    border: 0;
}

/* ------------------------
  Base Settings
------------------------ */
html
{
    font-size: inherit;
}

body
{
    font-family: 'Inter', 'Noto Sans JP', 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    line-height: 1.6875;

    word-wrap: break-word;

    color: #333;
    background-color: #fff;

    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

a
{
    text-decoration: underline;

    color: #00f;
}
a:visited
{
    color: #000080;
}
a:hover
{
    text-decoration: none;

    color: #f00;
}
a:active
{
    text-decoration: none;

    color: #ff8000;
}
a[href^='tel:']:hover
{
    color: #00f;
}
@media (min-width: 768px)
{
    a[href^='tel:']
    {
        cursor: text;
        text-decoration: none;
    }
}

/* ------------------------
  Components
------------------------ */
.hoge
{
    width: 100%;

    background: turquoise;
}
.hoge::after
{
    content: '：SM';
}
@media (min-width: 768px)
{
    .hoge
    {
        background: violet;
    }
    .hoge::after
    {
        content: '：MD';
    }
}
@media (min-width: 1024px)
{
    .hoge
    {
        background: wheat;
    }
    .hoge::after
    {
        content: '：LG';
    }
}

/* 小コメント ------- */
.hoge_small
{
    width: 100%;
}

/* ------------------------
  utilities Classes
------------------------ */
.u-hidden
{
    display: none !important;
    visibility: hidden;
}

@media (max-width: 767.98px)
{
    .u-hidden-sm
    {
        display: none !important;
        visibility: hidden;
    }
}

.u-hidden-up-sm
{
    display: none !important;
    visibility: hidden;
}

@media (max-width: 767.98px)
{
    .u-hidden-down-sm
    {
        display: none !important;
        visibility: hidden;
    }
}

@media (min-width: 768px) and (max-width: 1023.98px)
{
    .u-hidden-md
    {
        display: none !important;
        visibility: hidden;
    }
}

@media (min-width: 768px)
{
    .u-hidden-up-md
    {
        display: none !important;
        visibility: hidden;
    }
}

@media (max-width: 1023.98px)
{
    .u-hidden-down-md
    {
        display: none !important;
        visibility: hidden;
    }
}

@media (min-width: 1024px)
{
    .u-hidden-lg
    {
        display: none !important;
        visibility: hidden;
    }
}

@media (min-width: 1024px)
{
    .u-hidden-up-lg
    {
        display: none !important;
        visibility: hidden;
    }
}

.u-hidden-down-lg
{
    display: none !important;
    visibility: hidden;
}

.u-visuallyhidden
{
    position: absolute;

    overflow: hidden;
    clip: rect(0 0 0 0);

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;

    border: 0;
}

.u-visuallyhidden.focusable:active,
.u-visuallyhidden.focusable:focus
{
    position: static;

    overflow: visible;
    clip: auto;

    width: auto;
    height: auto;
    margin: 0;
}

.u-invisible
{
    visibility: hidden;
}

.clearfix::after
{
    display: block;
    clear: both;

    content: '';
}

._cloud_top_left
{
    -webkit-transform: translate(90%, 80%) scale(.7);
            transform: translate(90%, 80%) scale(.7);
}

._mac
{
    -webkit-transform: translate(90%, 80%) scale(.6);
            transform: translate(90%, 80%) scale(.6);
}

._kingashinnen
{
    -webkit-transform: translate(90%, 80%) scale(.6);
            transform: translate(90%, 80%) scale(.6);
}

._yamanote_train
{
    -webkit-transform: translate(90%, 10%) scale(.2);
            transform: translate(90%, 10%) scale(.2);
}

._sunsun
{
    -webkit-transform: translate(40%, 20%) scale(.9);
            transform: translate(40%, 20%) scale(.9);
}

._mametchi_ride_on_cloud
{
    -webkit-transform: translate(70%, 30%) scale(.9);
            transform: translate(70%, 30%) scale(.9);
}

._angel_blue
{
    -webkit-transform: translate(120%, -3%) scale(.6);
            transform: translate(120%, -3%) scale(.6);
}

._star_top
{
    -webkit-transform: translate(150%, 3%) scale(.6);
            transform: translate(150%, 3%) scale(.6);
}

._star_bottom
{
    -webkit-transform: translate(120%, -5%) scale(.6);
            transform: translate(120%, -5%) scale(.6);
}

._cloud_bottom_left
{
    -webkit-transform: translate(120%, -100%) scale(.6);
            transform: translate(120%, -100%) scale(.6);
    -webkit-transform-origin: top right;
            transform-origin: top right;
}

._unchi
{
    -webkit-transform: translate(-120%, 100%) scale(.6);
            transform: translate(-120%, 100%) scale(.6);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
}

._sekitoritchi
{
    -webkit-transform: translate(-500%, 100%) scale(.8);
            transform: translate(-500%, 100%) scale(.8);
}

._line_ride_on_cloud
{
    -webkit-transform: translate(-60%, 60%) scale(.6);
            transform: translate(-60%, 60%) scale(.6);
}

._heaven_01
{
    -webkit-transform: translate(-200%, 50%) scale(.6);
            transform: translate(-200%, 50%) scale(.6);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
}

._heaven_02
{
    -webkit-transform: translate(-300%, 80%) scale(.6);
            transform: translate(-300%, 80%) scale(.6);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
}

._cream_soda
{
    -webkit-transform: translate(-120%, 10%) scale(.6);
            transform: translate(-120%, 10%) scale(.6);
}

._line_ride_on_cloud_02
{
    -webkit-transform: translate(-120%, 20%) scale(.6);
            transform: translate(-120%, 20%) scale(.6);
}

._bear
{
    -webkit-transform: translate(-500%, 10%) scale(.6);
            transform: translate(-500%, 10%) scale(.6);
}

._apple
{
    -webkit-transform: translate(-300%, -10%) scale(.6);
            transform: translate(-300%, -10%) scale(.6);
}

._apple_02
{
    -webkit-transform: translate(-600%, -20%) scale(.6);
            transform: translate(-600%, -20%) scale(.6);
}

._bear_bottom
{
    -webkit-transform: translate(-100%, -50%) scale(.6);
            transform: translate(-100%, -50%) scale(.6);
    -webkit-transform-origin: left top;
            transform-origin: left top;
}

._tamagotchi
{
    -webkit-transform: translate(-100%, 50%) scale(.6);
            transform: translate(-100%, 50%) scale(.6);
}

._cloud_bottom_right
{
    -webkit-transform: translate(-30%, -40%) scale(.6);
            transform: translate(-30%, -40%) scale(.6);
    -webkit-transform-origin: left top;
            transform-origin: left top;
}

._biribiri
{
    -webkit-transform: translate(-30%, -40%) scale(.6);
            transform: translate(-30%, -40%) scale(.6);
    -webkit-transform-origin: left top;
            transform-origin: left top;
}

._cloud_top
{
    -webkit-transform: translate(10%, 100%) scale(.6);
            transform: translate(10%, 100%) scale(.6);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
}

._2026
{
    -webkit-transform: translate(-20%, -5%) scale(.7);
            transform: translate(-20%, -5%) scale(.7);
    -webkit-transform-origin: left top;
            transform-origin: left top;
}

.deco
{
    opacity: 0;
}

.is-deco_start .deco
{
    transition: opacity .3s cubic-bezier(.075, .82, .165, 1), -webkit-transform 1.1s cubic-bezier(.075, .82, .165, 1);
    transition: transform 1.1s cubic-bezier(.075, .82, .165, 1), opacity .3s cubic-bezier(.075, .82, .165, 1);
    transition: transform 1.1s cubic-bezier(.075, .82, .165, 1), opacity .3s cubic-bezier(.075, .82, .165, 1), -webkit-transform 1.1s cubic-bezier(.075, .82, .165, 1);
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);

    opacity: 1;
}
.is-deco_start ._cloud_top_left,
.is-deco_start ._cloud_bottom_left,
.is-deco_start ._cloud_top,
.is-deco_start ._cloud_bottom_right
{
    transition: opacity .3s cubic-bezier(.075, .82, .165, 1), -webkit-transform .85s cubic-bezier(.075, .82, .165, 1);
    transition: transform .85s cubic-bezier(.075, .82, .165, 1), opacity .3s cubic-bezier(.075, .82, .165, 1);
    transition: transform .85s cubic-bezier(.075, .82, .165, 1), opacity .3s cubic-bezier(.075, .82, .165, 1), -webkit-transform .85s cubic-bezier(.075, .82, .165, 1);
    transition-delay: .25s;
}
.is-deco_start ._yamanote_train,
.is-deco_start ._angel_blue
{
    transition: opacity .3s cubic-bezier(.075, .82, .165, 1), -webkit-transform 1s cubic-bezier(.075, .82, .165, 1);
    transition: transform 1s cubic-bezier(.075, .82, .165, 1), opacity .3s cubic-bezier(.075, .82, .165, 1);
    transition: transform 1s cubic-bezier(.075, .82, .165, 1), opacity .3s cubic-bezier(.075, .82, .165, 1), -webkit-transform 1s cubic-bezier(.075, .82, .165, 1);
    transition-delay: .1s;
}
.is-deco_start ._unchi
{
    transition: opacity .3s cubic-bezier(.075, .82, .165, 1), -webkit-transform 1.06s cubic-bezier(.075, .82, .165, 1);
    transition: transform 1.06s cubic-bezier(.075, .82, .165, 1), opacity .3s cubic-bezier(.075, .82, .165, 1);
    transition: transform 1.06s cubic-bezier(.075, .82, .165, 1), opacity .3s cubic-bezier(.075, .82, .165, 1), -webkit-transform 1.06s cubic-bezier(.075, .82, .165, 1);
    transition-delay: .04s;
}
.is-deco_start ._2026
{
    transition: opacity .3s cubic-bezier(.075, .82, .165, 1), -webkit-transform 1s cubic-bezier(.075, .82, .165, 1);
    transition: transform 1s cubic-bezier(.075, .82, .165, 1), opacity .3s cubic-bezier(.075, .82, .165, 1);
    transition: transform 1s cubic-bezier(.075, .82, .165, 1), opacity .3s cubic-bezier(.075, .82, .165, 1), -webkit-transform 1s cubic-bezier(.075, .82, .165, 1);
    transition-delay: .3s;
}

/* ------------------------
  Print Styles
------------------------ */
@media print
{
    *,
    *::before,
    *::after
    {
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited
    {
        text-decoration: underline;
    }
    tr,
    img
    {
        page-break-inside: avoid;
    }
    img
    {
        max-width: 100% !important;
    }
    p,
    h2,
    h3
    {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3
    {
        page-break-after: avoid;
    }
}