@charset 'utf-8';


/* 一般設定
------------------------------------*/
:root {
    --size-step-00: ;
    --size-step-0: clamp(0.5rem, 0.438rem + 0.31vw, 0.688rem);
    /* 8 11 */
    --size-step-1: clamp(0.688rem, 0.583rem + 0.52vw, 1rem);
    /* 11 16 */
    --size-step-2: clamp(1rem, 0.896rem + 0.52vw, 1.313rem);
    /* 16 21 */
    --size-step-3: clamp(1.375rem, 1.148rem + 1.14vw, 2rem);
    /* 22 32 */
    --size-step-4: clamp(2.25rem, 2rem + 1.25vw, 3rem);
    /* 36 48 */
    --size-step-5: clamp(4.375rem, 4.148rem + 1.14vw, 5rem);
    /* 64 72 */
    /* min:320px max:1280px */
}

* {
    box-sizing: border-box;
}

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

body {
    font-size: var(--size-step-1);
    font-family: 'Zen Kaku Gothic New',
        '游ゴシック Medium',
        'Yu Gothic Medium',
        '游ゴシック体',
        YuGothic,
        'Hiragino Sans',
        'ヒラギノ角ゴ ProN',
        'Hiragino Kaku Gothic ProN',
        'メイリオ',
        Meiryo,
        sans-serif;
    line-height: 1;
    color: #021019;
    background-color: #FEFEFD;
    width: 100%;
    min-width: 320px;
    max-width: 1280px;
    padding-left: clamp(1rem, -0.333rem + 6.67vw, 5rem);
    padding-right: clamp(1rem, -0.333rem + 6.67vw, 5rem);
    padding-top: clamp(2rem, 1.286rem + 3.57vw, 4.5rem);
    padding-bottom: clamp(2rem, 1.286rem + 3.57vw, 4.5rem);
}

ol,
ul {
    list-style: none
}

.lander__logo {
    width: 120px;
}

.font_ten-mincho {
    font-family: ten-mincho, serif;
    font-weight: 400;
}

h1 {
    padding-top: 8px;
    font-size: 40px;
    line-height: 145%;
    font-weight: normal;
}

main {
    padding-top: var(--size-step-5);
}

h2 {
    font-size: var(--size-step-5);
    line-height: 145%;
    font-weight: 800;
}

p {
    padding-top: var(--size-step-4);
    font-size: var(--size-step-3);
    line-height: 145%;
    font-weight: 800;
}

ul {
    padding-top: var(--size-step-3);
    font-size: var(--size-step-2);
    line-height: 145%;
    font-weight: 800;
}


.lander__contact {
    padding-top: var(--size-step-3);
}

a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    padding-top: var(--size-step-2);
    font-size: var(--size-step-2);
    line-height: 145%;
    font-weight: 800;
}

a:hover {
    color: #ccc;
}


.copyright {
    margin-top: var(--size-step-0);
    font-size: var(--size-step-2);
    line-height: 145%;
    font-weight: 800;
}

.smaller {
    font-size: clamp(4rem, 3.857rem + 0.71vw, 4.5rem);
}

.css_br {
    display: inline-block;
}

.nospam {
    display: none;
}



/* アニメーション */
.fadein__1 {
    animation-delay: 0.4s;
    animation-name: fadein;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    opacity: 0%;
}

.fadein__2 {
    animation-delay: 0.8s;
    animation-name: fadein;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    opacity: 0%;
}

@keyframes fadein {
    0% {
        opacity: 0%;
    }

    100% {
        opacity: 100%;
    }
}

/* 
:root {
    --color-dark: #021019;
    --color-light: #f4f4f4;
    --color-light-shade: #ccc;
    --color-primary: #fd308f;
    --color-primary-glare: #fd89bf;
    --color-secondary: #00ffcf;
    --color-tertiary: #350df2;
    --color-quaternary: #ffd501;
    --space-zero: clamp(0rem, -0.02rem + 0.11vw, 0.0625rem);
    --space-3xs: clamp(0.25rem, 0.23rem + 0.11vw, 0.3125rem);
    --space-2xs: clamp(0.5rem, 0.45rem + 0.23vw, 0.625rem);
    --space-xs: clamp(0.75rem, 0.68rem + 0.34vw, 0.9375rem);
    --space-s: clamp(1rem, 0.91rem + 0.45vw, 1.25rem);
    --space-m: clamp(1.5rem, 1.36rem + 0.68vw, 1.875rem);
    --space-l: clamp(2rem, 1.82rem + 0.91vw, 2.5rem);
    --space-xl: clamp(3rem, 2.73rem + 1.36vw, 3.75rem);
    --space-2xl: clamp(5rem, 4.55rem + 2.27vw, 6.25rem);
    --space-3xl: clamp(7rem, 6.36rem + 3.18vw, 8.75rem);
    --space-3xs-2xs: clamp(0.25rem, 0.11rem + 0.68vw, 0.625rem);
    --space-2xs-xs: clamp(0.5rem, 0.34rem + 0.80vw, 0.9375rem);
    --space-xs-s: clamp(0.75rem, 0.57rem + 0.91vw, 1.25rem);
    --space-s-m: clamp(1rem, 0.68rem + 1.59vw, 1.875rem);
    --space-m-l: clamp(1.5rem, 1.14rem + 1.82vw, 2.5rem);
    --space-l-xl: clamp(2rem, 1.36rem + 3.18vw, 3.75rem);
    --space-xl-2xl: clamp(3rem, 1.82rem + 5.91vw, 6.25rem);
    --space-2xl-3xl: clamp(5rem, 3.64rem + 6.82vw, 8.75rem);
    --space-s-l: clamp(1rem, 0.45rem + 2.73vw, 2.5rem);
    --space-xl-3xl: clamp(3rem, 0.91rem + 10.45vw, 8.75rem);
    --size-step-00: clamp(0.875rem, 0.81rem + 0.34vw, 1.0625rem);
    --size-step-0: clamp(1rem, 0.91rem + 0.45vw, 1.25rem);
    --size-step-1: clamp(1.25rem, 1.00rem + 1.25vw, 1.9375rem);
    --size-step-2: clamp(1.5625rem, 1.04rem + 2.62vw, 3.003125rem);
    --size-step-3: clamp(1.953125rem, 0.97rem + 4.91vw, 4.655rem);
    --size-step-4: clamp(2.44125rem, 0.71rem + 8.68vw, 7.215rem);
    --size-step-5: clamp(4.21rem, 2.83rem + 6.89vw, 8rem);
    --font-base: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-lede: interblack, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-lede-italic: interblack_italic, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-display: "AzaretMono", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-normal: 400;
    --font-medium: 500;
    --font-bold: 700;
    --gutter: var(--space-s-l)
} */

/* main
------------------------------------*/