@charset "UTF-8";
:root {
  --leading-trim: calc((1em - 1lh) / 2);
  --content-size: 1000px;
  --wide-size: 1200px;
  --color-base: #fff;
  --color-contrast: #333;
  --color-topBar: #418bc3;
  --color-primary: #1d82cf;
  --color-primary-light: #4397d6;
  --color-secondary: #50a0dd;
  --color-secondary-pale: #e7f4e7;
  --color-secondary-tint: #f9fcf9;
  --color-secondary-light: #74ba74;
  --color-secondary-dark: #007e58;
  --color-tertiary: #ff8c42;
  --color-accent: #e65c4f;
  --color-accent-pale: #ffefe7;
  --color-btn: #eb5d9f;
  --color-gray: #777;
  --color-light-gray: #cccccc;
  --color-link: var(--color-primary);
  --color-link-hover: var(--color-secondary);
  --color-disabled: var(--color-gray);
  --gradient-bg1: linear-gradient(90deg, #EE5F51 0.28%, #FF9931 100%);
  --gradient-bg2: linear-gradient(180deg, #EE5F51 20%, #FF9931 100%);
  --gradient-bg3: linear-gradient(180deg, #FFF 0%, var(--color-secondary-pale) 100%);
  --gradient-bg4: linear-gradient(90deg, var(--color-secondary-dark) 20.27%, var(--color-secondary-light) 100%);
  --gradient-triangle: linear-gradient(180deg, transparent 0%, var(--color-secondary-light) 45.19%, var(--color-secondary-dark) 100%);
  --gradient-triangle2: linear-gradient(0deg, #EE5F51 0%, #FF9931 48.9%, rgba(255, 255, 255, 0.00) 100%);
  --text-stroke: 1px 1px 0 var(--color-base),
     -1px 1px 0 var(--color-base),
     1px -1px 0 var(--color-base),
     -1px -1px 0 var(--color-base),
     0 1px 0 var(--color-base),
     0 -1px 0 var(--color-base),
     1px 0 0 var(--color-base),
     -1px 0 0 var(--color-base),
     0 0 4px var(--color-base),
     0 0 4px var(--color-base),
     0 0 4px var(--color-base),
     0 0 4px var(--color-base);
  --outline: 3px solid #333;
  --outline-offset: 2px;
  --underline-offset: .25em;
  --font-noto: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  --font-accent: "Zen Maru Gothic", sans-serif;
  --font-jp: var(--font-noto);
  --font-en: Oswald, sans-serif;
  --fz-x-small: clamp(0.75rem, 0.473rem + 1.4vw, 0.875rem);
  --fz-small: clamp(0.8125rem, 0.396rem + 2.1vw, 1rem);
  --fz-medium: clamp(0.9375rem, 0.354rem + 2.9vw, 1.1875rem);
  --fz-large: clamp(1rem, 0.416rem + 2.9vw, 1.25rem);
  --fz-x-large: 5.2cqw;
  --fz-xx-large: 6.6cqw;
  --fz-xxx-large: 9.5cqw;
  --ls-normal: .05em;
  --ls-narrow: .012em;
  --lh-normal: 1.8;
  --lh-narrow: 1.4;
  --spacing-x-small: 10px;
  --spacing-small: 20px;
  --spacing-medium: clamp(1.25rem, -0.166rem + 7.1vw, 1.875rem);
  --spacing-large: clamp(1.6875rem, -0.174rem + 9.3vw, 2.5rem);
  --spacing-x-large: clamp(3.25rem, 0.666rem + 12.9vw, 4.375rem);
  --spacing-xx-large: clamp(3.75rem, 0.889rem + 14.3vw, 5rem);
  --box-rounded: 10px;
  --box-rounded-large: 20px;
  --box-sausage: calc(infinity * 1px);
}

/* A (more) Modern CSS Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

:where(html) {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

:where(body, h1, h2, h3, h4, p, figure, blockquote, dl, dd) {
  margin-block-end: 0;
}

:where(ul[role=list], ol[role=list]) {
  list-style: none;
}

:where(body) {
  min-height: 100vh;
  line-height: 1.5;
}

:where(h1, h2, h3, h4, button, input, label) {
  line-height: 1.1;
}

:where(h1, h2, h3, h4) {
  text-wrap: balance;
}

:where(a:not([class])) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: currentColor;
}

:where(img, picture) {
  max-width: 100%;
  display: block;
}

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

:where(textarea:not([rows])) {
  min-height: 10em;
}

:target {
  scroll-margin-block: 5ex;
}

* {
  min-inline-size: 0;
  min-block-size: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  scrollbar-gutter: stable;
  position: relative;
  display: grid;
  grid-template: "image main menu" auto/1fr min(100%, 500px) 1fr;
  min-block-size: 100vh;
  min-block-size: 100dvb;
  margin: 0;
  font-family: var(--font-jp);
  font-style: normal;
  font-size: var(--fz-medium);
  line-height: var(--lh-narrow);
  font-weight: 400;
  letter-spacing: var(--ls-normal);
  overflow-wrap: anywhere;
  line-break: strict;
  -webkit-font-smoothing: antialiased;
  background: var(--color-secondary);
}

:where(h1, h2, h3) {
  line-height: var(--lh-narrow);
  word-break: auto-phrase;
}

:where(h4, h5, h6) {
  word-break: auto-phrase;
}

:where(ul, ol) {
  padding-inline-start: 2em;
  line-height: var(--lh-narrow);
}
:where(ul, ol) li + li {
  margin-block-start: 0.25em;
}

:where(ul) {
  list-style-type: disc;
}

:where(ol) {
  list-style-type: decimal;
}

:where(a) {
  text-decoration-line: underline;
  text-underline-offset: var(--underline-offset);
  text-decoration-thickness: 1px;
  text-decoration-color: color-mix(in srgb, currentcolor, transparent 30%);
  transition: color 0.3s ease;
}
:where(a):-moz-any-link {
  color: var(--color-link);
}
:where(a):any-link {
  color: var(--color-link);
}
:where(a):focus-visible {
  color: var(--color-link-hover);
  text-decoration-thickness: 2px;
}
:where(a):not([href]) {
  color: var(--color-disabled);
  text-decoration: none !important;
  cursor: default;
  pointer-events: none;
}

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

:where(input[type=text],
input[type=email],
input[type=tel],
input[type=date],
input[type=time],
input[type=url],
input[type=search],
input[type=password],
textarea,
select) {
  padding: 0.25em 0.5em;
  border: 1px solid var(--color-gray);
}

:where(select) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-inline-end: 32px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22select-bg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14.24%2C15.4l-5.48-6%2C1.28-1.4%2C4.2%2C4.6%2C4.2-4.6%2C1.28%2C1.4-5.48%2C6Z%22%20fill%3D%22%23000%22%20stroke-width%3D%220%22%2F%3E%3C%2Fsvg%3E");
  background-size: 24px;
  background-position: right 4px center;
  background-repeat: no-repeat;
}

:where(textarea) {
  inline-size: 40em;
  min-block-size: 5lh;
  max-block-size: 10lh;
  field-sizing: content;
  line-height: var(--lh-narrow);
}

:where(button, [type=button], [type=reset], [type=submit]) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
  touch-action: manipulation;
  cursor: pointer;
}

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

:focus-visible {
  outline: var(--outline);
  outline-offset: var(--outline-offset);
}

:where(svg) {
  fill: currentColor;
}

:where(strong) {
  font-weight: 700;
}

:where(img) {
  height: auto;
}
.ly_side--left {
  grid-area: image;
  container: image/inline-size;
}

.ly_main {
  position: relative;
  grid-area: main;
  background-color: var(--color-base);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
}

.ly_side--right {
  grid-area: menu;
  container: menu/inline-size;
}

.ly_side > * {
  position: fixed;
  inline-size: 100cqw;
  block-size: 100vh;
}

.ly_header {
  position: fixed;
  top: 0;
  left: 0;
  inline-size: 100%;
  z-index: 1000;
  padding: var(--spacing-medium) var(--spacing-x-small) var(--spacing-x-small);
}

.ly_footer {
  background: var(--color-primary-light);
  color: white;
  text-align: center;
  padding: 20px;
  grid-area: footer;
}

.el_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-block-size: 23.8cqw;
  padding: var(--spacing-x-small) var(--spacing-small);
  position: relative;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  margin-inline: auto;
  border-radius: var(--btn-rounded, var(--box-rounded));
  border: 2px solid var(--color-base);
  background: var(--current-btn-color, var(--color-btn));
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  color: var(--color-base);
  font-size: var(--fz-x-large);
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.el_btn svg {
  inline-size: 100%;
  block-size: auto;
}
.el_btn:hover:focus-visible {
  background: color-mix(in srgb, var(--current-btn-color, var(--color-btn)), black 8%);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.35);
  color: var(--color-base);
}

.el_btn--blank {
  display: grid;
  grid-template-columns: 1.37em 1fr 1.37em;
  gap: 0.45em;
}

.el_btn--blank::before {
  content: "";
  display: block;
}

.el_btn--tel {
  font-size: var(--fz-xx-large) !important;
  line-height: 1;
}

.el_btn_icon--right {
  line-height: 1;
}

.el_btn_icon--inlineLeft {
  margin-inline-end: 7px;
}

.el_btn_icon--inlineLeft svg {
  display: block;
  margin-block-start: 3px;
}

.el_menuBtn_wrap {
  position: relative;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline-start: auto;
  z-index: 101;
}

.el_menuBtn {
  width: 50px;
  height: 50px;
  background-color: var(--color-base);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s ease;
  pointer-events: all;
}
.el_menuBtn:focus-visible {
  background-color: color-mix(in srgb, var(--color-primary) 20%, var(--color-base));
}

.el_menuBtn_line {
  width: 30px;
  height: 2px;
  background-color: var(--color-topBar);
  border-radius: 1px;
  transition: background 0.3s ease, transform 0.3s ease;
}

.el_menuBtn.is-open .el_menuBtn_line {
  background-color: var(--color-secondary-light);
}

.el_menuBtn.is-open .el_menuBtn_line:nth-child(1) {
  transform: translateY(12px) rotate(45deg);
}

.el_menuBtn.is-open .el_menuBtn_line:nth-child(2) {
  opacity: 0;
}

.el_menuBtn.is-open .el_menuBtn_line:nth-child(3) {
  transform: translateY(-11px) rotate(-45deg);
}

.el_menuBtn_txt {
  color: var(--color-topBar);
  font-size: var(--fz-x-small);
  margin-top: 4px;
  text-align: center;
  transition: color 0.3s ease;
}

.el_menuBtn.is-open + .el_menuBtn_txt {
  color: var(--color-base);
}

.el_title {
  margin-block-end: var(--title-bottom-spacing, var(--spacing-medium));
  font-size: var(--fz-xx-large);
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.03em;
  color: var(--current-color, var(--color-contrast));
  font-family: var(--font-accent);
}

.el_title_sub {
  display: block;
  font-size: var(--fz-xx-large);
}

.el_title--large {
  font-size: var(--fz-xxx-large) !important;
}

.el_title--medium {
  font-size: var(--fz-x-large) !important;
}

.el_title--small {
  font-size: var(--fz-large) !important;
}

.el_title--left {
  text-align: left !important;
}

.el_title--right {
  text-align: right !important;
}

.el_title--lh-narrow {
  line-height: var(--lh-narrow) !important;
}

.el_titleBadge {
  position: relative;
  padding-block-end: var(--spacing-small);
  font-size: var(--fz-small);
  margin-block-end: var(--spacing-x-small);
  text-align: center;
}

.el_titleBadge::after {
  position: absolute;
  content: "";
  display: block;
  bottom: 3px;
  left: calc(50% - 110px);
  inline-size: 220px;
  block-size: 18px;
  background: var(--title-line-color, var(--color-tertiary));
  mask-image: url(../img/line_title_badge.svg);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url(../img/line_title_badge.svg);
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.el_titleBadge + .el_title {
  margin-block-start: 0;
}

.el_reasonTitle {
  position: relative;
  padding: 1.9em var(--spacing-small) 1.37em;
  background: var(--color-base);
  border-radius: var(--box-sausage);
  font-family: var(--font-accent);
  font-weight: 700;
}

.el_reasonTitle_txt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-block: 0;
  margin-inline: auto;
  padding: 3px var(--spacing-small) 4px;
  background: var(--section-title-gradient, var(--gradient-bg1));
  color: var(--color-base);
  border-radius: var(--box-sausage);
  line-height: 1.2;
}

.el_reasonTitle_txt::before, .el_reasonTitle_txt::after {
  --size: 4px;
  content: "";
  position: absolute;
  bottom: calc(-3px - var(--size));
  left: calc(50% - var(--size) / 2);
  inline-size: var(--size);
  block-size: var(--size);
  background: var(--color-tertiary);
  border-radius: var(--box-sausage);
}

.el_reasonTitle_txt::after {
  bottom: calc(-6px - var(--size) * 2);
}

.el_reasonTitle_title {
  margin-block: 0;
  font-size: var(--fz-xx-large);
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.03em;
  color: var(--section-title-color, var(--color-contrast));
}

.el_subSectionHeading {
  margin-block: var(--spacing-small) var(--spacing-x-small);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.el_subSectionHeading--normal {
  font-weight: normal;
}

.el_subSectionHeading--medium {
  font-size: var(--fz-medium);
}

.el_subSectionHeading--large {
  font-size: var(--fz-x-large);
}

.el_subSectionHeading + .el_subSectionHeading {
  margin-block-start: var(--spacing-x-small);
}

.el_pointTitle {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-block: var(--pointTitle-spacing-top, var(--spacing-small)) var(--spacing-x-small);
  margin-inline: auto;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.2em;
  font-size: 6.5cqw;
  font-family: var(--font-accent);
}

.el_pointTitle::before, .el_pointTitle::after {
  content: "";
  inline-size: 22px;
  block-size: 23px;
}

.el_pointTitle::before {
  background: url(../img/icon_point_l.svg) center/contain no-repeat;
}

.el_pointTitle::after {
  background: url(../img/icon_point_r.svg) center/contain no-repeat;
}

.el_emphasis {
  margin: 0.3em var(--emphasis-spacer-top, 0) 0;
  font-family: var(--font-accent);
  font-size: 10.95cqw;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.el_emphasis_point {
  position: relative;
}

.el_emphasis_point::after {
  position: absolute;
  content: "・・・・・・・";
  display: block;
  left: 0;
  top: calc(-0.5lh + 0.05em);
  inline-size: 100%;
  block-size: 1em;
  overflow: hidden;
  color: var(--current-color, var(--color-accent));
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  aria-hidden: true;
}

.el_emphasis_highlight span {
  background: var(--gradient-bg1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.el_emphasis_small {
  font-size: 7.14cqw;
}

.bl_gNav {
  display: none;
  font-size: var(--fz-small);
}

.bl_gNav_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bl_gNav_list a {
  display: grid;
  grid-template-columns: 0.9em 1fr;
  justify-content: center;
  align-items: center;
  padding-block: var(--spacing-x-small);
  color: var(--color-base);
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.bl_gNav_list a:focus-visible {
  color: var(--color-base);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.bl_gNav_list a:focus-visible::before {
  background: #fff18b;
}

.bl_gNav_list a::before {
  content: "";
  display: block;
  inline-size: 6px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: rgba(255, 241, 139, 0.4);
}

.bl_gNav_list .is-active a {
  text-decoration: underline;
}

.bl_gNav_list .is-active a::before {
  background: #fff18b;
}

.bl_gNavSp {
  position: fixed;
  top: 0;
  left: 0;
  inline-size: 100vw;
  block-size: 100dvh;
  overflow: auto;
  z-index: 100;
  display: none;
}

.bl_gNavSp_inner {
  min-block-size: 100%;
  display: grid;
  align-items: center;
  justify-content: center;
  padding-block: var(--spacing-large);
  background: url(../img/deco_side_top.webp) center top/483px auto no-repeat, url(../img/deco_side_bottom.webp) center bottom/519px auto no-repeat;
  background-color: var(--color-secondary);
  font-size: var(--fz-medium);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.bl_gNav_btn {
  --fz-x-large: max(14px, 5.2cqi);
  container-type: inline-size;
  inline-size: min(80cqi, 350px);
  margin-block-start: var(--spacing-small);
}

.bl_sideImg {
  background: url(../img/bg_side@2x.webp) center bottom/cover no-repeat;
}

@container (max-width: 400px) {
  .bl_sideImg {
    background: url(../img/bg_side_narrow@2x.webp) center bottom/cover no-repeat;
  }
}
.bl_sideMenu {
  display: grid;
  align-items: center;
  justify-content: center;
  background: url(../img_kanagawa/deco_side_top.webp) center top/483px auto no-repeat, url(../img_kanagawa/deco_side_bottom.webp) center bottom/519px auto no-repeat;
  background-color: var(--color-secondary);
}

@container (max-width: 199px) {
  .bl_sideMenu {
    background: url(../img/bg_side_narrow@2x.webp) center bottom/cover no-repeat;
  }
}
.bl_section {
  container-type: inline-size;
  padding-block: var(--sec-spacing-top, var(--spacing-medium)) var(--sec-spacing-bottom, var(--spacing-x-large));
  padding-inline: var(--sec-spacing-inline, var(--spacing-large));
}

.bl_sectionInner {
  container-type: inline-size;
  margin: 0 auto;
  padding-inline: var(--spacing-large);
}

.bl_borderSection {
  position: relative;
  container-type: inline-size;
  background: var(--background, var(--gradient-bg2));
  padding: var(--spacing-x-small);
}

.bl_borderSection::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  inline-size: 16.05cqw;
  block-size: 142px;
  background: url(../img/deco_merit.png) right top/contain no-repeat;
}

.bl_borderSection_inner {
  container-type: inline-size;
  max-width: var(--max-width, 1200px);
  margin: 0 auto;
  padding: var(--spacing-x-large) calc(var(--spacing-large) - 10px);
  background-color: var(--current-base, var(--color-accent-pale));
  border-radius: var(--box-rounded, 20px);
}

.bl_sectionTitle {
  container-type: inline-size;
  inline-size: min(100%, 420px);
  margin-inline: auto;
}

.bl_sectionTitle--full {
  inline-size: min(84%, 420px);
}

.bl_iconList {
  margin: 0;
  padding-inline-start: 0;
  list-style: none;
}

.bl_iconList li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5em;
}

.bl_iconList li + li {
  margin-block-start: var(--list-gap, 1.1em);
}

.bl_iconList li::before {
  content: "";
  display: block;
}

.bl_iconList--point {
  font-weight: 700;
}

.bl_iconList--point li::before {
  inline-size: 9.29cqw;
  aspect-ratio: 34/35;
  margin-block-start: calc(-1 * ((9.56cqw - 1lh) / 2 - 1px));
  background: url(../img/icon_point_list.svg) center/contain no-repeat;
}

.bl_courseList_wrap {
  border: 1px solid var(--color-base);
  border-radius: var(--box-rounded);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}

.bl_courseList {
  inline-size: 100%;
  border-collapse: collapse;
  background: var(--color-base);
  border-radius: 8px;
  overflow: hidden;
  font-size: 4.5cqw;
}

.bl_courseList_row {
  border-bottom: 1px solid #e0e0e0;
}

.bl_courseList_row:nth-child(even) {
  background: rgba(255, 241, 139, 0.2);
}

.bl_courseList_row:last-child {
  border-bottom: none;
}

.bl_courseList th {
  background: rgba(255, 241, 139, 0.6);
  color: var(--color-contrast);
  font-weight: bold;
  padding: var(--spacing-small) 0.5em;
  text-align: center;
  border-inline-end: 1px dashed #e0e0e0;
}

.bl_courseList td {
  font-weight: bold;
  color: var(--color-contrast);
  text-align: center;
  padding: var(--spacing-small) 0.5em;
  border-inline-end: 1px dashed #e0e0e0;
}

.bl_courseList td:last-child {
  border-inline-end: none;
}

.bl_cta_container {
  --current-color: var(--color-accent);
}

.bl_cta_container--tel {
  --current-color: var(--color-primary);
  --current-btn-color: var(--color-primary);
}

.bl_cta_container:not(:last-child) {
  margin-block-end: var(--spacing-small);
}

.bl_cta_lead {
  margin-block-end: var(--spacing-small);
  color: var(--color-contrast);
  text-align: center;
}

.bl_cta_hours {
  text-align: center;
  font-size: var(--fz-small);
  color: var(--color-contrast);
  margin-top: 10px;
  margin-block-end: 0;
}

.bl_faq {
  --sec-spacing-bottom: 0;
  --title-bottom-spacing: var(--spacing-small);
}

.bl_faq_container {
  padding-block-end: var(--spacing-large);
}

.bl_faq_container--primary {
  --current-color: var(--color-secondary-dark);
  --current-base-color: var(--color-secondary-pale);
}

.bl_faq_container--secondary {
  --current-color: var(--color-accent);
}

.bl_faq_list {
  display: grid;
  gap: var(--spacing-small);
}

.bl_faq_item details {
  border-radius: var(--btn-rounded, var(--box-rounded));
  background: var(--current-base-color, var(--color-accent-pale));
}

.bl_faq_item summary {
  display: grid;
  grid-template-columns: auto 1fr 16px;
  gap: 10px;
  padding: var(--spacing-small);
  font-weight: 700;
  font-size: var(--fz-medium);
  color: var(--color-contrast);
  list-style: none;
  transition: background-color 0.3s ease;
}

.bl_faq_item summary::-webkit-details-marker {
  display: none;
}

.bl_faq_item summary::before {
  content: "Q";
  color: var(--current-color, var(--color-accent));
}

.bl_faq_toggle {
  --size: 16px;
  position: relative;
  display: block;
  inline-size: var(--size);
  block-size: var(--size);
  align-self: center;
}

.bl_faq_toggle::before, .bl_faq_toggle::after {
  position: absolute;
  content: "";
  display: block;
  inline-size: 100%;
  block-size: 2px;
  inset: 0;
  margin: auto;
  background: var(--current-color, var(--color-accent));
  transition: rotate 0.1s ease;
}

.bl_faq_toggle::after {
  rotate: 90deg;
}

.bl_faq_item details[open] .bl_faq_toggle::after {
  rotate: 0deg;
}

.bl_faq_contentInner {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding: var(--spacing-small);
  background: var(--color-base);
  border-radius: 0 0 15px 15px;
  border: 5px solid var(--current-base-color, var(--color-accent-pale));
  font-size: var(--fz-medium);
}

.bl_faq_contentInner::before {
  content: "A";
  color: color-mix(in srgb, var(--current-color, var(--color-accent)) 50%, transparent);
  font-weight: 700;
  font-size: var(--fz-x-large);
  line-height: 32px;
}

.bl_faq_content p {
  margin: 0;
  line-height: 1.8;
}

.bl_faq_content p + p {
  margin-block-start: 0.8em;
}

/* ホバー効果 */
.bl_pagetop {
  text-align: center;
  margin-block: var(--spacing-medium) 0;
}

.bl_pagetop a {
  display: block;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  padding: var(--spacing-x-small);
  text-decoration: none;
  color: var(--color-contrast);
  font-size: var(--fz-small);
}

.bl_pagetop a::before {
  content: "";
  display: block;
  inline-size: 30px;
  block-size: 30px;
  margin-inline: auto;
  background: var(--color-tertiary);
  mask: url(../img/icon_arrow-up.svg) center/contain no-repeat;
  -webkit-mask: url(../img/icon_arrow-up.svg) center/contain no-repeat;
}

.bl_footerNav {
  margin-block-end: 30px;
}

.bl_footerNav_list {
  list-style: none;
  padding: 0;
}

.bl_footerNav_item {
  position: relative;
  line-height: 2;
  padding-block: 0.25em;
  font-size: var(--fz-x-small);
}

.bl_footerNav_item a {
  color: var(--color-base);
  text-decoration: underline;
  padding: 8px 20px;
}
.bl_footerNav_item a:focus-visible {
  text-decoration: none;
  color: var(--color-base);
}

.bl_copyright {
  font-size: var(--fz-x-small);
}

.bl_fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  padding-block: var(--spacing-x-small);
  background: color-mix(in srgb, var(--color-base) 70%, transparent);
  z-index: 10;
  inline-size: 100%;
}

.bl_fixed_inner {
  container-type: inline-size;
  inline-size: min(100%, 500px);
  margin: 0 auto;
  padding-inline: var(--spacing-large);
}

.bl_reasons {
  display: grid;
  gap: var(--spacing-x-large);
  margin-block-start: var(--spacing-medium);
}

.bl_merits {
  display: grid;
  gap: var(--spacing-x-large);
}

.bl_merit_title {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.45em;
  align-items: center;
}

.bl_merit_title_num {
  position: relative;
  inline-size: 14.3cqw;
  aspect-ratio: 1/1;
  margin-block: 0;
  background: var(--section-title-gradient, var(--gradient-bg1));
  color: var(--color-base);
  border-radius: var(--box-sausage);
  line-height: 1.2;
  text-align: center;
  align-content: center;
}

.bl_merit_title_num::before, .bl_merit_title_num::after {
  --size: 4px;
  content: "";
  position: absolute;
  bottom: calc(-3px - var(--size));
  left: calc(50% - var(--size) / 2);
  inline-size: var(--size);
  block-size: var(--size);
  background: var(--color-tertiary);
  border-radius: var(--box-sausage);
}

.bl_merit_title_num::after {
  bottom: calc(-6px - var(--size) * 2);
}

.adlp-logo__outer {
  --item-w: 140;
  --item-num: 14;
  --device-w: 500;
  inline-size: min(var(--item-w) * var(--item-num) * 2 / var(--device-w) * 100vw, var(--item-w) * var(--item-num) * 2px);
}

.adlp-logo__wrapper {
  inline-size: min(var(--item-w) * var(--item-num) / var(--device-w) * 100vw, var(--item-w) * var(--item-num) * 1px);
  display: flex;
}

.adlp-logo__list {
  display: flex;
  animation: infinity-scroll-left 30s infinite linear 0.5s both;
  list-style: none;
}

.adlp-logo__item {
  flex: 0 0 min(var(--item-w) / var(--device-w) * 100vw, var(--item-w) * 1px);
}

.adlp-logo__item img {
  inline-size: 100%;
  block-size: auto;
}

.adlp-logo {
  inline-size: min(var(--item-w) / var(--device-w) * 100vw, var(--item-w) * 1px);
  flex: 0 0 min(var(--item-w) / var(--device-w) * 100vw, var(--item-w) * 1px);
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-150%);
  }
  to {
    transform: translateX(-50%);
  }
}
.hp_tac {
  text-align: center !important;
}

.hp_tar {
  text-align: right !important;
}

.hp_tal {
  text-align: left !important;
}
.hp_uppercase {
  text-transform: uppercase;
}

.hp_aster {
  padding-inline-start: 1em;
  text-indent: -1em;
}
.hp_aster::before {
  content: "※";
}

.hp_highlight {
  color: var(--current-color, var(--color-accent));
  font-weight: bold;
}

.hp_underBalloon {
  position: relative;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}

.hp_underBalloon::before, .hp_underBalloon::after {
  position: absolute;
  content: "";
}

.hp_underBalloon::before {
  left: 0;
  bottom: -3px;
  inline-size: 100%;
  block-size: 1px;
  background: var(--current-color, var(--color-accent));
}

.hp_underBalloon::after {
  --size: 10px;
  bottom: calc(-3px - var(--size) / 2);
  left: calc(50% - var(--size) / 2);
  inline-size: var(--size);
  block-size: var(--size);
  background-color: var(--current-base, var(--color-base));
  border-inline-end: 1px solid var(--current-color, var(--color-accent));
  border-block-end: 1px solid var(--current-color, var(--color-accent));
  rotate: 45deg;
}

.hp_smallTxt {
  font-size: var(--fz-small);
}

.hp_x-smallTxt {
  font-size: var(--fz-x-small);
}

.hp_sup {
  position: relative;
  font-size: var(--fz-x-small);
  line-height: 1;
  top: -0.5em;
}

.hp_sub {
  position: relative;
  font-size: var(--fz-x-small);
  line-height: 1;
  bottom: 0;
}

.hp_auto-phrase {
  word-break: auto-phrase;
}

.hp_txt {
  line-height: var(--lh-normal);
}

.hp_marker {
  position: relative;
  display: inline;
  background: linear-gradient(transparent 75%, var(--marker-color, #fff18b) 75%, var(--marker-color, #fff18b) 100%);
  padding-inline: 0.2em;
  line-height: 1.6;
}

.hp_db {
  display: block !important;
}

.hp_dib {
  display: inline-block !important;
}

.hp_dn {
  display: none !important;
}

.hp_dnSp {
  display: none !important;
}

.hp_i100 {
  inline-size: 100% !important;
}

.hp_centering {
  margin-inline: auto;
}

.hp_imgLink {
  display: inline-block;
  transition: transform 0.3s ease;
}

.hp_srOnly {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.hp_triangleGradient {
  position: relative;
  margin-block-end: var(--triangle-box-h, 80px);
}

.hp_triangleGradient::after {
  content: "";
  position: absolute;
  bottom: var(--triangle-box-bottom, -70px);
  left: 0;
  right: 0;
  inline-size: var(--triangle-w, 124px);
  block-size: var(--triangle-h, 40px);
  margin-inline: auto;
  background: var(--triangle-bg, var(--gradient-triangle));
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.hp_triangleGradient--up::after {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.hp_triangleGradient--down::after {
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.hp_triangleGradient--left::after {
  clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
}

.hp_triangleGradient--right::after {
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}

.un_mv .js-anim_slideLeft,
.un_mv .js-anim_fadeRight,
.un_mv .js-anim_fadeIn,
.un_mv .js-anim_fadeUp-delay1,
.un_mv .js-anim_fadeUp-delay2 {
  opacity: 0;
}

.un_mv_header {
  block-size: 40px;
  background: var(--color-topBar);
  align-content: center;
}

.un_mv_header img {
  margin-inline: auto;
}

.un_mv_inner {
  display: grid;
  grid-template-areas: "stack";
}

.un_mv_img {
  position: relative;
  grid-area: stack;
}

.un_mv_content {
  position: relative;
  z-index: 1;
  grid-area: stack;
  inline-size: 100%;
  block-size: 91%;
  display: grid;
  grid-template-rows: 1fr auto;
  align-content: end;
  padding-block-start: 41%;
}

.un_mv_badge {
  block-size: 35cqw;
  margin-inline-start: -0.5em;
  aspect-ratio: 1/1;
  background: url(../img_kanagawa/bg_mv_badge.svg) center/contain no-repeat;
  color: var(--color-base);
  font-size: 6.6cqw;
  font-weight: 700;
  text-align: center;
  align-content: center;
}

.un_mv_title {
  margin-block-start: -0.65em;
  font-size: 13.9cqw;
  font-family: var(--font-accent);
  text-shadow: var(--text-stroke);
}

.un_mv_title_accent {
  display: inline-grid;
  font-size: 9.9cqw;
  color: var(--color-base);
}

.un_mv_title_accent::after {
  content: "介護職員初任者研修";
  aria-hidden: true;
  grid-column: 1/2;
  grid-row: 1/2;
}

.un_mv_title_accent span {
  grid-column: 1/2;
  grid-row: 1/2;
  background: var(--gradient-bg1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  z-index: 1;
}

.un_mv_title_emphasis::after {
  text-shadow: none;
}

.un_mv_title_small {
  font-size: 7.2cqw;
}

.un_mv_subtitle {
  margin-block-start: 0.6em;
  font-size: 6cqw;
  font-family: var(--font-accent);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  text-shadow: var(--text-stroke);
}

.un_mv_price {
  --current-color: var(--color-primary);
  display: grid;
  grid-template-columns: 1.8em 1fr;
  align-items: center;
  gap: 1.3em;
  padding-inline: 5.5cqw;
  aspect-ratio: 70/23;
  background: url(../img_kanagawa/bg_mv_price.png) center/contain no-repeat;
}

.un_mv_price_label {
  padding-block: 0.4em;
  border-radius: var(--box-rounded);
  background: var(--color-primary);
  color: var(--color-base);
  font-size: 5.2cqw;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.un_mv_price_amount {
  font-size: 10cqw;
  font-weight: 700;
  line-height: 1.2;
}

.un_mv_price_unit {
  font-size: 5.3cqw;
}

.un_mv_price_notice {
  margin-block-start: 0.2em;
  font-size: var(--fz-x-small);
}

.un_mv_cta {
  position: relative;
  padding-block-end: var(--spacing-x-large);
  background: linear-gradient(180deg, var(--color-base) 0%, var(--color-secondary-pale) 100%);
}

.un_mv_cta > * {
  position: relative;
  z-index: 1;
}

.un_mv_cta::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  inline-size: 22.2%;
  aspect-ratio: 111/157;
  background: url(../img/deco_mv_bottom.svg) right bottom/contain no-repeat;
}

.un_about {
  --sec-spacing-top: 0;
  --sec-spacing-inline: 0;
  --title-bottom-spacing: 0.8em;
  position: relative;
  background-color: #c1e3fd;
}

.un_about::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  inline-size: 100%;
  aspect-ratio: 20/1;
  background: url(../img/bg_about_bottom.png) center bottom/100% auto no-repeat;
}

.un_about_header {
  position: relative;
  padding-block-start: var(--spacing-medium);
  background: var(--color-base);
}

.un_about_header::after {
  content: "";
  position: absolute;
  bottom: -14cqw;
  left: 0;
  inline-size: 100%;
  aspect-ratio: 50/7;
  background: url(../img/deco_fukidashi.svg) center top/100% auto no-repeat;
}

.un_about_logo {
  inline-size: min(90%, 320px);
  margin-block-end: var(--spacing-x-small);
  margin-inline: auto;
}

.un_about_logo img {
  margin-inline: auto;
}

.un_about_body {
  --current-color: var(--color-accent);
  padding-block-start: calc(var(--spacing-x-large) + 2cqw);
  background: url(../img/deco_leaf-w_l.png) left top 130px/80px auto no-repeat, url(../img/deco_leaf-w_r.png) right top/111px auto no-repeat;
}

.un_about_heading {
  display: grid;
  grid-template-columns: 35.7cqw 1fr;
  align-items: center;
  padding-inline-start: var(--spacing-x-small);
}

.un_about_info_title {
  margin-inline-start: -2.5cqw;
  padding-block: 2px;
  padding-inline: calc(2.5cqw + 4px);
  background: var(--color-tertiary);
  color: var(--color-base);
  font-size: 5.2cqw;
  border-radius: 0 var(--box-sausage) var(--box-sausage) 0;
}

.un_about_info_title span {
  font-size: 4.5cqw;
  font-weight: 400;
}

.un_about_info_text {
  padding-inline-start: 4px;
  font-size: 4.5cqw;
}

.un_about_apeals {
  display: grid;
  gap: var(--spacing-small);
}

.un_about_apeal {
  container-type: inline-size;
  background: var(--gradient-bg2);
  border-radius: var(--box-rounded-large);
  padding: 2px;
}

.un_about_apeal_inner {
  position: relative;
  display: grid;
  grid-template-columns: auto 19cqw;
  align-items: center;
  padding: 4.8cqw 7.14cqw;
  background: var(--color-base);
  border-radius: calc(var(--box-rounded-large) - 2px);
}

.un_about_apeal_inner::before {
  position: absolute;
  content: "";
  top: -4.75cqw;
  left: 7.14cqw;
  inline-size: 9.5cqw;
  aspect-ratio: 1/1;
  background: url(../img/icon_apeal.svg) no-repeat center/contain;
}

.un_about_apeal_text {
  margin: 0;
  font-size: 4.5cqw;
}

.un_about_apeal_text strong {
  font-size: 5.2cqw;
}

.un_about_apeal_notice {
  font-size: 2.8cqw;
}

.un_find {
  --current-base: var(--color-base);
  --sec-spacing-inline: 0;
  --sec-spacing-bottom: 0;
  overflow: hidden;
}

.un_find_title {
  text-align: center;
}

.un_find_arrow {
  --triangle-box-bottom: -60px;
  --triangle-bg: var(--gradient-triangle2);
  padding-block-start: 1px;
}

.un_features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2cqw;
  margin-block-end: var(--spacing-large);
}

.un_feature {
  position: relative;
  aspect-ratio: 1/1;
  border: 0.7cqw solid var(--color-accent-pale);
  border-radius: 50%;
  color: var(--color-accent);
  font-size: var(--fz-medium);
  font-weight: 700;
  align-content: center;
  text-align: center;
}

.un_feature::before {
  position: absolute;
  inset: 0;
  margin: auto;
  content: "";
  display: block;
  inline-size: calc(100% - 1.42cqw);
  aspect-ratio: 1/1;
  border: 0.5cqw solid var(--color-accent);
  border-radius: 50%;
}

.un_feature_text {
  font-size: 4.5cqw;
}

.un_find_message {
  margin-block-end: var(--spacing-large);
}

.un_find_cta {
  margin-block-end: var(--spacing-x-large);
}

.un_worry {
  --sec-spacing-inline: 0;
  --sec-spacing-top: var(--spacing-x-large);
  --sec-spacing-bottom: 0;
  --title-line-color: var(--color-primary);
  background: url("../img/deco_blob_t.svg") center top/100% auto no-repeat, url("../img/deco_blob_b.svg") left bottom/70% auto no-repeat;
  background-color: #e8f0fb;
}

.un_worry_solutionWrap {
  position: relative;
  margin-block-start: 2%;
  padding-block-end: var(--spacing-large);
  background: var(--color-base);
}

.un_worry_solutionWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  inline-size: 100%;
  aspect-ratio: 25/2;
  background: url(../img/bg_worry02.png) center/cover no-repeat;
  transform: translateY(-100%);
}

.un_worry_content {
  position: relative;
  margin-block-start: -2em;
}

.un_worry_arrow {
  --triangle-box-h: 60px;
  --triangle-box-bottom: -50px;
  --triangle-bg: var(--gradient-triangle2);
  padding-block-start: 1px;
}

.un_worry_solution {
  container-type: inline-size;
  display: grid;
  grid-template-columns: auto 38.3cqw;
  gap: var(--spacing-x-small);
  justify-content: end;
  align-items: end;
  margin-block-start: -1.2em;
}

.un_worry_recommend {
  font-size: var(--fz-x-large);
  font-weight: 700;
}

.un_worry_recommend_small {
  display: block;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-block-end: 0.5em;
  padding: 0.25em var(--spacing-small);
  background: var(--color-accent-pale);
  border-radius: var(--box-sausage);
  color: var(--color-accent);
  font-size: var(--fz-medium);
  font-weight: bold;
}

.un_worry_recommend strong {
  color: var(--color-accent);
}

.un_worry_solution_img {
  padding-inline-end: 2.4cqw;
}

.un_merit {
  --current-base: var(--color-accent-pale);
}

.un_merit_note {
  margin-block: var(--spacing-x-large);
}

.un_howToChoose {
  --current-color: var(--color-secondary-dark);
  --current-base: var(--color-secondary-pale);
  --sec-spacing-inline: 0;
  --sec-spacing-top: 0;
  --title-line-color: var(--color-secondary-dark);
  background: var(--gradient-bg3);
}

.un_howToChoose_intro {
  padding-block: var(--spacing-x-large) var(--spacing-small);
  background: url(../img/deco_leaf_l.png) left top 60px/80px auto no-repeat, url(../img/deco_leaf_r.png) right top/111px auto no-repeat;
  background-color: var(--color-secondary-pale);
}

.un_howToChoose_points {
  container-type: inline-size;
  position: relative;
  padding: var(--spacing-large) var(--spacing-medium);
  margin-block-end: var(--spacing-medium);
  margin-inline: calc(var(--spacing-large) - 3px);
  background: url(../img/bg_point01.png) no-repeat center/100% 100%;
}

.un_howToChoose_points::after {
  position: absolute;
  content: "";
  right: calc(-1 * var(--spacing-small));
  bottom: -11.7cqw;
  inline-size: 30.3cqw;
  aspect-ratio: 129/149;
  background: url(../img/img_point01.png) no-repeat center/cover;
}

.un_howToChoose_points > * {
  font-size: 5.2cqw;
}

.un_howToChoose_course {
  --title-font-weight: 400;
  container-type: inline-size;
  position: relative;
  padding-block: var(--spacing-x-small) var(--spacing-x-large);
}

.un_howToChoose_course::before {
  position: absolute;
  content: "";
  top: -29px;
  left: 0;
  inline-size: 100%;
  block-size: 30px;
  background: url(../img/deco_wave.svg) no-repeat center/100% 30px;
}

.un_howToChoose_note {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  text-align: center;
  margin-block-start: var(--spacing-large);
  padding-block: var(--spacing-x-small);
  border-block: 1px solid var(--color-secondary-dark);
}

.un_howToChoose_note p {
  color: var(--color-contrast);
  margin: 0;
}

.un_howToChoose_note strong {
  font-weight: 700;
}

.un_howToChoose_recommend {
  font-size: var(--fz-x-large);
  font-weight: 700;
  text-align: center;
}

.un_howToChoose_recommend_small {
  display: block;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  margin-block-end: 0.5em;
  padding: 0.25em var(--spacing-small);
  background: var(--color-secondary-pale);
  border-radius: var(--box-sausage);
  color: var(--color-secondary-dark);
  font-size: var(--fz-medium);
  font-weight: bold;
}

.un_howToChoose_recommend strong {
  color: var(--color-secondary-dark);
}

.un_howToChoose_factor {
  --pointTitle-spacing-top: 0;
  padding-block: var(--spacing-x-large) var(--spacing-x-large);
  background: var(--color-secondary-pale);
  border-block: 1px solid var(--color-base);
  overflow: hidden;
}

.un_howToChoose_factor .splide {
  margin-block-start: 1em;
}

.un_howToChoose_factor .splide__track {
  overflow: visible;
}

.un_howToChoose_factor .splide__slide {
  border-radius: calc(var(--box-rounded-large) - 2px) 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.un_howToChoose_request {
  padding-block: var(--spacing-large);
}

.un_howToChoose_flow {
  container-type: inline-size;
  position: relative;
  padding: calc(var(--spacing-small) + 3px) calc(var(--spacing-medium) + 3px);
  margin-block-start: var(--spacing-large);
  margin-inline: calc(var(--spacing-large) - 3px);
  background: url(../img/bg_request01.png) no-repeat center/100% 100%;
}

.un_howToChoose_flowTitle {
  container-type: inline-size;
  font-family: var(--font-accent);
  font-weight: 700;
}

.un_howToChoose_flowTitle_txt {
  position: relative;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-block: 0;
  margin-inline: auto;
  padding: 3px var(--spacing-small) 4px;
  background: var(--gradient-bg4);
  color: var(--color-base);
  border-radius: var(--box-sausage);
  line-height: 1.2;
}

.un_howToChoose_flowTitle_txt::before, .un_howToChoose_flowTitle_txt::after {
  --size: 4px;
  content: "";
  position: absolute;
  bottom: calc(-3px - var(--size));
  left: calc(50% - var(--size) / 2);
  inline-size: var(--size);
  block-size: var(--size);
  background: var(--color-secondary-dark);
  border-radius: var(--box-sausage);
}

.un_howToChoose_flowTitle_txt::after {
  bottom: calc(-6px - var(--size) * 2);
}

.un_howToChoose_flowTitle_title {
  margin-block-start: var(--spacing-small);
  font-size: 7.65cqw;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.un_howToChoose_flow_img {
  inline-size: min(100%, 320px);
  margin-block-start: var(--spacing-small);
  margin-inline: auto;
}

.un_howToChoose_cta {
  container-type: inline-size;
  padding-inline: var(--spacing-large);
  margin-top: var(--spacing-small);
}

.un_reason {
  --current-base: var(--color-accent-pale);
}

.un_reason_img {
  margin-block-start: var(--spacing-large);
  margin-inline: calc(-1 * (var(--spacing-large)));
  padding-inline: calc(var(--spacing-x-small));
}

.un_reason_img img {
  inline-size: 100%;
  block-size: auto;
}

.un_reason_cta {
  padding-block-start: var(--spacing-medium);
}

.splide {
  margin-block-end: var(--spacing-medium);
}

.splide__arrows {
  position: absolute;
  top: 0;
  left: 0;
  inline-size: 100%;
  block-size: 100%;
  pointer-events: none;
  display: grid;
  grid-template-columns: repeat(2, 7.15cqw);
  justify-content: space-between;
  align-items: center;
  z-index: 10;
}

.splide__arrow {
  position: relative;
  display: block;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  pointer-events: all;
  aspect-ratio: 1/1;
  line-height: 1;
  background: var(--color-base);
  border-radius: 50%;
  transition: scale 0.1s ease;
}
.splide__arrow:focus-visible {
  scale: 1.2;
}
.splide__arrow[disabled]:focus-visible {
  scale: 1;
}

.splide__arrow svg {
  position: absolute;
  top: 0;
  left: 0;
  inline-size: 100%;
  block-size: 100%;
  fill: var(--color-tertiary);
  transition: fill 0.1s ease;
}

.splide__arrow[disabled] svg {
  fill: var(--color-light-gray);
}

.splide__arrow--prev {
  left: -3.575cqw;
}

.splide__arrow--next {
  right: -3.575cqw;
}

.splide__pagination {
  position: absolute;
  bottom: calc(-1 * var(--spacing-medium));
  inline-size: 100%;
  padding: 0;
  gap: 3px;
  align-items: center;
}

.splide__pagination__page {
  border: 1.5px solid var(--color-tertiary);
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  margin: 4px;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 12px;
  transition: scale 0.1s ease;
}

.splide__pagination__page.is-active {
  background: var(--color-tertiary);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  scale: 1.3;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid var(--color-tertiary);
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid var(--color-tertiary);
  outline-offset: 3px;
}

@media all and (min-width: 769px){
  :root {
    --fz-x-small: clamp(0.8125rem, 0.676rem + 0.3vw, 0.875rem);
    --fz-small: clamp(0.875rem, 0.535rem + 0.7vw, 1rem);
    --fz-medium: clamp(1rem, 0.523rem + 1vw, 1.1875rem);
    --spacing-medium: clamp(1.25rem, -0.384rem + 3.4vw, 1.875rem);
    --spacing-large: clamp(1.6875rem, -0.423rem + 4.4vw, 2.5rem);
    --spacing-x-large: clamp(2.6875rem, -0.103rem + 5.8vw, 3.75rem);
    --spacing-xx-large: clamp(3.75rem, 0.482rem + 6.8vw, 5rem);
  }
  body {
    grid-template: "image main menu" auto/630fr clamp(23.4375rem, 9.575rem + 28.9vw, 31.25rem) minmax(310px, 310fr);
  }
  .ly_header {
    display: none;
  }
  .bl_gNav {
    display: revert;
  }
  .bl_fixed {
    display: none;
  }
  .hp_tacTb {
    text-align: center !important;
  }
  .hp_tarTb {
    text-align: right !important;
  }
  .hp_talTb {
    text-align: left !important;
  }
  .hp_dnSp {
    display: revert;
  }
  .hp_dnTb {
    display: none !important;
  }
}

@media not all and (min-width: 769px){
  .hp_tacSp {
    text-align: center !important;
  }
  .hp_tarSp {
    text-align: right !important;
  }
  .hp_talSp {
    text-align: left !important;
  }
}

@media all and (min-width: 900px){
  .hp_tacTb-lg {
    text-align: center !important;
  }
  .hp_tarTb-lg {
    text-align: right !important;
  }
  .hp_talTb-lg {
    text-align: left !important;
  }
  .hp_dnTb-lg {
    display: none !important;
  }
}

@media all and (min-width: 1200px){
  .hp_tacPc {
    text-align: center !important;
  }
  .hp_tarPc {
    text-align: right !important;
  }
  .hp_talPc {
    text-align: left !important;
  }
}

@media (any-hover: hover){
  :where(a)[href]:hover {
    color: var(--color-link-hover);
    text-decoration-thickness: 2px;
  }
  .el_btn:hover:hover {
    background: color-mix(in srgb, var(--current-btn-color, var(--color-btn)), black 8%);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.35);
    color: var(--color-base);
  }
  .el_menuBtn:hover {
    background-color: color-mix(in srgb, var(--color-primary) 20%, var(--color-base));
  }
  .bl_gNav_list a:hover {
    color: var(--color-base);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .bl_gNav_list a:hover::before {
    background: #fff18b;
  }
  .bl_faq_item summary:hover {
    background: color-mix(in srgb, var(--current-color, var(--color-accent)) 15%, transparent);
  }
  .bl_footerNav_item a:hover {
    text-decoration: none;
    color: var(--color-base);
  }
  .splide__arrow:hover {
    scale: 1.2;
  }
  .splide__arrow[disabled]:hover {
    scale: 1;
  }
}

@media (hover: hover){
  .hp_imgLink:hover {
    transform: translateY(-2px);
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
  }
}

@media (prefers-reduced-motion: reduce){
  *,
  ::before,
  ::after {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition: all 0 !important;
  }
}