@charset "UTF-8";
/* @import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap"); */
/* Elements  */
:root {
    scroll-padding: 100px;
    scroll-behavior: auto;
    --main-color: #339ecc;
    --blue: #339ecc;
    --orange: #ffab20;
    --pink: #f57ba1;
    --green: #7ac02d;
    --purple: #ae84d8;
    --bg-gray: #f1f1f1;
    --header-yellow: #fbf9f4;
    --btn-blue: #005fa3;
    --border-gray: #e0e0e0;
    --footer-black01: #666;
    --footer-black02: #333;
    --gray-exlight: #f1f1f1;
    --gray-light: #e0e0e0;
    --gray-dark: #999;
    --gray-text: #666;
    --orange-dark: #e16720;
    --orange-light: #fcdec4;
    --green-dark: #396516;
    --green-light: #d3ddc9;
    --blue-dark: #19607a;
    --blue-light: #cddee4;
    /* mainタグ */
    --main-min-height: calc(100vh - 84px);
}

/* Elements  */
body {
    position: relative;
    color: #000;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN",
        "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
}
body.is-fixed {
    overflow: hidden;
}

a {
    color: inherit;
    text-decoration: none;
    word-break: break-all;
    transition: 0.1s;
}

:where(a:visited) {
    text-decoration: none;
    word-break: break-all;
    color: inherit;
}

a:hover {
    text-decoration: none;
    opacity: 0.7;
}

a[href^="tel:"] {
    pointer-events: none;
}
@media screen and (max-width: 1090px) {
    a[href^="tel:"] {
        pointer-events: auto;
    }
}

p {
    margin: 0;
}

sup {
    vertical-align: text-top;
    font-size: 0.8em;
}

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

iframe {
    max-width: 100%;
    vertical-align: bottom;
}

ul {
    list-style-type: disc;
    margin: 0;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}

ol {
    margin: 0;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}

nav ul {
    list-style: none;
}

table {
    border-collapse: collapse;
}

em {
    font-style: normal;
    font-weight: bold;
}

:where(h1),
:where(h2),
:where(h3),
:where(h4),
:where(h5),
:where(h6) {
    font-size: 16px;
    font-weight: 400;
}

/* フォームリセット
   text,email,tel,submitのリセット
--------------------------- */
:where(input[type="text"]),
:where(input[type="email"]),
:where(input[type="tel"]),
:where(input[type="submit"]) {
    padding: 0;
    border-radius: 0;
    outline: none;
    background: none;
    box-shadow: none;
    appearance: none;
    /* 枠線を付けておく */
    border: 1px solid rgb(1, 1, 1);
}

input[type="file"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
    box-shadow: none;
    appearance: none;
}

:where(input[type="submit"]):hover {
    opacity: 0.7;
}

:where(button) {
    padding: 0;
    outline: none;
    font: inherit;
    color: inherit;
    background: none;
    /* 枠線を付けておく */
    border: 1px solid rgb(1, 1, 1);
}

@media screen and (max-width: 767px) {
    :where(input[type="text"]) {
        box-shadow: inset 2px 2px 1px rgba(0, 0, 0, 0.2);
    }
}