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

:where([hidden]:not([hidden=until-found])) {
  display: none !important
}

:where(html) {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  color-scheme: dark light;
  scrollbar-gutter: stable;
  tab-size: 2
}

:where(html:has(dialog:modal[open])) {
  overflow: clip
}

:where(body) {
  font-family: system-ui, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased
}

:where(button) {
  all: unset
}

:where(input, button, textarea, select) {
  color: inherit;
  font: inherit
}

:where(textarea) {
  resize: vertical;
  resize: block
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer
}

:where(:disabled) {
  cursor: not-allowed
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed
}

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex
}

:where(ul, ol) {
  list-style: none
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block
}

:where(img, picture, svg, video) {
  block-size: auto;
  max-inline-size: 100%
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
  text-wrap: balance
}

:where(hr) {
  border: none;
  color: inherit;
  overflow: visible;
  -webkit-border-before: 1px solid;
  block-size: 0;
  border-block-start: 1px solid
}

:where(dialog) {
  background: none;
  border: none;
  inset: unset;
  max-height: unset;
  max-width: unset
}

:where(dialog:not([open])) {
  display: none !important
}

:where(:focus-visible) {
  box-shadow: 0 0 0 5px canvas;
  outline: 3px solid canvastext;
  outline-offset: 1px
}

:where(:focus-visible, :target) {
  scroll-margin-block: 8vh
}

:where(.visually-hidden:not(:focus-within, :active)) {
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  width: 1px !important;
  -webkit-clip-path: inset(50%) !important;
  border: 0 !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important
}

.pc-view {
  display: block
}

.tablet-view {
  display: none
}

.miniTablet-view {
  display: none
}

.sp-view {
  display: none
}

.notPc-view {
  display: none
}

.notTablet-view {
  display: block
}

.notMiniTablet-view {
  display: block
}

.notSp-view {
  display: block
}

.pc-and-tablet-view {
  display: block
}

.tablet-and-miniTablet-view {
  display: none
}

.tablet-and-sp-view {
  display: none
}

.miniTablet-and-sp-view {
  display: none
}

:root {
  color-scheme: light !important
}

html,
body {
  background-color: #fff;
  color: #333;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.5
}

a {
  color: #333;
  display: block;
  text-decoration: none
}

img,
svg {
  height: auto;
  width: 100%
}

input {
  display: block;
  width: 100%
}

button {
  box-sizing: border-box;
  display: block;
  width: 100%
}

label {
  display: block
}

:where(:focus-visible) {
  box-shadow: none;
  outline: none;
  outline-offset: 0
}

.page {
  min-height: 100dvh;
  min-width: 1000px;
  position: relative
}

.main-contents {
  margin-inline: auto;
  max-width: 700px;
  min-height: 100dvh;
  padding: 30px 0 90px
}

.header {
  left: 30px;
  position: fixed;
  top: 20px
}

.header__inner {
  display: flex;
  flex-direction: column;
  gap: 20px 0
}

.header__logo {
  width: 230px
}

.header__achievement-image {
  width: 100px
}

.header__achievement-period {
  color: #777;
  font-size: 13px;
  text-align: center;
  width: 100px
}

.footer {
  background-color: #ffffff;
  width: 100%
}

.footer__inner {
  align-items: center;
  display: flex;
  gap: 0 30px;
  justify-content: center;
  margin-inline: auto;
  max-width: 1000px;
  padding: 6px 0
}

.footer__nav-list {
  align-items: center;
  display: flex;
  gap: 0 0.8em
}

.footer_txt {
  color: #ffffff;
  font-size: 12px;
}

.footer__nav-item {
  position: relative
}

.footer__nav-item::after {
  background-color: #ffffff;
  content: "";
  height: 0.8em;
  left: calc(100% + 0.4em);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.footer__nav-item:last-of-type::after {
  display: none
}

.footer__nav-link {
  color: #ffffff;
  font-size: 12px
}

.footer__nav-link:hover {
  opacity: 0.6
}

.footer__copyright {
  color: #ffffff;
  font-size: 11px
}

.conversion-form__inner {
  margin-inline: auto;
  max-width: 476px
}

.conversion-form__input-area {
  background-color: rgba(255, 179, 34, 0.3);
  margin-bottom: 30px;
  padding: 20px 18px
}

.conversion-form__terms {
  color: #333;
  display: block;
  font-size: 12px;
  margin-bottom: 22px;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: fit-content
}

.conversion-form__terms-link {
  color: #333;
  display: inline-block;
  text-decoration: underline
}

.css-19d97iz {
  background: url(img/22971928.png) center bottom / contain no-repeat;
}

.conversion-form__submit-button {
  background: linear-gradient(to bottom, #f2756f 0%, #dc5843 100%);
  border: 3px solid #fff;
  border-radius: 9px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -0.1rem;
  margin-inline: auto;
  max-width: 370px;
  padding: 12px 1em;
  text-align: center;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  width: 100%
}

.conversion-form__submit-button:disabled {
  background: #eee;
  border: 3px solid #bfbfbf;
  box-shadow: none;
  color: #bfbfbf;
  text-shadow: none
}

.conversion-form:has(button[type=submit]:not(:disabled)) .conversion-form__terms {
  display: block
}

.conversion-form-cassette {
  margin-bottom: 30px
}

.conversion-form-cassette:last-of-type {
  margin-bottom: 0
}

.conversion-form-cassette__label {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px
}

.conversion-form-cassette__input-container {
  position: relative
}

.conversion-form-cassette__input {
  background-color: #fff;
  border: 2px solid #F66404;
  border-radius: 10px;
  box-shadow: 0 1px 3px #ccc inset;
  filter: drop-shadow(0 4px 1px #ccc08d);
  font-size: 16px;
  font-weight: bold;
  outline: none;
  padding: 16px 3em 16px 1em
}

.conversion-form-cassette__done-icon {
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px
}

.conversion-form-cassette__error-text {
  color: #ff3135;
  display: block;
  font-weight: bold
}

.conversion-form-cassette:has(input.is-current) .conversion-form-cassette__input {
  border: 3px solid #ff3135
}

.conversion-form-cassette:has(input.is-done) .conversion-form-cassette__done-icon {
  display: block
}

.conversion-form-cassette:has(input.is-error) .conversion-form-cassette__input-container {
  margin-bottom: 10px
}

.conversion-form-cassette:has(input.is-error) .conversion-form-cassette__input {
  border: 3px solid #ff3135
}

.conversion-form-cassette:has(input.is-error) .conversion-form-cassette__error-text {
  display: block
}

.messagePromptingForInput {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 1s, padding-top 1s, padding-bottom 1s
}

.messagePromptingForInput.is-show {
  grid-template-rows: 1fr;
  padding-bottom: 50px;
  padding-top: 30px
}

@media (max-width: 1000px) {
  .pc-view {
    display: none
  }

  .tablet-view {
    display: block
  }

  .notPc-view {
    display: block
  }

  .notTablet-view {
    display: none
  }

  .tablet-and-miniTablet-view {
    display: block
  }

  .tablet-and-sp-view {
    display: block
  }
}

@media (max-width: 999px) {
  .header {
    position: absolute
  }
}

@media (max-width: 768px) {
  .tablet-view {
    display: none
  }

  .miniTablet-view {
    display: block
  }

  .notTablet-view {
    display: block
  }

  .notMiniTablet-view {
    display: none
  }

  .pc-and-tablet-view {
    display: none
  }

  .miniTablet-and-sp-view {
    display: block
  }

  .footer_txt {
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 10px;
  }

  html,
  body {
    font-size: 14px
  }

  .page {
    background-size: 100px;
    min-width: auto
  }

  .main-contents {
    max-width: 500px
  }

  .main-contents:has(form.is-show[id=subjects]) {
    padding-bottom: 0
  }

  .header {
    background-color: #fff;
    border-bottom: 2px solid #d9d6ca;
    padding: 0 1em;
    position: static
  }

  .header__inner {
    align-items: center;
    flex-direction: row;
    gap: 0 30px;
    justify-content: center;
    margin-inline: auto;
    max-width: 500px;
    padding: 8px 0 4px
  }

  .header__logo {
    width: 100px
  }

  .header__achievement-image {
    margin-bottom: 2px;
    width: 150px
  }

  .header__achievement-period {
    font-size: clamp(12px, 2.7842227378vw, 13px);
    text-align: right;
    width: auto
  }

  .footer__inner {
    flex-direction: column;
    gap: 14px 0;
    padding: 10px 0
  }

  .footer__nav-list {
    flex-wrap: wrap;
    justify-content: center
  }

  .footer__nav-item::after {
    background-color: #d3d2d2
  }

  .footer__nav-link {
    color: #d3d2d2;
    margin-inline: auto;
    text-decoration: underline;
    width: -webkit-fit-content;
    width: fit-content
  }

  .footer__nav-link:hover {
    opacity: 1
  }

  .footer__copyright {
    color: #ffffff;
    font-size: 13px
  }

  .conversion-form__input-area {
    background-color: transparent;
    margin-bottom: 20px;
    padding: 0 12px
  }

  .conversion-form__submit-area {
    margin-inline: calc(50% - 50vw);
    padding: 0px 12px 40px;
    width: 100vw;
    margin-top: 30px;
  }

  .conversion-form__terms {
    margin-bottom: 18px
  }

  .conversion-form__submit-button {
    background: linear-gradient(to bottom, #48bb20 0%, #3caa15 100%);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
    max-width: 384px;
    padding: 16px 1em
  }

  .conversion-form__submit-button:disabled {
    border: 3px solid #eee;
    font-weight: normal
  }

  .conversion-form-cassette {
    margin-bottom: 16px;
    border-radius: 10px;
    position: relative;
    background-color: rgba(255, 179, 34, 0.3);
    padding: 20px 18px;
  }

  .conversion-form-cassette__label {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .conversion-form-cassette__input {
    border: 2px solid #F66404;
    border-radius: 4px;
    font-size: clamp(18px, 4.1763341067vw, 20px);
    font-weight: bold;
    padding: 9px 2.5em 9px 0.7em;
    box-shadow: 0 1px 3px #ccc inset;
  }

  .conversion-form-cassette__done-icon {
    width: 22px
  }

  .conversion-form-cassette__error-text {
    color: #d44343;
    font-size: clamp(12px, 2.7842227378vw, 13px);
    left: 2px;
    position: absolute;
    top: calc(100% + 2px)
  }

  .conversion-form-cassette:has(input.is-current) .conversion-form-cassette__input {
    border-color: #ffd700
  }

  .conversion-form-cassette:has(input.is-error) {
    margin-bottom: 40px
  }

  .conversion-form-cassette:has(input.is-error) .conversion-form-cassette__input-container {
    margin-bottom: 0
  }

  .messagePromptingForInput.is-show {
    padding-bottom: 10px;
    padding-top: 20px
  }
}

@media (max-width: 430px) {
  .miniTablet-view {
    display: none
  }

  .sp-view {
    display: block
  }

  .notMiniTablet-view {
    display: block
  }

  .notSp-view {
    display: none
  }

  .tablet-and-miniTablet-view {
    display: none
  }

  .header__inner {
    gap: 0 20px;
    max-width: clamp(300px, 93.75vw, 500px);
    padding: 6px 0 2px
  }

  .header__logo {
    width: clamp(90px, 28.125vw, 100px)
  }

  .header__achievement-image {
    width: clamp(140px, 43.75vw, 150px)
  }

  .header__achievement-period {
    font-size: clamp(10px, 3.125vw, 12px)
  }

  .footer__nav-item:first-of-type {
    width: 100%
  }

  .footer__nav-item:first-of-type::after {
    display: none
  }

  .conversion-form-cassette__label {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth
  }
}









.css-n4oy2j {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 6px 12px;
  margin-left: 14px;
  margin-bottom: 25px !important;
  background: rgb(255, 255, 255);
  border-radius: 12px;
}

.css-nnzlo3 {
  display: flex;
  -webkit-box-align: center;
  align-items: flex-end !important;
  -webkit-box-pack: center;
  justify-content: center;
  translate: -40px;
}

.css-1loq0o0 {
  max-width: 175px !important;
  aspect-ratio: 246 / 205;
}

.css-nnzlo3 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  translate: -15px !important;
  justify-content: center;
}

.css-11biixz {
  color: #eb0016 !important;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: underline;
  text-decoration-thickness: 0.5em;
  text-decoration-color: #ffff00;
  text-underline-offset: -0.3em;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

.css-1x99895 {
  color: #2b2b2b !important;
}

.css-k46br4 {
  max-width: 626px;
  margin-inline: auto;
  padding: 20px 18px;
  background-color: #F29900 !important;
  border-radius: 8px;
}

.css-1j9qlxl {
  border: 3px solid #F66404 !important;
}

.css-1k84jry {
  border: 3px solid #F66404 !important;
}

.css-1z0noyd {
  font-weight: bold !important;
}

.css-1t02z23::backdrop {
  background: linear-gradient(rgba(0, 0, 0, 0.8) 60%, rgb(0 0 0 / 64%) 90%) !important;
  transition: opacity 0.3s;
}

.css-ixw560::before {
  width: 22px;
  height: 22px;
  background-color: rgb(255, 255, 255);
  border: 2px solid rgb(246 101 4) !important;
  border-radius: 50%;
  left: 11px;
}

.css-ixw560 {
  border: 2px solid rgb(246 101 4) !important;
}

.css-153dxv1::before {
  background-color: #F66404 !important;
}

.css-153dxv1 {
  font-size: 20px;
  width: fit-content;
  min-height: calc(1lh + 18px);
  padding: 9px 12px;
  background-color: #F66404 !important;
  border-radius: 22px;
  position: relative;
}

.css-82tgu9 {
  font-size: 20px;
  width: fit-content;
  max-width: 530px;
  min-height: calc(1lh + 18px);
  padding: 9px 12px;
  background-color: rgb(255, 255, 255);
  border: 2px solid #F66404 !important;
  border-radius: 22px;
  position: relative;
}

.css-82tgu9::before {
  width: 15px;
  height: 14px;
  background-color: #F66404 !important;
}

.css-1xncmln {
  color: rgb(255, 255, 255);
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  max-width: 440px;
  margin-inline: auto;
  padding: 17px 0px;
  border-radius: 10px;
  background: linear-gradient(#22CC00 0%, #1C9F06 100%) !important;
}

.css-uk9f84 {
  width: 711px;
  background-color: rgb(255, 255, 255);
  position: relative;
  border: solid 3px #F3610B !important;
}

.css-2xpn3r {
  color: #F46302 !important;
  position: relative;
  font-weight: bold;
}

.css-fxksu3 {
  color: #343434 !important;
  font-size: 56px;
  font-weight: bold;
  text-align: center;
  line-height: 1.375;
  letter-spacing: -2px;
}

.css-1df5vl3 {
  font-size: 34px;
  font-weight: bold;
  margin-right: 4px;
  color: #F0F300 !important;
}

.css-1dfrieg {
  color: rgb(255 255 255) !important;
  font-size: 13px;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 15px;
}

.css-gaprpm {
  color: #F0F300 !important;
  position: relative;
}

.css-1bi16cl {
  width: 100%;
  max-width: 330px !important;
  height: auto;
  max-height: none;
  margin-inline: auto;
}

.inner {
  max-width: 1210px;
  margin: 0 auto;
}

.footer .main .inner .logo {
  text-align: center;
  margin-bottom: 0.3em;
}

a {
  text-decoration: none;
  transition: 0.3s;
}

.footer .sub {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: #1c1b1b;
  padding: 1.1em 3.5em 1.1em 2em;
}

.footer .sub .menu ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 0;
}

ol,
ul {
  box-sizing: border-box;
}

ul,
li {
  list-style: none;
}

.footer .sub .menu ul li {
  margin-right: 2.3em;
}

.footer .sub .menu ul li a {
  font-size: 0.9rem;
  font-weight: bold;
  color: #ffffff;
}

.footer .sub .copyright p {
  font-size: 0.9rem;
  font-weight: bold;
  color: #ffffff;
}

.logo p {
  width: 300px;
  height: 300px;
  margin: 0 auto;
}

footer .main {
  padding: 2.5em 0;
}






.css-uk9f84 {
  width: 711px;
  background-color: #F09702;
  position: relative;
  border: solid 3px #F3610B !important;
  background: linear-gradient(#F09702 0%, #F36402 65%) !important;
}

.css-2xpn3r {
  color: #FFF73B !important;
  position: relative;
  font-weight: bold;
}

.css-fxksu3 {
  color: #ffffff !important;
  font-size: 56px;
  font-weight: bold;
  text-align: center;
  line-height: 1.375;
  letter-spacing: -2px;
}










.css-18hd4da {
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 98px;
  padding: 0px 0.2rem;
  background-color: rgb(255, 255, 255);
  border: 2px solid #F66404 !important;
  border-radius: 10px;
  box-shadow: rgb(204, 192, 141) 0px 4px 1px;
  position: relative;
  font-size: 17px;
}

.css-1n6wngp {
  margin-inline: auto;
  padding: 20px 18px;
  background-color: #f6650414 !important;
  position: relative;
  max-width: 626px;
}

.css-1yralns p {
  color: #fff !important;
}

.css-8585qr {
  padding: 38px 24px;
  background: #F8F7F2 !important;
}













.css-krm3l6 {
  display: block !important;
}

.css-sq2fzo {
  display: block !important;
}

button#ga_event_calculation_1 {
  height: 190px;
  font-size: 25px;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: column;
}

button#ga_event_calculation_2 {
  height: 190px;
  font-size: 25px;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: column;
}

.page {
  background: #fedd724f;
  min-height: 100dvh;
  min-width: 1000px;
  position: relative;
}



#subjects.is-show .conversion-form {
  display: block
}

.conversion-form {
  display: none;
  padding-top: 30px;
}

.conversion-form.is-show {
  display: block !important;
}



.conversion-form__terms {
  display: none;
}

.conversion-form:has(button[type=submit]:not(:disabled)) .conversion-form__terms {
  display: none;
}









/* ✅ チェックマークを最初は非表示に */
.conversion-form-cassette__done-icon {
  display: none;
}






































.css-1lk6pm7 {
  max-width: 966px;
  margin-inline: auto;
  padding-top: 30px;
  padding-bottom: 60px;
}

.css-2tzjwi {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  max-width: 800px;
  padding: 20px;
  margin: 0px auto 20px;
  font-size: 38px;
  font-weight: bold;
  word-break: keep-all;
  overflow-wrap: anywhere;
  text-align: center;
  line-height: 1.2;
  border: 3px solid #f7bf79;
  border-radius: 100vmax;
  background-color: rgb(255, 255, 255);
}

.css-2tzjwi::before {
  background-color: #f7bf79;
}

.css-2tzjwi::before,
.css-2tzjwi::after {
  position: absolute;
  bottom: -20px;
  width: 26px;
  height: 20px;
  clip-path: polygon(0px 0px, 100% 0px, 50% 100%);
  content: "";
}


.css-2tzjwi::after {
  bottom: -14px;
  background-color: rgb(255, 255, 255);
}

.css-627h05 {
  aspect-ratio: 1 / 1;
  width: 186px;
  margin: 0px auto 40px;
}

:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}

.css-99gajm {
  padding: 30px 80px 20px;
  background-color: rgb(255, 255, 255);
  border: 3px solid transparent;
  border-radius: 10px;
}

.css-fi0h58 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 24px;
  word-break: keep-all;
  overflow-wrap: anywhere;
  text-align: center;
}














.css-17zxvp2 {
  height: 100px;
  background-color: rgb(255, 255, 255);
  border-top: 8px solid rgb(42, 162, 189);
}

.css-aqmdg6 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  max-width: 1000px;
  height: 100%;
  padding: 0px 20px;
  margin-inline: auto;
}

.css-pg8iar {
  width: 190px;
  aspect-ratio: 180 / 36;
}

.css-pg8iar svg {
  width: 100%;
  height: auto;
}

.css-1kgep2w {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  gap: 0px 24px;
  margin-bottom: 10px;
}















@media (max-width: 430px) {
  .css-1lk6pm7 {
    padding-bottom: clamp(26px, 8.125vw, 35px);
  }
}

@media (max-width: 768px) {
  .css-1lk6pm7 {
    padding-bottom: clamp(35px, 8.12065vw, 60px);
  }
}

@media (max-width: 430px) {
  .css-1lk6pm7 {
    padding-left: clamp(9px, 2.8125vw, 12px);
    padding-right: clamp(9px, 2.8125vw, 12px);
  }
}

@media (max-width: 768px) {
  .css-1lk6pm7 {
    padding-left: clamp(12px, 2.78422vw, 20px);
    padding-right: clamp(12px, 2.78422vw, 20px);
  }
}

@media (max-width: 999px) {
  .css-1lk6pm7 {
    padding-left: 20px;
    padding-right: 20px;
  }
}


@media (max-width: 768px) {
  .css-2tzjwi {
    border-color: #f7bf79;
    font-size: 34px;
  }
}

@media (max-width: 430px) {
  .css-2tzjwi {
    font-size: clamp(19px, 5.9375vw, 26px);
  }
}

@media (max-width: 768px) {
  .css-2tzjwi {
    font-size: clamp(24px, 6.03248vw, 30px);
  }
}

@media (max-width: 430px) {
  .css-2tzjwi {
    padding: clamp(12px, 3.75vw, 17px);
  }
}

@media (max-width: 768px) {
  .css-2tzjwi {
    padding: clamp(17px, 3.94432vw, 20px);
  }
}

@media (max-width: 430px) {
  .css-627h05 {
    margin-bottom: clamp(9px, 2.8125vw, 12px);
  }
}

@media (max-width: 768px) {
  .css-627h05 {
    margin-bottom: clamp(12px, 2.78422vw, 21px);
  }
}

@media (max-width: 999px) {
  .css-627h05 {
    margin-bottom: clamp(27px, 3.51105vw, 40px);
  }
}

@media (max-width: 430px) {
  .css-627h05 {
    width: clamp(90px, 40.875vw, 150px);
  }
}

@media (max-width: 768px) {
  .css-99gajm {
    padding: 16px 16px 20px;
    border-color: #F09702;
  }
}

@media (max-width: 999px) {
  .css-99gajm {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 430px) {
  .css-fi0h58 {
    font-size: clamp(16px, 5vw, 21px);
    margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  .page {
    background-size: 100px;
    min-width: auto;
  }
}

@media (max-width: 768px) {

  html,
  body {
    font-size: 14px;
  }
}





























@media screen and (max-width: 768px) {
  .footer .sub {
    flex-direction: column;
    padding: 3em 1.5em 3em;
  }

  .logo p {
    max-width: 45vw;
    height: auto;
    margin: 0 auto;
  }

  .footer .main .inner .logo {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .footer .sub .menu {
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 768px) {
  .footer .sub .menu ul {
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .footer .sub .menu ul li {
    margin: 0 1em;
  }
}

@media screen and (max-width: 768px) {
  .footer .sub .menu ul li a {
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .footer .sub .copyright p {
    font-size: 1rem;
  }
}

@media (max-width: 500px) {
  .css-99gajm {
    padding-left: 24px;
    padding-right: 24px;
  }

  .css-j98p6g {
    padding: 0 20px;
  }

  .css-1bi16cl {
    max-width: 250px !important;
  }

}

@media screen and (max-width: 375px) {
  .footer .sub .menu ul li a {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 375px) {
  .footer .sub .copyright p {
    font-size: 0.8rem;
  }
}




















@media (max-width: 999px) {
  .header {
    position: absolute;
  }
}


@media (max-width: 768px) {
  .header {
    background-color: #fff;
    border-bottom: 2px solid #d9d6ca;
    padding: 0 1em;
    position: static;
  }
}

@media (max-width: 768px) {
  .header__inner {
    align-items: center;
    flex-direction: row;
    gap: 0 30px;
    justify-content: center;
    margin-inline: auto;
    max-width: 500px;
    padding: 8px 0 4px;
  }
}

@media (max-width: 768px) {
  .header__logo {
    width: 100px;
  }
}

@media (max-width: 768px) {
  .header__achievement-image {
    margin-bottom: 2px;
    width: 150px;
  }
}

@media (max-width: 430px) {
  .header__inner {
    gap: 0 20px;
    max-width: clamp(300px, 93.75vw, 500px);
    padding: 6px 0 2px;
  }
}

@media (max-width: 430px) {
  .header__logo {
    width: clamp(90px, 28.125vw, 100px);
  }
}

@media (max-width: 430px) {
  .header__achievement-image {
    width: clamp(140px, 43.75vw, 150px);
  }
}

@media (max-width: 430px) {
  .css-ciqj32 {
    font-size: clamp(18px, 5.625vw, 18px) !important;
  }
}

@media (max-width: 768px) {
  .css-jfgz11 {
    border: 1px solid rgb(246 101 4) !important;
    box-shadow: rgb(217 137 2) 0px 3px 2px !important;
  }
}

@media (max-width: 500px) {
  button#ga_event_calculation_1 {
    font-size: 20px;
  }

  button#ga_event_calculation_2 {
    font-size: 20px;
  }
}