:root {
  --color-black: #333;
  --color-gray: #666;
  --color-gray-light: #ccc;
  --color-gray-dark: #333;
  --color-white: #fff;
  --color-blue: #1E73BE;
  --color-blue-dark: #1A66A6;
  --base-primary-bg: #FFFAE2;
  --base-secondary-bg: #E6F7AA;
  --base-text-color: #147B28;
  --base-text-color2: #4C4C4C;
  --base-text-color3: #73574B;
  --base-sub-color: #EE7C72;
  --placeholder-color: #898989;
  --hoiku-primary-bg: #FFFCE7;
  --hoiku-secondary-bg: #E7F3DD;
  --hoiku-text-color2: #3D782C;
  --hoiku-accent-color: #A6C57A;
  --hoiku-accent-color2: #83BB22;
  --hoiku-sub-color: #F6F8E3;
  --hoiku-border-color: #AB9E98;
  --gakudo-primary-bg: #FFF7E2;
  --gakudo-secondary-bg: #E5EFF6;
  --gakudo-text-color2: #5D75AF;
  --gakudo-accent-color: #A0B7E3;
  --gakudo-accent-color2: #8DA2D4;
  --gakudo-sub-color: #F5FDFF;
  --gakudo-border-color: #DBE2F4;
  --color-primary: var(--color-blue);
  --color-primary-dark: var(--color-blue-dark);
  --color-text: #333;
  --color-text-light: #777;
  --color-text-inverse: var(--color-white);
  --color-bg: var(--color-white);
  --color-border: #dfdfdf;
  --color-error: #EE7C72;
  --color-success: #27ae60;
  --text-primary: "Zen Maru Gothic", sans-serif;
  --text-secondary: 'Lato', sans-serif;
  --text-size-regular: clamp(1.3rem, -0.021192053rem + 1.6556291391vw, 1.8rem);
  --text-size-small: clamp(1.2rem, 0.6715231788rem + 0.6622516556vw, 1.4rem);
  --text-size-medium: clamp(1.4rem, -0.1854304636rem + 1.9867549669vw, 2rem);
  --text-size-large: clamp(1.5rem, -0.8781456954rem + 2.9801324503vw, 2.4rem);
  --text-weight-regular: 500;
  --text-weight-small: 400;
  --text-weight-large: 700;
  --content-width-size: 110rem;
  --content-width: min(100%, var(--content-width-size));
  --content-width-size-half: 55rem;
  --content-width-half: min(100%, var(--content-width-size-half));
  --content-width-size-small: 90rem;
  --content-width-small: min(100%, var(--content-width-size-small));
  --content-width-size-small-half: 45rem;
  --content-width-small-half: min(100%, var(--content-width-size-small-half));
  --content-padding: clamp(2.4rem, 0.2860927152rem + 2.6490066225vw, 3.2rem);
  --header-height: clamp(5.4rem, -4.1125827815rem + 11.9205298013vw, 9rem);
  --radius: clamp(0.6rem, 0.0715231788rem + 0.6622516556vw, 0.8rem);
  --trd-duration: 0.5s;
  --trd-hover-duration: 0.25s;
  --trd-timing: cubic-bezier(.165, .84, .44, 1);
  --modal-index: 1000;
  --header-index: 900;
  --footer-index: 800;
  --page-top-index: 700;
  --article-index: 600;
  --nav-index: 500;
  --main-index: 400;
  --section-index: 300;
  --content-index: 200;
}
@media (max-width: 768px) {
  :root {
    --radius: 1.6vw;
    --content-padding: 5.3333333333vw;
    --text-size-regular: 3.4666666667vw;
    --text-size-small: 2.6666666667vw;
    --text-size-medium: 3.7333333333vw;
    --text-size-large: 4vw;
    --header-height: 13.8666666667vw;
    --text-weight-regular: 400;
    --text-weight-small: 300;
    --text-weight-medium: 600;
    --text-weight-large: 800;
  }
}
.ua-mac :root {
  --text-weight-regular: 400;
  --text-weight-small: 300;
  --text-weight-medium: 600;
  --text-weight-large: 800;
}

.page-hoiku {
  --title-mask-color: var(--hoiku-primary-bg);
  --title-bg-color: var(--hoiku-secondary-bg);
  --modal-bg-color: rgba(66, 81, 46, 0.65);
  --search-text-color: var(--hoiku-text-color2);
  --search-border-color: var(--hoiku-border-color);
  --search-selext-color: var(--hoiku-accent-color);
  --index-text-color: var(--hoiku-text-color2);
  --index-accent-color: var(--hoiku-accent-color);
  --font-accent-color: var(--hoiku-accent-color2);
  --bg-secondary-color: var(--hoiku-secondary-bg);
  --swiper-theme-color: var(--hoiku-text-color2);
  --text-accent-color: var(--hoiku-text-color2);
  --form-bg: #F1F5F0;
}

.page-gakudo {
  --title-mask-color: var(--gakudo-primary-bg);
  --title-bg-color: var(--gakudo-secondary-bg);
  --modal-bg-color: rgba(37, 53, 88, 0.65);
  --search-text-color: var(--gakudo-text-color2);
  --search-border-color: var(--gakudo-border-color);
  --search-selext-color: var(--gakudo-accent-color);
  --index-text-color: var(--gakudo-text-color2);
  --index-accent-color: var(--gakudo-text-color2);
  --font-accent-color: var(--gakudo-accent-color2);
  --bg-secondary-color: var(--gakudo-secondary-bg);
  --swiper-theme-color: var(--gakudo-text-color2);
  --text-accent-color: var(--gakudo-text-color2);
  --form-bg: #F0F2F5;
}

.page-main {
  --title-mask-color: #fff;
  --title-bg-color: var(--base-secondary-bg);
  --modal-bg-color: rgba(0, 0, 0, 0.65);
  --search-text-color: #269434;
  --search-border-color: #ABABAB;
  --search-selext-color: var(--gakudo-accent-color);
  --index-text-color: var(--base-text-color3);
  --font-accent-color: #269434;
  --bg-secondary-color: #FFF2D5;
  --swiper-theme-color: var(--base-text-color2);
  --text-color: var(--base-text-color2);
  --text-accent-color: var(--base-text-color);
  --form-bg: #F1F5F0;
}

:where(:not(:is(ul, ol, li))) {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  background-color: transparent;
}

:where(:is(article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main)) {
  display: block;
}

:where(:is(ul, ol):not(.is-list-normal)) {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
:where(:is(ul, ol):not(.is-list-normal)) li {
  margin: 0;
  padding: 0;
}

:where(ul.is-list-normal) {
  padding-left: 1em;
  list-style: disc;
}

:where(:is(blockquote, q)) {
  quotes: none;
}
:where(:is(blockquote, q))::before, :where(:is(blockquote, q))::after {
  content: none;
}

:where(a) {
  text-decoration: none;
  color: inherit;
}

:where(img) {
  display: inline-flex;
  vertical-align: bottom;
  max-width: 100%;
}

:where(input) {
  vertical-align: middle;
}

:where(label) {
  cursor: pointer;
}

:where(picture) {
  max-width: 100%;
}

:where(input, select) {
  vertical-align: middle;
}

:where(br) {
  line-height: 0;
}

:where(input, textarea, select, button) {
  font: inherit;
  font-size: 16px;
}

:where(:is(button)) {
  color: var(--color-text);
  cursor: pointer;
}

:where(:is(input:is([type=checkbox][type=radio]), select, button)) {
  cursor: pointer;
}

:where(:is(input[type=submit], input[type=button])) {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  appearance: button;
  border: none;
  box-sizing: border-box;
}
:where(:is(input[type=submit], input[type=button]))::-webkit-search-decoration {
  display: none;
}
:where(:is(input[type=submit], input[type=button])):focus {
  outline-offset: -2px;
}

:where(:is(h1, h2, h3, h4, h5, h6)) {
  font-size: inherit;
  font-weight: inherit;
}/*# sourceMappingURL=gakudo.css.map */