@charset "UTF-8";
/*
 * 関数定義用ファイル
 */
@import url("https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;500;700&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap");
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type=number] {
  -moz-appearance: textfield;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: 700;
}

summary {
  display: block;
  list-style: none;
}

/* 一部ブラウザで消えなかった場合は以下も追記 */
summary::-webkit-details-marker {
  display: none;
}

:root {
  --color-brown: #4B2300;
  --color-brown2: #99724D;
  --color-red: #CB585C;
  --color-cream: #FFE0C7;
  --font-family-common: "Zen Maru Gothic", sans-serif;
  --font-family-heading: "Kaisei Opti", serif;
  --font-family-mincho: "Zen Old Mincho", serif;
  --shadow-brown: 0 0 15px 2px #CB890D;
  --shadow-brown-sp: 0 0 8px 0px #CB890D;
  --duration: .3s;
  --ls-xxs: .05em;
  --ls-xs: .1em;
  --ls-sm: .3em;
  --lh-sm: 1.2;
  --lh-md: 1.75;
  --lh-lg: 2;
}

/*
 * 流体タイポ計算用 関数
 *
 * @use parts/_fonts.scssファイルを参照
 */
/*
 * 逆流体タイポ計算用 関数
 * PCでは小さく、スマホでは大きく表示する場合に使用
 */
/*
 * メディアクエリ用mixin
 */
body {
  background-color: #fff;
  font-family: var(--font-family-common);
  line-height: normal;
  color: var(--color-brown);
  font-size: calc(var(--vw) * 4.2666666667);
  font-weight: 500;
}
@media (768px <= width) {
  body {
    font-size: calc(var(--vw) * 1.25);
  }
}

img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

a {
  display: inline-block;
  transition: opacity var(--duration);
}
a:hover {
  opacity: 0.7;
}

b,
strong,
th {
  font-weight: 500;
}

.c-relative {
  position: relative;
}

/* ===============================================
#inner
=============================================== */
.c-inner {
  width: 91.6%;
  margin-inline: auto;
}
@media (768px <= width) {
  .c-inner.max-1000 {
    max-width: calc(var(--vw) * 69.4444444444);
  }
  .c-inner.max-1100 {
    max-width: calc(var(--vw) * 76.3888888889);
  }
  .c-inner.max-1200 {
    max-width: calc(var(--vw) * 83.3333333333);
  }
}

/* ===============================================
#余白
=============================================== */
.c-flex-col {
  display: flex;
  flex-direction: column;
}
.c-flex-col.gap-70-150 {
  gap: calc(var(--vw) * 18.6666666667);
}
@media (768px <= width) {
  .c-flex-col.gap-70-150 {
    gap: calc(var(--vw) * 10.4166666667);
  }
}
.c-flex-col.gap-60-130 {
  gap: calc(var(--vw) * 16);
}
@media (768px <= width) {
  .c-flex-col.gap-60-130 {
    gap: calc(var(--vw) * 9.0277777778);
  }
}
.c-flex-col.gap-30-130 {
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .c-flex-col.gap-30-130 {
    gap: calc(var(--vw) * 9.0277777778);
  }
}
.c-flex-col.gap-50-100 {
  gap: calc(var(--vw) * 13.3333333333);
}
@media (768px <= width) {
  .c-flex-col.gap-50-100 {
    gap: calc(var(--vw) * 6.9444444444);
  }
}
.c-flex-col.gap-30-100 {
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .c-flex-col.gap-30-100 {
    gap: calc(var(--vw) * 6.9444444444);
  }
}
.c-flex-col.gap-60-90 {
  gap: calc(var(--vw) * 16);
}
@media (768px <= width) {
  .c-flex-col.gap-60-90 {
    gap: calc(var(--vw) * 6.25);
  }
}
.c-flex-col.gap-50-80 {
  gap: calc(var(--vw) * 13.3333333333);
}
@media (768px <= width) {
  .c-flex-col.gap-50-80 {
    gap: calc(var(--vw) * 5.5555555556);
  }
}
.c-flex-col.gap-30-80 {
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .c-flex-col.gap-30-80 {
    gap: calc(var(--vw) * 5.5555555556);
  }
}
.c-flex-col.gap-40-70 {
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .c-flex-col.gap-40-70 {
    gap: calc(var(--vw) * 4.8611111111);
  }
}
.c-flex-col.gap-30-70 {
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .c-flex-col.gap-30-70 {
    gap: calc(var(--vw) * 4.8611111111);
  }
}
.c-flex-col.gap-40-60 {
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .c-flex-col.gap-40-60 {
    gap: calc(var(--vw) * 4.1666666667);
  }
}
.c-flex-col.gap-30-50 {
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .c-flex-col.gap-30-50 {
    gap: calc(var(--vw) * 3.4722222222);
  }
}
.c-flex-col.gap-20-40 {
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .c-flex-col.gap-20-40 {
    gap: calc(var(--vw) * 2.7777777778);
  }
}
.c-flex-col.gap-20-30 {
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .c-flex-col.gap-20-30 {
    gap: calc(var(--vw) * 2.0833333333);
  }
}
.c-flex-col.gap-10-20 {
  gap: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .c-flex-col.gap-10-20 {
    gap: calc(var(--vw) * 1.3888888889);
  }
}
.c-flex-col.gap-40-20 {
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .c-flex-col.gap-40-20 {
    gap: calc(var(--vw) * 1.3888888889);
  }
}
.c-flex-col.gap-lh {
  gap: 1lh;
}

.pb-70-100 {
  padding-bottom: calc(var(--vw) * 18.6666666667);
}
@media (768px <= width) {
  .pb-70-100 {
    padding-bottom: calc(var(--vw) * 6.9444444444);
  }
}

.pb-40-100 {
  padding-bottom: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .pb-40-100 {
    padding-bottom: calc(var(--vw) * 6.9444444444);
  }
}

.c-sec-pd {
  padding-block: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .c-sec-pd {
    padding-block: calc(var(--vw) * 4.8611111111);
  }
}

/* ===============================================
#デバイス非表示
=============================================== */
@media (768px <= width) {
  .c-sp {
    display: none !important;
  }
}

@media (1024px <= width) {
  .c-tb_sp {
    display: none !important;
  }
}

@media (width <= 767px) {
  .c-pc_tb {
    display: none !important;
  }
}

@media (width <= 1023px) {
  .c-pc {
    display: none !important;
  }
}

/* ===============================================
#フォント
=============================================== */
.lh-sm {
  line-height: var(--lh-sm);
}

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

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

.text-center {
  text-align: center;
}

@media (768px <= width) {
  .pc-text-center {
    text-align: center;
  }
}

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

.text-right {
  text-align: right;
}

@media (768px <= width) {
  .pc-text-right {
    text-align: right;
  }
}

.fs-16-20 {
  font-size: calc(var(--vw) * 4.2666666667);
}
@media (768px <= width) {
  .fs-16-20 {
    font-size: calc(var(--vw) * 1.3888888889);
  }
}

.fs-14-18 {
  font-size: calc(var(--vw) * 3.7333333333);
}
@media (768px <= width) {
  .fs-14-18 {
    font-size: calc(var(--vw) * 1.25);
  }
}

/* ===============================================
#背景
=============================================== */
.bg-baige {
  background-color: #FAF4E5;
}

/* ===============================================
#スマホ追従
=============================================== */
.c-fixed-sp {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vw) * 21.3333333333);
  z-index: 100;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (768px <= width) {
  .c-fixed-sp {
    display: none;
  }
}

.header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background: transparent url(./../image/header-bg_2.avif) no-repeat center center/cover;
  padding: calc(var(--vw) * 2.1333333333) calc(var(--vw) * 3.2);
}
@media (768px <= width) {
  .header {
    padding: calc(var(--vw) * 0.8333333333);
  }
}

@media (width <= 767px) {
  .header_bg {
    display: none;
  }
}

@media (width <= 767px) {
  .header_nav {
    background-color: #FDF6EF;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--vw) * 100);
    height: 100svh;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    padding: calc(var(--vw) * 13.3333333333) calc(var(--vw) * 13.3333333333) calc(var(--vw) * 26.6666666667);
    overflow-y: auto;
  }
  .header_nav.active {
    opacity: 1;
    visibility: visible;
  }
}

.header_nav_list {
  display: flex;
  justify-content: center;
}
@media (width <= 767px) {
  .header_nav_list {
    flex-direction: column;
  }
}

.header_nav_item {
  position: relative;
}
@media (width <= 767px) {
  .header_nav_item {
    border-bottom: 1px solid var(--color-brown);
  }
}
@media (768px <= width) {
  .header_nav_item:last-child .header_nav_link {
    border-right: 1px solid var(--color-brown);
  }
  .header_nav_item:nth-child(1) .header_nav_icon {
    width: calc(var(--vw) * 1.9444444444);
  }
  .header_nav_item:nth-child(2) .header_nav_icon, .header_nav_item:nth-child(3) .header_nav_icon {
    width: calc(var(--vw) * 2.1527777778);
  }
  .header_nav_item:nth-child(4) .header_nav_icon {
    width: calc(var(--vw) * 1.875);
  }
  .header_nav_item:nth-child(5) .header_nav_icon {
    width: calc(var(--vw) * 1.5277777778);
  }
  .header_nav_item:nth-child(6) .header_nav_icon {
    width: calc(var(--vw) * 2.2222222222);
  }
  .header_nav_item:nth-child(7) .header_nav_icon {
    width: calc(var(--vw) * 2.0833333333);
  }
  .header_nav_item:nth-child(8) .header_nav_icon {
    width: calc(var(--vw) * 2.2916666667);
  }
}

@media (width <= 767px) {
  .header_nav_icon {
    width: calc(var(--vw) * 5.6);
  }
}

.header_nav_link {
  display: flex;
  align-items: center;
}
@media (width <= 767px) {
  .header_nav_link {
    padding: calc(var(--vw) * 2.6666666667);
    gap: calc(var(--vw) * 2.6666666667);
    width: 100%;
  }
}
@media (768px <= width) {
  .header_nav_link {
    gap: calc(var(--vw) * 0.0694444444);
    padding-inline: calc(var(--vw) * 0.3472222222);
    flex-direction: column;
    justify-content: space-between;
    min-width: calc(var(--vw) * 9.4444444444);
    border-left: 1px solid var(--color-brown);
    height: 100%;
  }
}

.header_nav_link_text {
  font-family: var(--font-family-heading);
  color: var(--color-brown);
  white-space: nowrap;
}

.header_sp {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (768px <= width) {
  .header_sp {
    display: none;
  }
}

.header_hamburger {
  width: calc(var(--vw) * 6.1333333333);
  height: calc(var(--vw) * 3.7333333333);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--vw) * 1.0666666667);
  position: relative;
  z-index: 101;
}
.header_hamburger span {
  background-color: #005A49;
  width: 100%;
  height: 1px;
}
.header_hamburger.active span {
  position: absolute;
  top: 50%;
}
.header_hamburger.active span:nth-child(1) {
  transform: rotate(45deg);
}
.header_hamburger.active span:nth-child(2) {
  opacity: 0;
}
.header_hamburger.active span:nth-child(3) {
  transform: rotate(-45deg);
}

.header_logo {
  width: calc(var(--vw) * 48);
}

@media (width <= 767px) {
  .header_nav_sub {
    display: grid;
    transition: grid-template-rows var(--duration) ease-in-out;
    grid-template-rows: 0fr;
    padding-left: calc(var(--vw) * 11.2);
  }
  .header_nav_sub > ul {
    transition: padding-bottom var(--duration) ease-in-out;
    overflow: hidden;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: calc(var(--vw) * 1.3333333333);
  }
}
@media (768px <= width) {
  .header_nav_sub {
    position: absolute;
    top: calc(100% + var(--vw) * 0.8333333333);
    left: 0;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #EEE8D6;
    z-index: 100;
    border-bottom: 1px solid #AA9887;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--duration) ease-in-out, visibility var(--duration) ease-in-out;
  }
  .header_nav_sub::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: calc(var(--vw) * 0.8333333333);
    display: block;
  }
}
@media (width <= 767px) {
  .header_nav_sub.show {
    grid-template-rows: 1fr;
  }
  .header_nav_sub.show > ul {
    padding-bottom: calc(var(--vw) * 2.6666666667);
  }
}
@media (768px <= width) {
  .header_nav_sub.show {
    opacity: 1;
    visibility: visible;
  }
}

@media (768px <= width) {
  .header_nav_sub_item {
    border-top: 1px solid #AA9887;
  }
}

.header_nav_sub_link {
  display: flex;
  align-items: center;
  font-size: calc(var(--vw) * 3.7333333333);
  gap: calc(var(--vw) * 1.3333333333);
  font-family: var(--font-family-heading);
}
@media (768px <= width) {
  .header_nav_sub_link {
    padding: calc(var(--vw) * 0.6944444444);
    font-size: calc(var(--vw) * 1.1111111111);
    gap: calc(var(--vw) * 0.3472222222);
  }
}
.header_nav_sub_link:before {
  content: "";
  width: 8px;
  height: 8px;
  background: transparent url(./../image/header-icon_9.svg) no-repeat center center/contain;
  display: inline-block;
}

.footer {
  background: transparent url(./../image/footer-bg_1.avif) no-repeat center center/cover;
  padding-block: calc(var(--vw) * 6.9444444444);
}
@media (width <= 767px) {
  .footer {
    padding-bottom: calc(var(--vw) * 32);
  }
}

.footer_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 4);
}
@media (768px <= width) {
  .footer_inner {
    gap: calc(var(--vw) * 0.9722222222);
  }
}

.footer_container {
  display: flex;
  justify-content: space-between;
}
@media (width <= 767px) {
  .footer_container {
    flex-direction: column;
    align-items: center;
    gap: calc(var(--vw) * 10.6666666667);
  }
}

.footer_access_content {
  width: calc(var(--vw) * 59.4666666667);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .footer_access_content {
    width: calc(var(--vw) * 31.6666666667);
    gap: calc(var(--vw) * 2.7777777778);
  }
}

.footer_schedule_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .footer_schedule_content {
    width: calc(var(--vw) * 49.2361111111);
    gap: calc(var(--vw) * 0.6944444444);
  }
}

.footer_access_textbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 1.6);
}
@media (768px <= width) {
  .footer_access_textbox {
    gap: calc(var(--vw) * 0.6944444444);
  }
}

.footer_access {
  font-size: calc(var(--vw) * 3.2);
}
@media (768px <= width) {
  .footer_access {
    font-size: calc(var(--vw) * 1.3888888889);
  }
}

.footer_tel {
  font-size: calc(var(--vw) * 7.7333333333);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media (768px <= width) {
  .footer_tel {
    font-size: calc(var(--vw) * 3.1944444444);
  }
}
.footer_tel small {
  font-size: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .footer_tel small {
    font-size: calc(var(--vw) * 2.2222222222);
  }
}

.footer_access_img {
  width: calc(var(--vw) * 51.4666666667);
  margin-top: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .footer_access_img {
    width: calc(var(--vw) * 21.4583333333);
    margin-top: calc(var(--vw) * 1.3888888889);
  }
}

.footer_table-box {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 0.6944444444);
  width: 100%;
}
@media (768px <= width) {
  .footer_table-box {
    width: calc(var(--vw) * 39.5138888889);
  }
}

.footer_schedule_table td,
.footer_schedule_table th {
  border-bottom: 1px solid var(--color-brown);
  text-align: center;
  vertical-align: middle;
}
@media (width <= 767px) {
  .footer_schedule_table td,
  .footer_schedule_table th {
    font-size: calc(var(--vw) * 2.6666666667);
  }
}
.footer_schedule_table thead th {
  background: var(--color-brown);
  color: #fff;
  padding: calc(var(--vw) * 0.8);
}
@media (768px <= width) {
  .footer_schedule_table thead th {
    padding: calc(var(--vw) * 0.2083333333);
  }
}
.footer_schedule_table tbody th,
.footer_schedule_table tbody td {
  padding: calc(var(--vw) * 1.6);
}
@media (768px <= width) {
  .footer_schedule_table tbody th,
  .footer_schedule_table tbody td {
    padding: calc(var(--vw) * 0.4166666667);
  }
}
.footer_schedule_table tbody th {
  background: #B7C9AA;
  line-height: var(--lh-sm);
  width: calc(var(--vw) * 18.6666666667);
}
@media (768px <= width) {
  .footer_schedule_table tbody th {
    width: calc(var(--vw) * 7.6388888889);
  }
}
.footer_schedule_table tbody td {
  background: #fff;
}
.footer_schedule_table tbody td.holiday {
  color: #000;
}
.footer_schedule_table tbody td.sat {
  color: var(--color-red);
}

.footer_schedule_text {
  line-height: var(--lh-md);
}
@media (width <= 767px) {
  .footer_schedule_text {
    font-size: calc(var(--vw) * 2.6666666667);
  }
}
.footer_schedule_text b {
  color: var(--color-red);
}

.footer_schedule_img_text {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--vw) * 2.1333333333);
}
@media (768px <= width) {
  .footer_schedule_img_text {
    gap: calc(var(--vw) * 1.3888888889);
  }
}

.footer_map {
  background: #fff;
  padding: calc(var(--vw) * 0.8);
  box-shadow: calc(var(--vw) * 0.8) calc(var(--vw) * 0.8) 5px 0px #D2BC9E;
  height: calc(var(--vw) * 53.3333333333);
}
@media (768px <= width) {
  .footer_map {
    padding: calc(var(--vw) * 0.3472222222);
    box-shadow: calc(var(--vw) * 0.4861111111) calc(var(--vw) * 0.4861111111) 5px 0px #D2BC9E;
    height: calc(var(--vw) * 27.7777777778);
  }
}
.footer_map > iframe {
  width: 100%;
  height: 100%;
}

.footer_copy {
  font-size: calc(var(--vw) * 2.6666666667);
  text-align: center;
}
@media (768px <= width) {
  .footer_copy {
    font-size: calc(var(--vw) * 1.25);
    margin-top: calc(var(--vw) * 1.0416666667);
  }
}

/* ===============================================
#トップページ ファーストビュー
=============================================== */
.top-mv_section {
  position: relative;
}

.top-mv_bg {
  position: relative;
  z-index: 2;
}

.top-mv_object {
  position: absolute;
  top: calc(100% - var(--vw) * 3.4722222222);
  left: 0;
  width: 100%;
  z-index: 2;
}

.top-mv_btn_box {
  display: none;
}
@media (768px <= width) {
  .top-mv_btn_box {
    display: flex;
    flex-direction: column;
    gap: calc(var(--vw) * 1.5277777778);
    width: calc(var(--vw) * 12.1527777778);
    position: absolute;
    top: calc(var(--vw) * 20.8333333333);
    right: 0;
    z-index: 99;
  }
  .top-mv_btn_box.is-fixed {
    position: fixed;
    top: calc(var(--vw) * 11.8055555556);
  }
}

.top-mv_btn {
  display: block;
}

/* ===============================================
#トップページ 情報
=============================================== */
.top-info_section {
  background: transparent url(./../image/sp/top-info-bg.avif) no-repeat center center/cover;
  margin-top: calc(var(--vw) * -4.1666666667);
  padding-top: calc(var(--vw) * 11.8055555556);
  padding-bottom: calc(var(--vw) * 64);
}
@media (768px <= width) {
  .top-info_section {
    background: transparent url(./../image/top-info-bg.avif) no-repeat center center/cover;
    padding-bottom: calc(var(--vw) * 40.9722222222);
  }
}

.top-info_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 6.9444444444);
}

.top-info_movie_box {
  display: flex;
  justify-content: space-between;
}
@media (width <= 767px) {
  .top-info_movie_box {
    flex-direction: column;
    gap: calc(var(--vw) * 2.1333333333);
  }
}

@media (768px <= width) {
  .top-info_movie_object {
    width: calc(var(--vw) * 4.8611111111);
  }
  .top-info_movie_object img {
    height: 100%;
  }
}

.top-info_movie {
  aspect-ratio: 16/9;
}
@media (768px <= width) {
  .top-info_movie {
    width: calc(var(--vw) * 58.3333333333);
  }
}
.top-info_movie > iframe {
  width: 100%;
  height: 100%;
}

.top-info_textbox {
  border-top: 1px solid var(--color-brown2);
  border-bottom: 1px solid var(--color-brown2);
  padding: calc(var(--vw) * 1.6666666667) calc(var(--vw) * 1.3888888889);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 1.5277777778);
  font-family: var(--font-family-mincho);
}

.top-info_textbox_head {
  font-size: calc(var(--vw) * 5.3333333333);
  font-weight: 700;
  letter-spacing: var(--ls-xs);
  font-weight: 500;
  text-align: center;
}
@media (768px <= width) {
  .top-info_textbox_head {
    font-size: calc(var(--vw) * 2.0833333333);
  }
}

.top-info_textbox_bottom {
  line-height: var(--lh-lg);
  font-weight: 400;
}
@media (768px <= width) {
  .top-info_textbox_bottom {
    text-align: center;
  }
}

.top-info_content {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .top-info_content {
    gap: calc(var(--vw) * 3.4722222222);
  }
}

.top-info_heading {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: calc(var(--vw) * 8);
  font-weight: 700;
  font-family: var(--font-family-heading);
  letter-spacing: var(--ls-xxs);
}
@media (768px <= width) {
  .top-info_heading {
    font-size: calc(var(--vw) * 3.4722222222);
  }
}
.top-info_heading img {
  max-width: calc(var(--vw) * 40);
}
@media (768px <= width) {
  .top-info_heading img {
    max-width: calc(var(--vw) * 16.875);
  }
}

@media (width <= 767px) {
  .top-info_pickup-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 calc(var(--vw) * 2.6666666667);
  }
}
@media (768px <= width) {
  .top-info_pickup-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--vw) * 4.8611111111);
  }
}

.top-info_pickup_text {
  box-shadow: 0 0 11px 2px rgba(51, 51, 51, 0.7);
  border-radius: 50%;
}
@media (width <= 767px) {
  .top-info_pickup_text {
    width: calc(50% - var(--vw) * 2.6666666667 * 1 / 2);
  }
  .top-info_pickup_text:nth-child(1) {
    order: 1;
  }
  .top-info_pickup_text:nth-child(2) {
    order: 3;
    margin-top: calc(var(--vw) * -2.6666666667);
  }
  .top-info_pickup_text:nth-child(3) {
    order: 2;
  }
}
@media (768px <= width) {
  .top-info_pickup_text:nth-child(1), .top-info_pickup_text:nth-child(3) {
    margin-top: calc(var(--vw) * -6.9444444444);
  }
}

/* ===============================================
#トップページ 当院の診療について
=============================================== */
.top-about_section {
  background: transparent url(./../image/sp/top-about-bg_1.png) no-repeat top center/cover;
  position: relative;
  margin-top: calc(var(--vw) * -14.6666666667);
  padding-top: calc(var(--vw) * 1.25);
  padding-bottom: calc(var(--vw) * 11.8055555556);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 13.3333333333);
}
@media (768px <= width) {
  .top-about_section {
    margin-top: calc(var(--vw) * -24.0972222222);
    background: transparent url(./../image/top-about-bg_1.avif) no-repeat top center/cover;
    gap: calc(var(--vw) * 6.25);
  }
}

.top-about_object {
  position: absolute;
  top: calc(var(--vw) * -1.4583333333);
  width: calc(var(--vw) * 27.7777777778);
  z-index: 2;
}
.top-about_object.left {
  left: 0;
}
.top-about_object.right {
  right: 0;
}

.top-about_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 13.3333333333);
}
@media (768px <= width) {
  .top-about_inner {
    gap: calc(var(--vw) * 6.25);
  }
}

.top-about_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .top-about_head {
    gap: calc(var(--vw) * 3.2638888889);
  }
}

.top-about_head_img {
  width: calc(var(--vw) * 36.5333333333);
}
@media (768px <= width) {
  .top-about_head_img {
    width: calc(var(--vw) * 25.1388888889);
  }
}

.top-about_heading {
  width: calc(var(--vw) * 76);
}
@media (768px <= width) {
  .top-about_heading {
    width: calc(var(--vw) * 60.4166666667);
  }
}

.top-about_content {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 4);
  position: relative;
}
@media (768px <= width) {
  .top-about_content {
    gap: calc(var(--vw) * 1.3888888889);
  }
}

.top-about_content_object {
  position: absolute;
  width: calc(var(--vw) * 4.0277777778);
}
@media (width <= 767px) {
  .top-about_content_object {
    display: none;
  }
}
.top-about_content_object.top {
  top: calc(var(--vw) * 0.2777777778);
  right: calc(var(--vw) * -10.1388888889);
}
.top-about_content_object.bottom {
  top: calc(var(--vw) * -8.9583333333);
  right: calc(var(--vw) * -9.9305555556);
}

.top-about_content_box {
  display: flex;
  justify-content: space-between;
}
@media (width <= 767px) {
  .top-about_content_box {
    flex-direction: column;
    align-items: center;
    gap: calc(var(--vw) * 2.6666666667);
  }
}

.top-about_content_box_img {
  width: calc(var(--vw) * 21.3333333333);
}
@media (768px <= width) {
  .top-about_content_box_img {
    width: calc(var(--vw) * 13.8888888889);
  }
}

.top-about_content_text_box {
  line-height: var(--lh-lg);
}
@media (768px <= width) {
  .top-about_content_text_box {
    width: calc(var(--vw) * 51.0416666667);
  }
}

.top-about_feature_container {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .top-about_feature_container {
    gap: calc(var(--vw) * 4.1666666667);
  }
}

.top-about_feature_heading {
  font-weight: 700;
  letter-spacing: 0.16em;
  font-size: calc(var(--vw) * 5.3333333333);
}
@media (width <= 767px) {
  .top-about_feature_heading {
    border-bottom: 2px dotted currentColor;
    padding-bottom: calc(var(--vw) * 1.3333333333);
    text-align: center;
  }
}
@media (768px <= width) {
  .top-about_feature_heading {
    font-size: calc(var(--vw) * 2.2222222222);
    display: flex;
    align-items: center;
    gap: calc(var(--vw) * 2.0833333333);
  }
  .top-about_feature_heading::before, .top-about_feature_heading::after {
    content: "";
    display: block;
    flex: 1;
    border-top: 3px dotted currentColor;
  }
}

.top-about_feature_lists {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .top-about_feature_lists {
    gap: calc(var(--vw) * 2.0833333333);
  }
}

.top-about_feature_list {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (768px <= width) {
  .top-about_feature_list:nth-child(even) .top-about_feature_list_img {
    margin-left: calc((var(--vw) * 100 - 100%) / -2);
  }
  .top-about_feature_list:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .top-about_feature_list:nth-child(odd) .top-about_feature_list_img {
    margin-right: calc((var(--vw) * 100 - 100%) / -2);
  }
}

.top-about_feature_list_object {
  position: absolute;
}
@media (width <= 767px) {
  .top-about_feature_list_object {
    display: none;
  }
}
.top-about_feature_list_object.object-01 {
  width: calc(var(--vw) * 5.9722222222);
  bottom: calc(var(--vw) * 2.0833333333);
  left: calc(var(--vw) * -10.5555555556);
}
.top-about_feature_list_object.object-02 {
  width: calc(var(--vw) * 12.6388888889);
  top: calc(var(--vw) * 2.9861111111);
  right: calc(var(--vw) * -13.8888888889);
}
.top-about_feature_list_object.object-03 {
  width: calc(var(--vw) * 4.0972222222);
  bottom: calc(var(--vw) * -2.5694444444);
  left: calc(var(--vw) * -10);
}
.top-about_feature_list_object.object-04 {
  width: calc(var(--vw) * 5.4861111111);
  top: calc(var(--vw) * 0.6944444444);
  left: calc(var(--vw) * 25);
}
.top-about_feature_list_object.object-05 {
  width: calc(var(--vw) * 8.1944444444);
  top: calc(var(--vw) * 4.7916666667);
  left: calc(var(--vw) * -12.6388888889);
}
.top-about_feature_list_object.object-06 {
  width: calc(var(--vw) * 12.4305555556);
  top: calc(var(--vw) * 3.5416666667);
  right: calc(var(--vw) * -12.6388888889);
}
.top-about_feature_list_object.object-07 {
  width: calc(var(--vw) * 8.75);
  bottom: calc(var(--vw) * -4.5833333333);
  left: calc(var(--vw) * -9.7222222222);
}

@media (768px <= width) {
  .top-about_feature_list_img {
    width: calc(var(--vw) * 50.9027777778);
  }
}

.top-about_feature_list_text {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 2.6666666667);
  letter-spacing: 0.16em;
}
@media (width <= 767px) {
  .top-about_feature_list_text {
    align-items: center;
  }
}
@media (768px <= width) {
  .top-about_feature_list_text {
    gap: calc(var(--vw) * 1.3888888889);
    width: calc(var(--vw) * 31.25);
  }
}

.top-about_feature_list_number {
  width: calc(var(--vw) * 7.7333333333);
}
.top-about_feature_list_number.number-02 {
  width: calc(var(--vw) * 10.1333333333);
}
.top-about_feature_list_number.number-03 {
  width: calc(var(--vw) * 9.6);
}
@media (768px <= width) {
  .top-about_feature_list_number {
    width: calc(var(--vw) * 4.7222222222);
  }
  .top-about_feature_list_number.number-02 {
    width: calc(var(--vw) * 6.25);
  }
  .top-about_feature_list_number.number-03 {
    width: calc(var(--vw) * 5.8333333333);
  }
}

.top-about_feature_list_heading {
  font-weight: 700;
  line-height: var(--lh-sm);
  font-size: calc(var(--vw) * 3.125);
}
@media (width <= 767px) {
  .top-about_feature_list_heading {
    font-size: calc(var(--vw) * 8);
    text-align: center;
  }
}

.top-about_feature_btn {
  width: calc(var(--vw) * 53.3333333333);
  margin-inline: auto;
}
@media (768px <= width) {
  .top-about_feature_btn {
    width: calc(var(--vw) * 20.8333333333);
  }
}

/* ===============================================
#トップページ 年齢別の治療
=============================================== */
.top-medical_section {
  background: transparent url(./../image/sp/top-medical-bg_1.avif) no-repeat center center/cover;
  padding-top: calc(var(--vw) * 13.3333333333);
  padding-bottom: calc(var(--vw) * 40);
}
@media (768px <= width) {
  .top-medical_section {
    padding-top: calc(var(--vw) * 6.9444444444);
    padding-bottom: calc(var(--vw) * 33.3333333333);
    background: transparent url(./../image/top-medical-bg_1.avif) no-repeat top center/cover;
  }
}

.top-medical_container {
  position: relative;
  background: transparent url(./../image/top-medical-bg_2.avif) no-repeat center center/cover;
  box-shadow: var(--shadow-brown-sp);
  border-radius: calc(var(--vw) * 2.7777777778);
  padding: 0 calc(var(--vw) * 5.3333333333) calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .top-medical_container {
    box-shadow: var(--shadow-brown);
    padding: 0 calc(var(--vw) * 5.9027777778) calc(var(--vw) * 1.3888888889);
  }
}

.top-medical_object {
  position: absolute;
  right: calc(var(--vw) * 8);
  top: calc(var(--vw) * 64);
  width: calc(var(--vw) * 25.8666666667);
  z-index: 1;
}
@media (768px <= width) {
  .top-medical_object {
    width: calc(var(--vw) * 17.4305555556);
    right: calc(var(--vw) * 1.1805555556);
    top: calc(var(--vw) * 5.2777777778);
  }
}

.top-medical_container_inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
  top: calc(var(--vw) * -2.6666666667);
}
@media (768px <= width) {
  .top-medical_container_inner {
    gap: calc(var(--vw) * 3.4722222222);
    top: calc(var(--vw) * -1.8055555556);
  }
}

.top-medical_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: calc(var(--vw) * 0.6944444444);
}
@media (width <= 767px) {
  .top-medical_head {
    flex-direction: column;
    align-items: center;
    gap: calc(var(--vw) * 5.3333333333);
    padding-inline: 0;
  }
}

.top-medical_heading {
  width: calc(var(--vw) * 56.2666666667);
}
@media (768px <= width) {
  .top-medical_heading {
    width: calc(var(--vw) * 20.3472222222);
  }
}

.top-medical_head-text {
  line-height: var(--lh-lg);
}
@media (768px <= width) {
  .top-medical_head-text {
    width: calc(var(--vw) * 45.3472222222);
    padding-top: calc(var(--vw) * 2.7777777778);
  }
}

.top-medical_title {
  font-size: calc(var(--vw) * 6.1333333333);
  gap: calc(var(--vw) * 2.6666666667);
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-family: var(--font-family-heading);
  display: flex;
  align-items: center;
}
@media (768px <= width) {
  .top-medical_title {
    gap: calc(var(--vw) * 1.0416666667);
    font-size: calc(var(--vw) * 2.7777777778);
  }
}
.top-medical_title::before, .top-medical_title::after {
  content: "";
  display: block;
  width: calc(var(--vw) * 9.0666666667);
  height: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .top-medical_title::before, .top-medical_title::after {
    width: calc(var(--vw) * 4.6527777778);
    height: calc(var(--vw) * 2.7777777778);
  }
}
.top-medical_title::before {
  background: transparent url(./../image/top-medical-object_2.avif) no-repeat center center/contain;
}
.top-medical_title::after {
  background: transparent url(./../image/top-medical-object_3.avif) no-repeat center center/contain;
}

.top-medical_list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
  align-items: center;
  justify-content: space-between;
}
.top-medical_list:not(:last-of-type) {
  padding-bottom: calc(var(--vw) * 5.3333333333);
  margin-bottom: calc(var(--vw) * 5.3333333333);
  border-bottom: calc(var(--vw) * 0.5333333333) dotted #ebb783;
}
@media (768px <= width) {
  .top-medical_list {
    gap: 0;
    flex-direction: row;
    padding-left: calc(var(--vw) * 4.8611111111);
    padding-right: calc(var(--vw) * 2.0833333333);
  }
  .top-medical_list:not(:last-of-type) {
    padding-bottom: calc(var(--vw) * 4.1666666667);
    margin-bottom: calc(var(--vw) * 4.1666666667);
    border-bottom: calc(var(--vw) * 0.2777777778) dotted #ebb783;
  }
}
.top-medical_list:nth-of-type(1) .top-medical_list_title::before {
  background-color: #f5ae86;
}
.top-medical_list:nth-of-type(1) .top-medical_list_btn {
  background-color: #fad7c3;
}
.top-medical_list:nth-of-type(1) .top-medical_list_btn::before {
  border-color: #ee7836;
}
@media (768px <= width) {
  .top-medical_list:nth-of-type(2) .top-medical_list_img {
    width: calc(var(--vw) * 17.0138888889);
    margin-left: calc(var(--vw) * -0.6944444444);
  }
}
.top-medical_list:nth-of-type(2) .top-medical_list_title::before {
  background-color: #fbd373;
}
.top-medical_list:nth-of-type(2) .top-medical_list_btn {
  background-color: #fde9b9;
}
.top-medical_list:nth-of-type(2) .top-medical_list_btn::before {
  border-color: #f8b616;
}
@media (768px <= width) {
  .top-medical_list:nth-of-type(3) .top-medical_list_img {
    width: calc(var(--vw) * 16.1805555556);
    margin-left: calc(var(--vw) * -0.4166666667);
  }
}
.top-medical_list:nth-of-type(3) .top-medical_list_title::before {
  background-color: #d4e584;
}
.top-medical_list:nth-of-type(3) .top-medical_list_btn {
  background-color: #e9f2c1;
}
.top-medical_list:nth-of-type(3) .top-medical_list_btn::before {
  border-color: #b7d332;
}
.top-medical_list:nth-of-type(4) .top-medical_list_title::before {
  background-color: #a7d69c;
}
.top-medical_list:nth-of-type(4) .top-medical_list_btn {
  background-color: #d3ebcd;
}
.top-medical_list:nth-of-type(4) .top-medical_list_btn::before {
  border-color: #6cbb5a;
}

@media (768px <= width) {
  .top-medical_list_img {
    width: calc(var(--vw) * 15.4166666667);
  }
}

.top-medical_list_textbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--vw) * 4.2666666667);
}
@media (768px <= width) {
  .top-medical_list_textbox {
    width: calc(var(--vw) * 44.4444444444);
    gap: calc(var(--vw) * 1.5972222222);
  }
}
.top-medical_list_textbox p {
  line-height: 1.75;
}

.top-medical_list_title {
  font-weight: 700;
  font-size: calc(var(--vw) * 5.3333333333);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  position: relative;
  text-align: center;
}
@media (768px <= width) {
  .top-medical_list_title {
    margin-inline: 0;
    font-size: calc(var(--vw) * 2.5);
  }
}
.top-medical_list_title::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: calc(var(--vw) * 1.0666666667);
  border-radius: 50vw;
}
@media (768px <= width) {
  .top-medical_list_title::before {
    height: calc(var(--vw) * 0.5555555556);
  }
}

.top-medical_list_btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--vw) * 2.1333333333);
  border-radius: 50vw;
  position: relative;
  font-size: calc(var(--vw) * 3.4666666667);
  font-weight: 700;
  padding: calc(var(--vw) * 1.0666666667);
  box-shadow: 0 calc(var(--vw) * 0.5333333333) 0 0 #cb890d;
}
@media (768px <= width) {
  .top-medical_list_btn {
    box-shadow: 0 calc(var(--vw) * 0.2083333333) 0 0 #cb890d;
    gap: calc(var(--vw) * 0.6944444444);
    padding: calc(var(--vw) * 0.6944444444);
    font-size: calc(var(--vw) * 1.7361111111);
  }
}
.top-medical_list_btn:before {
  content: "";
  display: block;
  border: 1px solid;
  position: absolute;
  top: calc(var(--vw) * 0.3472222222);
  left: calc(var(--vw) * 0.3472222222);
  right: calc(var(--vw) * 0.3472222222);
  bottom: calc(var(--vw) * 0.3472222222);
  border-radius: 50vw;
}
.top-medical_list_btn::after {
  content: "";
  display: block;
  width: calc(var(--vw) * 2.1333333333);
  height: calc(var(--vw) * 2.6666666667);
  background-color: var(--color-brown);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media (768px <= width) {
  .top-medical_list_btn::after {
    width: calc(var(--vw) * 0.8333333333);
    height: calc(var(--vw) * 1.0416666667);
  }
}

/* ===============================================
#トップページ こわいをなくす
=============================================== */
.top-device_section {
  background: transparent url(./../image/sp/top-device-bg_1.avif) no-repeat top center/cover;
  padding-top: calc(var(--vw) * 96);
  padding-bottom: calc(var(--vw) * 25.6944444444);
  margin-top: calc(var(--vw) * -30.9722222222);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 2.7777777778);
  overflow-x: hidden;
}
@media (768px <= width) {
  .top-device_section {
    padding-top: calc(var(--vw) * 16.8055555556);
    background: transparent url(./../image/top-device-bg_1.avif) no-repeat top center/cover;
  }
}

.top-device_head-container {
  width: 100%;
  margin-inline: auto;
  max-width: 91.6%;
}
@media (768px <= width) {
  .top-device_head-container {
    max-width: calc(var(--vw) * 84.0277777778);
  }
}

.top-device_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 1.3333333333);
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
}
@media (768px <= width) {
  .top-device_head {
    gap: calc(var(--vw) * 0.3472222222);
  }
}

@media (768px <= width) {
  .top-device_heading {
    width: calc(var(--vw) * 56.4583333333);
  }
}

.top-device_text {
  line-height: var(--lh-md);
}
@media (768px <= width) {
  .top-device_text {
    width: calc(var(--vw) * 37.9166666667);
    margin-left: calc(var(--vw) * 3.3333333333);
  }
}

.top-device_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .top-device_inner {
    gap: calc(var(--vw) * 3.125);
  }
}

.top-device_lists {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: calc(var(--vw) * 10.6666666667);
  width: 100%;
  margin-inline: auto;
}
@media (768px <= width) {
  .top-device_lists {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--vw) * 2.0833333333);
    max-width: calc(var(--vw) * 61.8055555556);
  }
}

.top-device_list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 2.1333333333);
  padding: calc(var(--vw) * 13.3333333333) calc(var(--vw) * 5.8666666667) 0;
  position: relative;
  color: #fff;
  height: calc(var(--vw) * 69.3333333333);
}
@media (768px <= width) {
  .top-device_list {
    width: calc(var(--vw) * 27.7777777778);
    height: calc(var(--vw) * 21.4583333333);
    padding: calc(var(--vw) * 4.375) calc(var(--vw) * 2.9166666667) 0;
    gap: calc(var(--vw) * 0.6944444444);
  }
}
.top-device_list::before {
  content: "";
  display: block;
  width: calc(var(--vw) * 112);
  height: calc(var(--vw) * 90.6666666667);
  background: transparent url(./../image/sp/top-device-bg_2.avif) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (768px <= width) {
  .top-device_list::before {
    background: transparent url(./../image/top-device-bg_2.avif) no-repeat center center/contain;
    width: calc(var(--vw) * 33.3333333333);
    height: calc(var(--vw) * 26.875);
  }
}
.top-device_list > * {
  position: relative;
  z-index: 2;
}

.top-device_list_title,
.top-zero_list_title {
  font-weight: 700;
  line-height: var(--lh-sm);
  font-size: calc(var(--vw) * 5.3333333333);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
@media (768px <= width) {
  .top-device_list_title,
  .top-zero_list_title {
    font-size: calc(var(--vw) * 2.2222222222);
    height: calc(var(--vw) * 5.2777777778);
  }
}

.top-device_lead {
  background-color: #fff;
  padding: calc(var(--vw) * 2.1333333333) calc(var(--vw) * 5.3333333333);
  border-radius: calc(var(--vw) * 5.3333333333);
  text-align: center;
  font-size: calc(var(--vw) * 3.7333333333);
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media (768px <= width) {
  .top-device_lead {
    padding: calc(var(--vw) * 0.5555555556);
    border-radius: 50vw;
    font-size: calc(var(--vw) * 1.6666666667);
    width: 100%;
    margin-inline: 0;
  }
}
.top-device_lead b {
  font-weight: 700;
  font-size: calc(var(--vw) * 4.8);
  color: var(--color-red);
}
@media (768px <= width) {
  .top-device_lead b {
    font-size: calc(var(--vw) * 2.0833333333);
  }
}

/* ===============================================
#トップページ むし歯ゼロ
=============================================== */
.top-zero_section {
  background: transparent url(./../image/sp/top-zero-bg_1.avif) no-repeat top center/cover;
  padding-top: calc(var(--vw) * 74.6666666667);
  padding-bottom: calc(var(--vw) * 45.3333333333);
  margin-top: calc(var(--vw) * -26.6666666667);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
  position: relative;
  z-index: 3;
  overflow-x: hidden;
}
@media (768px <= width) {
  .top-zero_section {
    padding-bottom: calc(var(--vw) * 22.9166666667);
    margin-top: calc(var(--vw) * -26.3888888889);
    padding-top: calc(var(--vw) * 13.8888888889);
    gap: calc(var(--vw) * 3.125);
    background: transparent url(./../image/top-zero-bg_1.avif) no-repeat top center/cover;
  }
}

.top-zero_section_head_container {
  width: 100%;
  margin-inline: auto;
  max-width: 91.6%;
}
@media (768px <= width) {
  .top-zero_section_head_container {
    max-width: calc(var(--vw) * 75.6944444444);
  }
}

.top-zero_section_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 1.3333333333);
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
}
@media (768px <= width) {
  .top-zero_section_head {
    gap: calc(var(--vw) * 0.3472222222);
  }
}

@media (768px <= width) {
  .top-zero_heading {
    width: calc(var(--vw) * 51.3888888889);
  }
}

.top-zero_head_text {
  line-height: var(--lh-md);
}
@media (768px <= width) {
  .top-zero_head_text {
    width: calc(var(--vw) * 39.5833333333);
    margin-left: calc(var(--vw) * 0.3472222222);
  }
}

.top-zero_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 10.6666666667);
  margin-inline: auto;
  max-width: 91.6%;
}
@media (768px <= width) {
  .top-zero_inner {
    max-width: calc(var(--vw) * 70.1388888889);
    gap: calc(var(--vw) * 2.7777777778);
  }
}

.top-zero_lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--vw) * 9.3333333333);
}
@media (768px <= width) {
  .top-zero_lists {
    gap: calc(var(--vw) * 2.4305555556);
  }
}

.top-zero_list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 2.1333333333);
  padding: calc(var(--vw) * 13.3333333333) calc(var(--vw) * 5.8666666667) 0;
  position: relative;
  color: #fff;
  height: calc(var(--vw) * 64);
}
@media (768px <= width) {
  .top-zero_list {
    width: calc(var(--vw) * 21.6666666667);
    height: calc(var(--vw) * 23.8888888889);
    padding: calc(var(--vw) * 3.8194444444) calc(var(--vw) * 2.7777777778) 0;
  }
}
.top-zero_list::before {
  content: "";
  display: block;
  width: calc(var(--vw) * 112);
  height: calc(var(--vw) * 85.3333333333);
  background: transparent url(./../image/sp/top-zero-bg_2.avif) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (768px <= width) {
  .top-zero_list::before {
    background: transparent url(./../image/top-zero-bg_2.avif) no-repeat center center/contain;
    width: calc(var(--vw) * 26.7361111111);
    height: calc(var(--vw) * 29.1666666667);
  }
}
.top-zero_list > * {
  position: relative;
  z-index: 2;
}

/* ===============================================
#トップページ 院長あいさつ
=============================================== */
.top-doctor_section {
  background: transparent url(./../image/sp/top-doctor-bg_1.avif) no-repeat bottom center/cover;
  padding-top: calc(var(--vw) * 21.3333333333);
  padding-bottom: calc(var(--vw) * 48);
  margin-top: calc(var(--vw) * -16);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .top-doctor_section {
    gap: calc(var(--vw) * 0.4861111111);
    margin-top: calc(var(--vw) * -28.4722222222);
    padding-top: calc(var(--vw) * 17.3611111111);
    padding-bottom: calc(var(--vw) * 8.3333333333);
    background: transparent url(./../image/top-doctor-bg_1.avif) no-repeat bottom center/cover;
  }
}

.top-doctor_heading_inner {
  width: 100%;
  margin-inline: auto;
}
@media (768px <= width) {
  .top-doctor_heading_inner {
    max-width: calc(var(--vw) * 76.3888888889);
  }
}

@media (width <= 767px) {
  .top-doctor_heading {
    margin-inline: auto;
    width: calc(var(--vw) * 74.6666666667);
  }
}
@media (768px <= width) {
  .top-doctor_heading {
    width: calc(var(--vw) * 32.3611111111);
  }
}

.top-doctor_container {
  display: flex;
  justify-content: space-between;
}
@media (width <= 767px) {
  .top-doctor_container {
    flex-direction: column;
    align-items: center;
    gap: calc(var(--vw) * 13.3333333333);
  }
}

.top-doctor_name_box {
  width: calc(var(--vw) * 51.2);
}
@media (768px <= width) {
  .top-doctor_name_box {
    width: calc(var(--vw) * 20.8333333333);
  }
}

.top-doctor_textbox {
  line-height: var(--lh-md);
  color: var(--color-cream);
}
@media (768px <= width) {
  .top-doctor_textbox {
    width: calc(var(--vw) * 44.4444444444);
  }
}

.top-doctor_name {
  width: calc(var(--vw) * 36.5333333333);
  height: calc(var(--vw) * 13.8666666667);
  background: transparent url(./../image/top-doctor-bg_2.avif) no-repeat center center/contain;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--color-cream);
  text-align: center;
  letter-spacing: var(--ls-sm);
  margin: calc(var(--vw) * -3.2) auto 0;
  position: relative;
  z-index: 2;
}
@media (width <= 767px) {
  .top-doctor_name {
    font-size: calc(var(--vw) * 2.9333333333);
  }
}
@media (768px <= width) {
  .top-doctor_name {
    width: calc(var(--vw) * 14.8611111111);
    height: calc(var(--vw) * 5.625);
    margin: calc(var(--vw) * -1.3888888889) auto 0;
  }
}
.top-doctor_name b {
  font-size: calc(var(--vw) * 5.0666666667);
}
@media (768px <= width) {
  .top-doctor_name b {
    font-size: calc(var(--vw) * 2.0833333333);
  }
}

/* ===============================================
#トップページ スライド
=============================================== */
.top-slide_section {
  background: transparent url(./../image/top-slide-bg_1.avif) no-repeat top center/cover;
  padding-block: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .top-slide_section {
    padding-block: calc(var(--vw) * 2.7777777778);
  }
}
.top-slide_section .splide__slide img {
  height: 100%;
}

/* ===============================================
#小児矯正 症例
=============================================== */
.orthodontics-case_section {
  background: transparent url(./../image/orthodontics-case-bg_1.avif) no-repeat top center/cover;
  padding-top: calc(var(--vw) * 13.8888888889);
  padding-bottom: calc(var(--vw) * 13.8888888889);
  margin-top: calc(var(--vw) * -6.9444444444);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
  overflow-x: hidden;
}
@media (768px <= width) {
  .orthodontics-case_section {
    gap: calc(var(--vw) * 3.125);
  }
}

.orthodontics-case_fukidashi {
  background-color: rgba(244, 137, 81, 0.7);
  border-radius: calc(var(--vw) * 3.4722222222);
  padding: calc(var(--vw) * 5.3333333333) calc(var(--vw) * 2.6666666667);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 4.2666666667);
  position: relative;
  margin-bottom: calc(var(--vw) * 3.4722222222);
}
@media (768px <= width) {
  .orthodontics-case_fukidashi {
    padding: calc(var(--vw) * 0.1388888889) calc(var(--vw) * 3.4722222222) calc(var(--vw) * 2.6388888889);
    gap: calc(var(--vw) * 0.2777777778);
  }
}
.orthodontics-case_fukidashi::before {
  content: "";
  display: block;
  background-color: rgba(244, 137, 81, 0.7);
  width: calc(var(--vw) * 6.9444444444);
  height: calc(var(--vw) * 3.4722222222);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.orthodontics-case_heading {
  width: calc(var(--vw) * 59.4666666667);
}
@media (768px <= width) {
  .orthodontics-case_heading {
    width: calc(var(--vw) * 60.4166666667);
  }
}

.orthodontics-case_lists {
  display: flex;
  width: 100%;
}
@media (width <= 767px) {
  .orthodontics-case_lists {
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--vw) * 5.3333333333) calc(var(--vw) * 5.3333333333);
  }
}
@media (768px <= width) {
  .orthodontics-case_lists {
    justify-content: space-between;
    margin-bottom: calc(var(--vw) * 1.1111111111);
  }
}

.orthodontics-case_list {
  width: calc(var(--vw) * 40);
  height: calc(var(--vw) * 40);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (768px <= width) {
  .orthodontics-case_list {
    width: calc(var(--vw) * 12.3611111111);
    height: calc(var(--vw) * 12.3611111111);
  }
}
.orthodontics-case_list::before {
  content: "";
  display: block;
  width: calc(var(--vw) * 58.6666666667);
  height: calc(var(--vw) * 58.6666666667);
  background: transparent url(./../image/orthodontics-case-bg_2.avif) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (768px <= width) {
  .orthodontics-case_list::before {
    width: calc(var(--vw) * 17.3611111111);
    height: calc(var(--vw) * 17.3611111111);
  }
}

.orthodontics-case_list_text {
  text-align: center;
  font-size: calc(var(--vw) * 5.6);
  font-weight: 700;
  line-height: var(--lh-sm);
  position: relative;
  z-index: 2;
}
@media (768px <= width) {
  .orthodontics-case_list_text {
    font-size: calc(var(--vw) * 1.7361111111);
  }
}
.orthodontics-case_list_text small {
  font-size: calc(var(--vw) * 4.2666666667);
}
@media (768px <= width) {
  .orthodontics-case_list_text small {
    font-size: calc(var(--vw) * 1.3888888889);
  }
}

.orthodontics-case_lead {
  background-color: #fff;
  padding: calc(var(--vw) * 4.2666666667) calc(var(--vw) * 1.3333333333);
  border-radius: calc(var(--vw) * 2.6666666667);
  text-align: center;
  font-size: calc(var(--vw) * 4.2666666667);
  width: 100%;
}
@media (768px <= width) {
  .orthodontics-case_lead {
    font-size: calc(var(--vw) * 1.6666666667);
    padding: calc(var(--vw) * 0.5555555556);
    border-radius: 50vw;
  }
}
.orthodontics-case_lead b {
  font-weight: 700;
  font-size: calc(var(--vw) * 5.3333333333);
  color: var(--color-red);
}
@media (768px <= width) {
  .orthodontics-case_lead b {
    font-size: calc(var(--vw) * 2.0833333333);
  }
}

.orthodontics-case_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .orthodontics-case_inner {
    gap: calc(var(--vw) * 3.4722222222);
  }
}

.orthodontics-case_case-title {
  font-size: calc(var(--vw) * 8);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-align: center;
  position: relative;
}
@media (768px <= width) {
  .orthodontics-case_case-title {
    font-size: calc(var(--vw) * 2.2222222222);
  }
}
.orthodontics-case_case-title::before {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(var(--vw) * -2.6666666667);
  left: 50%;
  width: calc(var(--vw) * 79.4666666667);
  height: calc(var(--vw) * 3.2);
  transform: translateX(-50%);
  background: transparent url(./../image/orthodontics-case-object_1.avif) no-repeat center center/contain;
}
@media (768px <= width) {
  .orthodontics-case_case-title::before {
    bottom: calc(var(--vw) * -1.3888888889);
    width: calc(var(--vw) * 20.8333333333);
    height: calc(var(--vw) * 0.9027777778);
  }
}

.orthodontics-case_blocks {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 6.4);
}
@media (768px <= width) {
  .orthodontics-case_blocks {
    gap: calc(var(--vw) * 3.3333333333);
  }
}

.orthodontics-case_block {
  padding: calc(var(--vw) * 3.4722222222);
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (width <= 767px) {
  .orthodontics-case_block {
    height: calc(var(--vw) * 226.6666666667);
    gap: calc(var(--vw) * 5.3333333333);
  }
}
@media (768px <= width) {
  .orthodontics-case_block {
    gap: calc(var(--vw) * 1.3888888889);
  }
}
.orthodontics-case_block::before {
  content: "";
  display: block;
  width: calc(var(--vw) * 112);
  height: calc(var(--vw) * 248);
  background: transparent url(./../image/sp/orthodontics-case-bg_3.avif) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (768px <= width) {
  .orthodontics-case_block::before {
    width: calc(var(--vw) * 74.5138888889);
    height: calc(var(--vw) * 54.3055555556);
    background: transparent url(./../image/orthodontics-case-bg_3.avif) no-repeat center center/contain;
  }
}

.orthodontics-case_block-head {
  display: flex;
  position: relative;
  z-index: 2;
}
@media (width <= 767px) {
  .orthodontics-case_block-head {
    flex-direction: column;
    gap: calc(var(--vw) * 3.2);
  }
}
@media (768px <= width) {
  .orthodontics-case_block-head {
    justify-content: space-between;
  }
}

.orthodontics-case_block-title-box {
  display: flex;
}
@media (width <= 767px) {
  .orthodontics-case_block-title-box {
    justify-content: space-between;
    align-items: center;
  }
}
@media (768px <= width) {
  .orthodontics-case_block-title-box {
    flex-direction: column;
    gap: calc(var(--vw) * 1.8055555556);
  }
}

.orthodontics-case_block-title-head {
  font-size: calc(var(--vw) * 4.2666666667);
  color: #fff;
  position: relative;
}
.orthodontics-case_block-title-head span {
  position: relative;
  z-index: 2;
}
@media (768px <= width) {
  .orthodontics-case_block-title-head {
    font-size: calc(var(--vw) * 1.9444444444);
  }
}
.orthodontics-case_block-title-head::before {
  content: "";
  display: block;
  width: calc(var(--vw) * 51.2);
  height: calc(var(--vw) * 17.6);
  background: transparent url(./../image/orthodontics-case-object_2.avif) no-repeat center center/contain;
  position: absolute;
  top: calc(var(--vw) * -4.5333333333);
  left: calc(var(--vw) * -6.9333333333);
}
@media (768px <= width) {
  .orthodontics-case_block-title-head::before {
    width: calc(var(--vw) * 22.9166666667);
    height: calc(var(--vw) * 4.5833333333);
    top: calc(var(--vw) * -0.4861111111);
    left: calc(var(--vw) * -4.8611111111);
  }
}

.orthodontics-case_block-title-bottom {
  font-size: calc(var(--vw) * 5.3333333333);
  font-family: var(--font-family-heading);
  line-height: 1.38;
  letter-spacing: var(--ls-xxs);
}
@media (768px <= width) {
  .orthodontics-case_block-title-bottom {
    font-size: calc(var(--vw) * 2.7083333333);
  }
}

.orthodontics-case_before_after {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (768px <= width) {
  .orthodontics-case_before_after {
    width: calc(var(--vw) * 42.2222222222);
  }
}

.orthodontics-case_before_after_item {
  display: flex;
  flex-direction: column;
  width: calc(var(--vw) * 38.6666666667);
}
@media (768px <= width) {
  .orthodontics-case_before_after_item {
    width: calc(var(--vw) * 19.3055555556);
  }
}
.orthodontics-case_before_after_item img {
  border-radius: calc(var(--vw) * 3.2);
}
@media (768px <= width) {
  .orthodontics-case_before_after_item img {
    border-radius: calc(var(--vw) * 1.3888888889);
  }
}

.orthodontics-case_arrow {
  width: calc(var(--vw) * 4.2666666667);
  margin-bottom: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .orthodontics-case_arrow {
    width: calc(var(--vw) * 2.3611111111);
    margin-bottom: calc(var(--vw) * 2.0833333333);
  }
}

.orthodontics-case_before_after_text {
  text-align: center;
  font-size: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .orthodontics-case_before_after_text {
    font-size: calc(var(--vw) * 1.3888888889);
  }
}

.orthodontics-case_table {
  position: relative;
  z-index: 2;
}
.orthodontics-case_table tbody tr:last-child th,
.orthodontics-case_table tbody tr:last-child td {
  border-bottom: 1px solid #999999;
}
.orthodontics-case_table tbody th,
.orthodontics-case_table tbody td {
  border-top: 1px solid #999999;
  vertical-align: middle;
  padding: calc(var(--vw) * 2.6666666667) calc(var(--vw) * 0.8);
}
@media (768px <= width) {
  .orthodontics-case_table tbody th,
  .orthodontics-case_table tbody td {
    padding: calc(var(--vw) * 0.4166666667);
  }
}
.orthodontics-case_table tbody th {
  background-color: #f3e7cf;
  font-size: calc(var(--vw) * 3.7333333333);
  line-height: 1.43;
  width: calc(var(--vw) * 18.6666666667);
  text-align: center;
}
@media (768px <= width) {
  .orthodontics-case_table tbody th {
    font-size: calc(var(--vw) * 1.1111111111);
    width: calc(var(--vw) * 10.6944444444);
  }
}
.orthodontics-case_table tbody td {
  line-height: 1.61;
  padding-left: calc(var(--vw) * 2.1333333333);
  padding-right: calc(var(--vw) * 2.1333333333);
}
@media (768px <= width) {
  .orthodontics-case_table tbody td {
    padding-left: calc(var(--vw) * 2.9166666667);
    padding-right: calc(var(--vw) * 2.0833333333);
  }
}
.orthodontics-case_table tbody td.small {
  font-size: calc(var(--vw) * 3.7333333333);
  line-height: 1.66;
}
@media (768px <= width) {
  .orthodontics-case_table tbody td.small {
    font-size: calc(var(--vw) * 1.0416666667);
  }
}
.orthodontics-case_table tbody td.h-131 {
  height: calc(var(--vw) * 9.0972222222);
}

/* ===============================================
#小児矯正 小児矯正とは
=============================================== */
.orthodontics-about_section {
  background: transparent url(./../image/sp/orthodontics-about-bg_1.avif) no-repeat top center/cover;
  margin-top: calc(var(--vw) * -5.3333333333);
  padding-top: calc(var(--vw) * 13.3333333333);
  padding-bottom: calc(var(--vw) * 21.3333333333);
}
@media (768px <= width) {
  .orthodontics-about_section {
    margin-top: calc(var(--vw) * -4.7222222222);
    padding-top: calc(var(--vw) * 7.6388888889);
    padding-bottom: calc(var(--vw) * 14.8611111111);
    background: transparent url(./../image/orthodontics-about-bg_1.avif) no-repeat center center/cover;
  }
}

.orthodontics-about_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 9.6);
}
@media (768px <= width) {
  .orthodontics-about_inner {
    gap: calc(var(--vw) * 3.0555555556);
  }
}

.orthodontics-about_head {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 3.8194444444);
}

.orthodontics-about_merit {
  display: flex;
  align-items: center;
  position: relative;
}

.orthodontics-about_merit_textbox {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 10.1333333333);
  position: relative;
  z-index: 2;
}
@media (768px <= width) {
  .orthodontics-about_merit_textbox {
    gap: calc(var(--vw) * 2.6388888889);
    width: -moz-fit-content;
    width: fit-content;
    left: calc(var(--vw) * -0.6944444444);
  }
}

@media (768px <= width) {
  .orthodontics-about_merit_title {
    width: calc(var(--vw) * 45.3472222222);
  }
}

.orthodontics-about_merit_img {
  position: absolute;
  right: calc(var(--vw) * -13.8888888889);
  width: calc(var(--vw) * 59.0277777778);
  z-index: 1;
}
@media (width <= 767px) {
  .orthodontics-about_merit_img {
    display: none;
  }
}

.orthodontics-about_merit_lists {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .orthodontics-about_merit_lists {
    gap: calc(var(--vw) * 2.7777777778);
  }
}
.orthodontics-about_merit_lists dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--vw) * 1.6);
}
@media (768px <= width) {
  .orthodontics-about_merit_lists dl {
    gap: calc(var(--vw) * 0.6944444444);
  }
}
.orthodontics-about_merit_lists dl dt {
  font-size: calc(var(--vw) * 4.2666666667);
  font-weight: 700;
  line-height: 1.6;
  padding: calc(var(--vw) * 0.8) calc(var(--vw) * 2.6666666667) calc(var(--vw) * 0.8) calc(var(--vw) * 9.3333333333);
  background: #f08f3f;
  position: relative;
  width: 100%;
}
@media (768px <= width) {
  .orthodontics-about_merit_lists dl dt {
    background: linear-gradient(90deg, #f08f3f 0%, #f08f3f 70%, transparent 100%);
    font-size: calc(var(--vw) * 2.2222222222);
    padding: calc(var(--vw) * 0.2083333333) calc(var(--vw) * 4.1666666667) calc(var(--vw) * 0.2083333333) calc(var(--vw) * 4.3055555556);
  }
}
.orthodontics-about_merit_lists dl dt::before {
  content: "";
  display: block;
  width: calc(var(--vw) * 4.2666666667);
  height: calc(var(--vw) * 4.5333333333);
  position: absolute;
  left: calc(var(--vw) * 2.6666666667);
  top: 50%;
  transform: translateY(-50%);
  background: transparent url(./../image/header-icon_4.svg) no-repeat center center/contain;
}
@media (768px <= width) {
  .orthodontics-about_merit_lists dl dt::before {
    width: calc(var(--vw) * 2.0138888889);
    height: calc(var(--vw) * 2.1527777778);
    left: calc(var(--vw) * 0.6944444444);
  }
}
.orthodontics-about_merit_lists dl dd {
  line-height: var(--lh-lg);
}
@media (768px <= width) {
  .orthodontics-about_merit_lists dl dd {
    width: calc(var(--vw) * 37.2916666667);
  }
}

.orthodontics-about_feature {
  background-color: #fff;
  padding: calc(var(--vw) * 5.3333333333);
  box-shadow: var(--shadow-brown-sp);
  border-radius: calc(var(--vw) * 2.7777777778);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 3.4666666667);
  position: relative;
}
@media (768px <= width) {
  .orthodontics-about_feature {
    box-shadow: var(--shadow-brown);
    padding: calc(var(--vw) * 2.0833333333) calc(var(--vw) * 3.8888888889) calc(var(--vw) * 2.0833333333);
    gap: calc(var(--vw) * 0.9027777778);
  }
}

.orthodontics-about_feature-object {
  width: calc(var(--vw) * 23.6111111111);
  position: absolute;
  z-index: 2;
  bottom: calc(var(--vw) * -4.7222222222);
  right: calc(var(--vw) * -3.9583333333);
}
@media (width <= 767px) {
  .orthodontics-about_feature-object {
    display: none;
  }
}

.orthodontics-about_feature-title {
  font-size: calc(var(--vw) * 5.3333333333);
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-family: var(--font-family-heading);
  display: flex;
  align-items: center;
  gap: calc(var(--vw) * 2.6666666667);
  letter-spacing: var(--ls-xxs);
}
@media (768px <= width) {
  .orthodontics-about_feature-title {
    gap: calc(var(--vw) * 1.0416666667);
    font-size: calc(var(--vw) * 2.7777777778);
  }
}
.orthodontics-about_feature-title span {
  text-align: center;
}
@media (768px <= width) {
  .orthodontics-about_feature-title span {
    display: flex;
    align-items: center;
  }
}
.orthodontics-about_feature-title b {
  color: #f08f3f;
  font-size: calc(var(--vw) * 9.6);
  line-height: 0.8;
}
@media (768px <= width) {
  .orthodontics-about_feature-title b {
    font-size: calc(var(--vw) * 4.8611111111);
  }
}
.orthodontics-about_feature-title::before, .orthodontics-about_feature-title::after {
  content: "";
  display: block;
  width: calc(var(--vw) * 8.5333333333);
  height: calc(var(--vw) * 5.0666666667);
  margin-top: calc(var(--vw) * 1.3333333333);
}
@media (768px <= width) {
  .orthodontics-about_feature-title::before, .orthodontics-about_feature-title::after {
    width: calc(var(--vw) * 4.6527777778);
    height: calc(var(--vw) * 2.7777777778);
    margin-top: calc(var(--vw) * 0.3472222222);
  }
}
.orthodontics-about_feature-title::before {
  background: transparent url(./../image/top-medical-object_2.avif) no-repeat center center/contain;
}
.orthodontics-about_feature-title::after {
  background: transparent url(./../image/top-medical-object_3.avif) no-repeat center center/contain;
}

.orthodontics-about_feature-lists {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.3333333333);
  width: 100%;
}
@media (768px <= width) {
  .orthodontics-about_feature-lists {
    gap: calc(var(--vw) * 1.3888888889);
  }
}
.orthodontics-about_feature-lists li {
  display: flex;
  align-items: center;
  gap: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .orthodontics-about_feature-lists li {
    gap: calc(var(--vw) * 1.5277777778);
  }
}
.orthodontics-about_feature-lists li img {
  width: calc(var(--vw) * 13.3333333333);
}
@media (768px <= width) {
  .orthodontics-about_feature-lists li img {
    width: calc(var(--vw) * 7.8472222222);
  }
}

.orthodontics-about_feature-text {
  font-size: calc(var(--vw) * 4.2666666667);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: var(--ls-xxs);
}
@media (768px <= width) {
  .orthodontics-about_feature-text {
    font-size: calc(var(--vw) * 1.7361111111);
  }
}
.orthodontics-about_feature-text b {
  color: var(--color-red);
  font-weight: 700;
  border-bottom: calc(var(--vw) * 0.8) solid #f8acad;
}
@media (768px <= width) {
  .orthodontics-about_feature-text b {
    border-bottom: calc(var(--vw) * 0.4166666667) solid #f8acad;
  }
}

/* ===============================================
#小児矯正 小児矯正のこだわり
=============================================== */
.orthodontics-obsession_section {
  background: transparent url(./../image/sp/orthodontics-obsession-bg_1.avif) no-repeat top center/cover;
  margin-top: calc(var(--vw) * -5.3333333333);
  padding-top: calc(var(--vw) * 13.3333333333);
  padding-bottom: calc(var(--vw) * 21.3333333333);
  overflow-x: hidden;
}
@media (768px <= width) {
  .orthodontics-obsession_section {
    background: transparent url(./../image/orthodontics-obsession-bg_1.avif) no-repeat top center/cover;
    margin-top: calc(var(--vw) * -6.9444444444);
    padding-top: calc(var(--vw) * 11.9444444444);
    padding-bottom: calc(var(--vw) * 4.5138888889);
  }
}

.orthodontics-obsession_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 9.7222222222);
}

.orthodontics-obsession_head {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.3333333333);
  align-items: center;
  color: #fff;
}
@media (768px <= width) {
  .orthodontics-obsession_head {
    gap: calc(var(--vw) * 2.3611111111);
  }
}

.orthodontics-obsession_heading {
  font-family: var(--font-family-heading);
  font-size: calc(var(--vw) * 9.3333333333);
  letter-spacing: 0.07em;
  padding-bottom: calc(var(--vw) * 2.6666666667);
  border-bottom: 1px solid currentColor;
  text-align: center;
  line-height: 1.28;
}
@media (width <= 767px) {
  .orthodontics-obsession_heading {
    width: 100%;
  }
}
@media (768px <= width) {
  .orthodontics-obsession_heading {
    font-size: calc(var(--vw) * 3.4722222222);
    padding-bottom: calc(var(--vw) * 0.6944444444);
  }
}

.orthodontics-obsession_text {
  line-height: var(--lh-lg);
  display: flex;
  flex-direction: column;
  gap: 1lh;
}
@media (768px <= width) {
  .orthodontics-obsession_text {
    width: calc(var(--vw) * 59.0277777778);
  }
}

.orthodontics-obsession_col {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .orthodontics-obsession_col {
    gap: calc(var(--vw) * 4.5138888889);
  }
}

.orthodontics-obsession_contaienr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 5.3333333333);
  position: relative;
}
@media (768px <= width) {
  .orthodontics-obsession_contaienr {
    gap: calc(var(--vw) * 2.0833333333);
  }
}

.orthodontics-obsession_container_object {
  position: absolute;
  z-index: 3;
}
@media (width <= 767px) {
  .orthodontics-obsession_container_object {
    display: none;
  }
}
.orthodontics-obsession_container_object.right {
  right: calc(var(--vw) * -7.6388888889);
  width: calc(var(--vw) * 11.4583333333);
  top: calc(var(--vw) * 0.8333333333);
}
.orthodontics-obsession_container_object.left {
  bottom: calc(var(--vw) * -10.2083333333);
  width: calc(var(--vw) * 16.1805555556);
  left: calc(var(--vw) * -9.0277777778);
}

.orthodontics-obsession_container_lead {
  font-size: calc(var(--vw) * 4.2666666667);
  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 2;
  color: #fff;
  letter-spacing: 0.07em;
}
@media (768px <= width) {
  .orthodontics-obsession_container_lead {
    font-size: calc(var(--vw) * 2.0833333333);
  }
}

.orthodontics-obsession_blocks {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.3333333333);
  position: relative;
}
@media (768px <= width) {
  .orthodontics-obsession_blocks {
    gap: calc(var(--vw) * 2.6388888889);
  }
}
.orthodontics-obsession_blocks::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(var(--vw) * 37.3333333333);
  position: absolute;
  top: calc(var(--vw) * -24);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: transparent url(./../image/sp/orthodontics-obsession-object_3.avif) no-repeat center center/contain;
}
@media (768px <= width) {
  .orthodontics-obsession_blocks::before {
    background: transparent url(./../image/orthodontics-obsession-object_3.avif) no-repeat center center/contain;
    height: calc(var(--vw) * 20.1388888889);
    top: calc(var(--vw) * -11.8055555556);
  }
}

.orthodontics-obsession_block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(var(--vw) * 16.6666666667);
  gap: calc(var(--vw) * 0.3472222222);
  position: relative;
  z-index: 2;
  padding: 0 calc(var(--vw) * 5.8333333333);
}
.orthodontics-obsession_block::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--vw) * 74.3055555556);
  height: calc(var(--vw) * 21.6666666667);
  background: transparent url(./../image/orthodontics-obsession-bg_2.avif) no-repeat center center/contain;
  z-index: 1;
}
@media (width <= 767px) {
  .orthodontics-obsession_block {
    padding: 0 calc(var(--vw) * 5.3333333333);
  }
  .orthodontics-obsession_block:before {
    width: calc(var(--vw) * 111.2);
    height: calc(var(--vw) * 114.6666666667);
  }
  .orthodontics-obsession_block:nth-child(1) {
    height: calc(var(--vw) * 92);
  }
  .orthodontics-obsession_block:nth-child(1)::before {
    background: transparent url(./../image/sp/orthodontics-obsession-bg_2.avif) no-repeat center center/contain;
  }
  .orthodontics-obsession_block:nth-child(2) {
    height: calc(var(--vw) * 52);
  }
  .orthodontics-obsession_block:nth-child(2)::before {
    background: transparent url(./../image/sp/orthodontics-obsession-bg_3.avif) no-repeat center center/contain;
  }
  .orthodontics-obsession_block:nth-child(3) {
    height: calc(var(--vw) * 65.3333333333);
  }
  .orthodontics-obsession_block:nth-child(3)::before {
    background: transparent url(./../image/sp/orthodontics-obsession-bg_4.avif) no-repeat center center/contain;
  }
}
.orthodontics-obsession_block > * {
  position: relative;
  z-index: 2;
}

.orthodontics-obsession_block_title {
  font-size: calc(var(--vw) * 5.3333333333);
  font-weight: 700;
  color: #852300;
}
@media (768px <= width) {
  .orthodontics-obsession_block_title {
    font-size: calc(var(--vw) * 2.2222222222);
  }
}

.orthodontics-obsession_block_text {
  line-height: var(--lh-lg);
}

.orthodontics-obsession_center-text {
  line-height: var(--lh-lg);
}
@media (768px <= width) {
  .orthodontics-obsession_center-text {
    width: calc(var(--vw) * 60.0694444444);
    margin-left: auto;
  }
}

.orthodontics-obsession_study {
  background-color: #fff;
  padding: calc(var(--vw) * 5.3333333333) calc(var(--vw) * 5.3333333333);
  border-radius: calc(var(--vw) * 2.7777777778);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .orthodontics-obsession_study {
    gap: calc(var(--vw) * 2.7777777778);
    padding: calc(var(--vw) * 1.8055555556) calc(var(--vw) * 0.6944444444) calc(var(--vw) * 2.7777777778);
  }
}

.orthodontics-obsession_study_head {
  font-size: calc(var(--vw) * 4.2666666667);
  font-weight: 700;
  text-align: center;
  letter-spacing: var(--ls-xs);
}
@media (768px <= width) {
  .orthodontics-obsession_study_head {
    font-size: calc(var(--vw) * 1.3888888889);
  }
}
.orthodontics-obsession_study_head b {
  font-size: calc(var(--vw) * 6.1333333333);
  color: var(--color-red);
  padding-bottom: calc(var(--vw) * 0.2777777778);
  background: transparent url(./../image/orthodontics-obsession-text-object_1.avif) repeat-x bottom center/calc(var(--vw) * 82.6666666667);
  letter-spacing: 0em;
}
@media (768px <= width) {
  .orthodontics-obsession_study_head b {
    font-size: calc(var(--vw) * 1.6666666667);
    background: transparent url(./../image/orthodontics-obsession-text-object_1.avif) repeat-x bottom center/calc(var(--vw) * 24.3055555556);
  }
}

.orthodontics-obsession_study_lists {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .orthodontics-obsession_study_lists {
    gap: calc(var(--vw) * 1.3888888889) calc(var(--vw) * 2.0833333333);
  }
}
.orthodontics-obsession_study_lists li {
  width: 100%;
  background-color: #efcdce;
  color: var(--color-red);
  text-align: center;
  padding: calc(var(--vw) * 2.6666666667);
  border-radius: 50vw;
  font-size: calc(var(--vw) * 5.3333333333);
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (768px <= width) {
  .orthodontics-obsession_study_lists li {
    width: calc(var(--vw) * 19.7222222222);
    padding: calc(var(--vw) * 0.6944444444);
    font-size: calc(var(--vw) * 1.3888888889);
  }
}

.orthodontics-obsession_study_bottom {
  font-size: calc(var(--vw) * 4.5333333333);
  font-weight: 700;
}
@media (768px <= width) {
  .orthodontics-obsession_study_bottom {
    text-align: center;
    font-size: calc(var(--vw) * 1.3194444444);
  }
}
.orthodontics-obsession_study_bottom b {
  font-size: calc(var(--vw) * 4.2666666667);
  color: var(--color-red);
  padding-bottom: calc(var(--vw) * 0.5333333333);
  background: transparent url(./../image/orthodontics-obsession-text-object_2.avif) repeat-x bottom center/calc(var(--vw) * 125.3333333333);
}
@media (768px <= width) {
  .orthodontics-obsession_study_bottom b {
    padding-bottom: calc(var(--vw) * 0.2777777778);
    font-size: calc(var(--vw) * 1.6666666667);
    background: transparent url(./../image/orthodontics-obsession-text-object_2.avif) no-repeat bottom center/contain;
  }
}

.orthodontics-obsession_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (width <= 767px) {
  .orthodontics-obsession_flex {
    flex-direction: column-reverse;
    gap: calc(var(--vw) * 10.6666666667);
  }
}

.orthodontics-obsession_flex_text {
  line-height: var(--lh-lg);
}
@media (768px <= width) {
  .orthodontics-obsession_flex_text {
    width: calc(var(--vw) * 36.4583333333);
  }
}

.orthodontics-obsession_flex_img_box {
  background-color: #fff;
  padding: calc(var(--vw) * 1.3333333333);
  box-shadow: var(--shadow-brown);
  width: calc(var(--vw) * 66.6666666667);
}
@media (768px <= width) {
  .orthodontics-obsession_flex_img_box {
    padding: calc(var(--vw) * 0.6944444444);
    width: calc(var(--vw) * 27.7777777778);
  }
}

/* ===============================================
#小児矯正 小児矯正の種類
=============================================== */
.orthodontics-type_section {
  background: transparent url(./../image/sp/orthodontics-type-bg_1.avif) no-repeat bottom center/100%;
  padding-top: calc(var(--vw) * 10.6666666667);
  padding-bottom: calc(var(--vw) * 37.3333333333);
}
@media (768px <= width) {
  .orthodontics-type_section {
    padding-top: calc(var(--vw) * 7.6388888889);
    padding-bottom: calc(var(--vw) * 6.0416666667);
    background: transparent url(./../image/orthodontics-type-bg_1.avif) no-repeat bottom center/100%;
  }
}

.orthodontics-type_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .orthodontics-type_inner {
    gap: calc(var(--vw) * 3.75);
  }
}

.orthodontics-type_blocks {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 2.7777777778);
}
.orthodontics-type_blocks.pink .orthodontics-type_block_list li {
  background-color: #f9e6e4;
}
.orthodontics-type_blocks.pink .orthodontics-type_block_list_title {
  color: #dd6e64;
}
.orthodontics-type_blocks.green .orthodontics-type_block_list li {
  background-color: #e9f0e4;
}
.orthodontics-type_blocks.green .orthodontics-type_block_list_title {
  color: #88b160;
}

.orthodontics-type_block {
  background-color: #fff;
  padding: calc(var(--vw) * 8) calc(var(--vw) * 5.3333333333);
  border-radius: calc(var(--vw) * 2.7777777778);
  box-shadow: var(--shadow-brown-sp);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 3.7333333333);
}
@media (768px <= width) {
  .orthodontics-type_block {
    box-shadow: var(--shadow-brown);
    padding: calc(var(--vw) * 2.5) calc(var(--vw) * 3.4722222222);
    gap: calc(var(--vw) * 1.6666666667);
  }
}

@media (768px <= width) {
  .orthodontics-type_block_title {
    margin-inline: calc(var(--vw) * 0.8333333333);
  }
}

.orthodontics-type_block_flex {
  display: flex;
}
@media (width <= 767px) {
  .orthodontics-type_block_flex {
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (768px <= width) {
  .orthodontics-type_block_flex {
    align-items: flex-start;
    justify-content: space-between;
    padding-inline: calc(var(--vw) * 3.1944444444);
  }
}

.orthodontics-type_block_flex_text {
  line-height: var(--lh-lg);
}
@media (768px <= width) {
  .orthodontics-type_block_flex_text {
    width: calc(var(--vw) * 43.0555555556);
  }
}

.orthodontics-type_block_flex_img {
  width: calc(var(--vw) * 20.5333333333);
}
@media (768px <= width) {
  .orthodontics-type_block_flex_img {
    width: calc(var(--vw) * 11.875);
  }
}

.orthodontics-type_block_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .orthodontics-type_block_list {
    gap: calc(var(--vw) * 1.6666666667);
    grid-template-columns: repeat(2, calc(var(--vw) * 30.5555555556));
  }
}
.orthodontics-type_block_list li {
  padding: calc(var(--vw) * 4.8) calc(var(--vw) * 6.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 1.6);
}
@media (768px <= width) {
  .orthodontics-type_block_list li {
    gap: calc(var(--vw) * 0.6944444444);
    padding: calc(var(--vw) * 1.6666666667) calc(var(--vw) * 2.0833333333);
  }
}

.orthodontics-type_block_list_title {
  text-align: center;
  font-size: calc(var(--vw) * 4.5333333333);
  font-weight: 700;
}
@media (768px <= width) {
  .orthodontics-type_block_list_title {
    font-size: calc(var(--vw) * 1.875);
  }
}

.orthodontics-type_block_list_text {
  line-height: var(--lh-lg);
}

/* ===============================================
#小児矯正 小児矯正の流れ
=============================================== */
.orthodontics-flow_section {
  background: transparent url(./../image/orthodontics-flow-bg_1.avif) no-repeat center center/cover;
  padding-top: calc(var(--vw) * 16);
  padding-bottom: calc(var(--vw) * 32);
}
@media (768px <= width) {
  .orthodontics-flow_section {
    padding-top: calc(var(--vw) * 6.9444444444);
    padding-bottom: calc(var(--vw) * 7.7777777778);
  }
}

.orthodontics-flow_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 21.3333333333);
}
@media (768px <= width) {
  .orthodontics-flow_inner {
    gap: calc(var(--vw) * 6.9444444444);
  }
}

.orthodontics-flow_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .orthodontics-flow_container {
    gap: calc(var(--vw) * 2.3611111111);
  }
}

.orthodontics-flow_heading {
  color: #f08f3f;
  font-size: calc(var(--vw) * 4.8);
  font-weight: 700;
  text-align: center;
}
@media (768px <= width) {
  .orthodontics-flow_heading {
    font-size: calc(var(--vw) * 2.2222222222);
  }
}

.orthodontics-flow_table {
  width: 100%;
  table-layout: fixed;
}
.orthodontics-flow_table th,
.orthodontics-flow_table td {
  border: 1px solid #999999;
  vertical-align: middle;
  text-align: center;
}
@media (width <= 767px) {
  .orthodontics-flow_table th,
  .orthodontics-flow_table td {
    font-size: calc(var(--vw) * 3.7333333333);
    padding: calc(var(--vw) * 2.6666666667) calc(var(--vw) * 1.3333333333);
  }
}
@media (768px <= width) {
  .orthodontics-flow_table th,
  .orthodontics-flow_table td {
    height: calc(var(--vw) * 6.9444444444);
  }
}
.orthodontics-flow_table th:first-child,
.orthodontics-flow_table td:first-child {
  border-left: none;
}
.orthodontics-flow_table th:last-child,
.orthodontics-flow_table td:last-child {
  border-right: none;
}
.orthodontics-flow_table thead th {
  background-color: #f9d2b2;
}
.orthodontics-flow_table thead tr:first-child th,
.orthodontics-flow_table thead tr:first-child td {
  border-top: none;
}
.orthodontics-flow_table tbody td {
  background-color: #fff;
}

.orthodontics-flow_lists {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.3333333333);
  position: relative;
  width: 100%;
}
@media (768px <= width) {
  .orthodontics-flow_lists {
    gap: calc(var(--vw) * 3.6111111111);
  }
}
.orthodontics-flow_lists::before {
  content: "";
  display: block;
  width: calc(var(--vw) * 2.1333333333);
  height: 98%;
  background-color: #e5c388;
  position: absolute;
  top: 1%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media (768px <= width) {
  .orthodontics-flow_lists::before {
    width: calc(var(--vw) * 1.9444444444);
  }
}
.orthodontics-flow_lists li {
  display: flex;
  align-items: center;
  box-shadow: var(--shadow-brown-sp);
  background-color: #fff;
  position: relative;
  z-index: 2;
}
@media (width <= 767px) {
  .orthodontics-flow_lists li {
    flex-direction: column;
    border-radius: calc(var(--vw) * 2.1333333333);
    padding: calc(var(--vw) * 3.7333333333) calc(var(--vw) * 5.3333333333);
    gap: calc(var(--vw) * 1.0666666667);
  }
}
@media (768px <= width) {
  .orthodontics-flow_lists li {
    padding: calc(var(--vw) * 0.6944444444) calc(var(--vw) * 1.3888888889);
    border-radius: calc(var(--vw) * 1.3888888889);
    min-height: calc(var(--vw) * 6.6666666667);
    box-shadow: var(--shadow-brown);
  }
}

.orthodontics-flow_list_title {
  font-size: calc(var(--vw) * 4.2666666667);
  text-align: center;
  color: #f08f3f;
  font-weight: 700;
}
@media (768px <= width) {
  .orthodontics-flow_list_title {
    width: calc(var(--vw) * 19.4444444444);
    font-size: calc(var(--vw) * 1.875);
  }
}

.orthodontics-flow_list_text {
  line-height: var(--lh-lg);
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (768px <= width) {
  .orthodontics-flow_list_text {
    padding-left: calc(var(--vw) * 1.3888888889);
    flex: 1;
  }
}

.orthodontics-flow_list_btn {
  background-color: #f08f3f;
  border-radius: 50vw;
  color: #fff;
  text-align: center;
  width: 200px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
@media (width <= 767px) {
  .orthodontics-flow_list_btn {
    margin-inline: auto;
  }
}
.orthodontics-flow_list_btn::after {
  content: "";
  display: block;
  width: 10px;
  height: 14px;
  background-color: #fff;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

/* ===============================================
#CTA
=============================================== */
.cta_section {
  background: transparent url(./../image/sp/cta-bg_1.avif) no-repeat center center/cover;
  min-height: calc(var(--vw) * 111.4666666667);
  padding-block: calc(var(--vw) * 12.8);
  position: relative;
  display: flex;
  align-items: center;
  overflow-x: clip;
}
@media (768px <= width) {
  .cta_section {
    min-height: calc(var(--vw) * 29.0277777778);
    padding-block: calc(var(--vw) * 3.3333333333);
    background: transparent url(./../image/cta-bg_1.avif) no-repeat center center/cover;
  }
}
.cta_section.cta-bg_2 {
  background-image: url(./../image/cta-bg_2.avif);
}

.cta_inner {
  position: relative;
  height: 100%;
}

.cta_heading {
  position: absolute;
  top: calc(var(--vw) * -6.9333333333);
  left: calc(var(--vw) * 5.3333333333);
  width: calc(var(--vw) * 80);
  z-index: 2;
}
@media (768px <= width) {
  .cta_heading {
    top: calc(var(--vw) * -3.6805555556);
    left: calc(var(--vw) * 11.25);
    width: calc(var(--vw) * 38.8194444444);
  }
}

.cta_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
@media (width <= 767px) {
  .cta_container {
    flex-direction: column;
    align-items: center;
    gap: calc(var(--vw) * 5.3333333333);
  }
}

.cta_img_box {
  background-color: #efdac5;
  padding: calc(var(--vw) * 2.1333333333);
  width: calc(var(--vw) * 80);
}
@media (768px <= width) {
  .cta_img_box {
    padding: calc(var(--vw) * 0.6944444444);
    width: calc(var(--vw) * 27.7777777778);
  }
}

.cta_textbox {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .cta_textbox {
    gap: calc(var(--vw) * 2.0833333333);
  }
}

.cta_text {
  color: #fff;
  line-height: var(--lh-lg);
}
@media (768px <= width) {
  .cta_text {
    width: calc(var(--vw) * 37.9166666667);
  }
}

.cta_btn {
  position: relative;
  height: calc(var(--vw) * 16.8);
}
@media (768px <= width) {
  .cta_btn {
    width: calc(var(--vw) * 37.6388888889);
    height: calc(var(--vw) * 4.375);
  }
}
.cta_btn img {
  content: "";
  display: block;
  width: calc(var(--vw) * 112);
  height: calc(var(--vw) * 40);
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media (768px <= width) {
  .cta_btn img {
    width: calc(var(--vw) * 42.3611111111);
    height: calc(var(--vw) * 9.7222222222);
  }
}

/* ===============================================
#小児歯科 5つの特徴
=============================================== */
.treatment-about_section {
  background: transparent url(./../image/treatment-about-bg_1.avif) no-repeat center center/cover;
  margin-top: calc(var(--vw) * -6.9444444444);
  padding-top: calc(var(--vw) * 13.4027777778);
  padding-bottom: calc(var(--vw) * 26.6666666667);
}
@media (768px <= width) {
  .treatment-about_section {
    padding-bottom: calc(var(--vw) * 14.7222222222);
  }
}

.treatment-about_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 13.3333333333);
}
@media (768px <= width) {
  .treatment-about_inner {
    gap: calc(var(--vw) * 6.9444444444);
  }
}

.treatment-about_container {
  display: flex;
  align-items: center;
  position: relative;
}
@media (width <= 767px) {
  .treatment-about_container {
    flex-direction: column;
    align-items: center;
    gap: calc(var(--vw) * 5.3333333333);
  }
}

.treatment-about_img {
  width: calc(var(--vw) * 72);
}
@media (768px <= width) {
  .treatment-about_img {
    position: absolute;
    left: calc(var(--vw) * -10.9722222222);
    width: calc(var(--vw) * 38.1944444444);
    z-index: 1;
  }
}

.treatment-about_textbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 5.3333333333);
  margin-left: auto;
}
@media (768px <= width) {
  .treatment-about_textbox {
    width: calc(var(--vw) * 41.4583333333);
    gap: calc(var(--vw) * 2.0833333333);
  }
}

.treatment-about_text {
  line-height: var(--lh-lg);
}

.treatment-about_btn {
  width: calc(var(--vw) * 78.9333333333);
}
@media (768px <= width) {
  .treatment-about_btn {
    width: calc(var(--vw) * 31.9444444444);
  }
}

@media (width <= 767px) {
  .treatment-about_feature li {
    align-items: flex-start;
  }
  .treatment-about_feature li img {
    margin-top: calc(var(--vw) * 4.2666666667);
  }
}
.treatment-about_feature .orthodontics-about_feature-text {
  font-size: calc(var(--vw) * 4.2666666667);
  line-height: var(--lh-lg);
  font-weight: 500;
}
@media (768px <= width) {
  .treatment-about_feature .orthodontics-about_feature-text {
    font-size: calc(var(--vw) * 1.25);
  }
}
@media (width <= 767px) {
  .treatment-about_feature .orthodontics-about_feature-text .orthodontics-about_feature-text_head {
    min-height: calc(var(--vw) * 19.2);
    display: flex;
    align-items: center;
  }
}
.treatment-about_feature .orthodontics-about_feature-text b {
  font-size: calc(var(--vw) * 5.3333333333);
  font-weight: 700;
  color: #f08f3f;
  border-color: #f7c59b;
  margin-bottom: calc(var(--vw) * 0.3472222222);
  letter-spacing: var(--ls-xxs);
}
@media (768px <= width) {
  .treatment-about_feature .orthodontics-about_feature-text b {
    font-size: calc(var(--vw) * 2.0833333333);
  }
}
@media (width <= 767px) {
  .treatment-about_feature .orthodontics-about_feature-text p {
    width: calc(var(--vw) * 80.8);
    margin-left: calc(var(--vw) * -16);
  }
}

.treatment-about_feature_img {
  margin-top: calc(var(--vw) * 2.7777777778);
}

/* ===============================================
#小児歯科 小児歯科のこだわり
=============================================== */
.treatment-obsession_section {
  background: transparent url(./../image/sp/treatment-obsession-bg_1.png) no-repeat top center/cover;
  margin-top: calc(var(--vw) * -5.3333333333);
  padding-top: calc(var(--vw) * 21.3333333333);
  padding-bottom: calc(var(--vw) * 16);
  overflow-x: hidden;
}
@media (768px <= width) {
  .treatment-obsession_section {
    padding-top: calc(var(--vw) * 11.1111111111);
    margin-top: calc(var(--vw) * -6.9444444444);
    padding-bottom: calc(var(--vw) * 8.75);
    background: transparent url(./../image/treatment-obsession-bg_1.avif) no-repeat top center/cover;
  }
}

.treatment-obsession_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 4.8611111111);
}

.treatment-obsession_blocks {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 4.6527777778);
}

.treatment-obsession_block {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: calc(var(--vw) * 298.6666666667);
  padding: 0px calc(var(--vw) * 4.8);
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .treatment-obsession_block {
    padding: 0px calc(var(--vw) * 5);
    gap: calc(var(--vw) * 4.8611111111);
  }
}
.treatment-obsession_block::before {
  content: "";
  display: block;
  width: calc(var(--vw) * 117.3333333333);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: transparent url(./../image/sp/treatment-obsession-bg_3.avif) no-repeat center center/contain;
  height: calc(var(--vw) * 318.1333333333);
}
@media (768px <= width) {
  .treatment-obsession_block::before {
    width: calc(var(--vw) * 75);
  }
}
.treatment-obsession_block:nth-child(1) {
  gap: calc(var(--vw) * 5.3333333333);
  height: calc(var(--vw) * 421.3333333333);
}
@media (768px <= width) {
  .treatment-obsession_block:nth-child(1) {
    gap: calc(var(--vw) * 1.9444444444);
    height: calc(var(--vw) * 88.6111111111);
  }
}
.treatment-obsession_block:nth-child(1)::before {
  background: transparent url(./../image/sp/treatment-obsession-bg_2.avif) no-repeat center center/contain;
  height: calc(var(--vw) * 440);
}
@media (768px <= width) {
  .treatment-obsession_block:nth-child(1)::before {
    background: transparent url(./../image/treatment-obsession-bg_2.avif) no-repeat center center/contain;
    height: calc(var(--vw) * 93.75);
  }
}
.treatment-obsession_block:nth-child(1) .treatment-obsession_number {
  width: calc(var(--vw) * 7.7333333333);
}
@media (768px <= width) {
  .treatment-obsession_block:nth-child(1) .treatment-obsession_number {
    width: calc(var(--vw) * 4.7222222222);
  }
}
@media (768px <= width) {
  .treatment-obsession_block:nth-child(2) {
    height: calc(var(--vw) * 60.3472222222);
  }
}
@media (768px <= width) {
  .treatment-obsession_block:nth-child(2)::before {
    background: transparent url(./../image/treatment-obsession-bg_3.avif) no-repeat center center/contain;
    height: calc(var(--vw) * 65.9722222222);
  }
}
.treatment-obsession_block:nth-child(2) .treatment-obsession_number {
  width: calc(var(--vw) * 10.4);
}
@media (768px <= width) {
  .treatment-obsession_block:nth-child(2) .treatment-obsession_number {
    width: calc(var(--vw) * 6.25);
  }
}
@media (768px <= width) {
  .treatment-obsession_block:nth-child(3) {
    height: calc(var(--vw) * 61.4583333333);
  }
}
@media (768px <= width) {
  .treatment-obsession_block:nth-child(3)::before {
    background: transparent url(./../image/treatment-obsession-bg_4.avif) no-repeat center center/contain;
    height: calc(var(--vw) * 67.3611111111);
  }
}
.treatment-obsession_block:nth-child(3) .treatment-obsession_number {
  width: calc(var(--vw) * 9.6);
}
@media (768px <= width) {
  .treatment-obsession_block:nth-child(3) .treatment-obsession_number {
    width: calc(var(--vw) * 5.8333333333);
  }
}
@media (768px <= width) {
  .treatment-obsession_block:nth-child(4) {
    height: calc(var(--vw) * 67.1527777778);
  }
}
@media (768px <= width) {
  .treatment-obsession_block:nth-child(4)::before {
    background: transparent url(./../image/treatment-obsession-bg_5.avif) no-repeat center center/contain;
    height: calc(var(--vw) * 79.1666666667);
  }
}
.treatment-obsession_block:nth-child(4) .treatment-obsession_number {
  width: calc(var(--vw) * 10.1333333333);
}
@media (768px <= width) {
  .treatment-obsession_block:nth-child(4) .treatment-obsession_number {
    width: calc(var(--vw) * 6.1111111111);
  }
}
.treatment-obsession_block:nth-child(even) .treatment-obsession_block_head {
  margin-left: auto;
}

.treatment-obsession_object {
  position: absolute;
  z-index: 2;
}
@media (width <= 767px) {
  .treatment-obsession_object {
    display: none;
  }
}
.treatment-obsession_object.object-1 {
  width: calc(var(--vw) * 40.2777777778);
  top: calc(var(--vw) * -3.75);
  right: calc(var(--vw) * -14.2361111111);
}
.treatment-obsession_object.object-2 {
  width: calc(var(--vw) * 21.25);
  bottom: calc(var(--vw) * -2.7777777778);
  right: calc(var(--vw) * -13.6111111111);
}
.treatment-obsession_object.object-3 {
  width: calc(var(--vw) * 36.9444444444);
  top: calc(var(--vw) * -3.75);
  left: calc(var(--vw) * -11.25);
}
.treatment-obsession_object.object-4 {
  width: calc(var(--vw) * 20.8333333333);
  bottom: calc(var(--vw) * -11.6666666667);
  left: calc(var(--vw) * -13.4027777778);
}
.treatment-obsession_object.object-5 {
  width: calc(var(--vw) * 37.2222222222);
  top: calc(var(--vw) * -2.7083333333);
  right: calc(var(--vw) * -11.875);
}
.treatment-obsession_object.object-6 {
  width: calc(var(--vw) * 11.4583333333);
  bottom: calc(var(--vw) * -3.9583333333);
  right: calc(var(--vw) * -9.7222222222);
}
.treatment-obsession_object.object-7 {
  width: calc(var(--vw) * 36.8055555556);
  top: calc(var(--vw) * -3.6805555556);
  left: calc(var(--vw) * -11.1805555556);
}
.treatment-obsession_object.object-8 {
  width: calc(var(--vw) * 16.1805555556);
  bottom: calc(var(--vw) * -2.3611111111);
  left: calc(var(--vw) * -8.0555555556);
}

.treatment-obsession_block_head {
  position: relative;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--vw) * 5.3333333333) calc(var(--vw) * 2.6666666667);
}
@media (width <= 767px) {
  .treatment-obsession_block_head {
    align-items: center;
  }
}
@media (768px <= width) {
  .treatment-obsession_block_head {
    flex-direction: column;
    gap: calc(var(--vw) * 0.6944444444);
  }
}

.treatment-obsession_block_head_title {
  font-size: calc(var(--vw) * 5.3333333333);
  font-weight: 700;
  color: #7f261f;
}
@media (width <= 767px) {
  .treatment-obsession_block_head_title {
    width: calc(100% - var(--vw) * 13.3333333333);
  }
}
@media (768px <= width) {
  .treatment-obsession_block_head_title {
    font-size: calc(var(--vw) * 3.4722222222);
  }
}

.treatment-obsession_block_head_text {
  line-height: var(--lh-lg);
  width: 100%;
}
@media (768px <= width) {
  .treatment-obsession_block_head_text {
    width: calc(var(--vw) * 37.5);
  }
}

.treatment-obsession_block_lead {
  border-radius: 50vw;
  background-image: linear-gradient(180deg, #cb890d 0%, #dbac5b 100%);
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: calc(var(--vw) * 5.3333333333);
  font-weight: 700;
  letter-spacing: var(--ls-xxs);
  width: -moz-fit-content;
  width: fit-content;
  padding: calc(var(--vw) * 0.5333333333) calc(var(--vw) * 8);
}
@media (width <= 767px) {
  .treatment-obsession_block_lead {
    margin-inline: auto;
  }
}
@media (768px <= width) {
  .treatment-obsession_block_lead {
    font-size: calc(var(--vw) * 1.7361111111);
    padding: calc(var(--vw) * 0.1388888889) calc(var(--vw) * 2.0833333333);
  }
}

.treatment-obsession_block_list {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .treatment-obsession_block_list {
    gap: calc(var(--vw) * 1.3888888889);
  }
}
.treatment-obsession_block_list dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--vw) * 2.1333333333);
  padding-bottom: calc(var(--vw) * 2.6666666667);
  border-bottom: calc(var(--vw) * 0.8) dotted #e6c48a;
}
@media (768px <= width) {
  .treatment-obsession_block_list dl {
    gap: calc(var(--vw) * 0.6944444444);
    padding-bottom: calc(var(--vw) * 1.3888888889);
    border-bottom: calc(var(--vw) * 0.4166666667) dotted #e6c48a;
  }
}
.treatment-obsession_block_list dl dt {
  position: relative;
  font-weight: 700;
  padding-left: calc(var(--vw) * 6.4);
  color: #852300;
  font-size: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .treatment-obsession_block_list dl dt {
    padding-left: calc(var(--vw) * 2.0833333333);
    font-size: calc(var(--vw) * 1.7361111111);
  }
}
.treatment-obsession_block_list dl dt::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--vw) * 1.6);
  left: 0;
  background: transparent url(./../image/treatment-obsession-icon_1.svg) no-repeat center center/contain;
  width: calc(var(--vw) * 4.8);
  height: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .treatment-obsession_block_list dl dt::before {
    top: calc(var(--vw) * 0.5555555556);
    width: calc(var(--vw) * 1.5972222222);
    height: calc(var(--vw) * 1.7361111111);
  }
}
.treatment-obsession_block_list dl dd {
  line-height: var(--lh-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 4.2666666667);
}
@media (768px <= width) {
  .treatment-obsession_block_list dl dd {
    gap: calc(var(--vw) * 1.5277777778);
  }
}

.treatment-obsession_block_list_btn {
  width: calc(var(--vw) * 51.4666666667);
}
@media (768px <= width) {
  .treatment-obsession_block_list_btn {
    width: calc(var(--vw) * 20.8333333333);
    margin-inline: auto;
  }
}

.treatment-obsession_img_box {
  width: 100%;
  background-color: #fff;
  box-shadow: var(--shadow-brown-sp);
  padding: calc(var(--vw) * 1.8666666667);
}
@media (768px <= width) {
  .treatment-obsession_img_box {
    display: none;
  }
}

/* ===============================================
#小児歯科 たった3つのこと
=============================================== */
.treatment-three_section {
  background-color: #fcf7e4;
  position: relative;
  padding-top: calc(var(--vw) * 40);
  padding-bottom: calc(var(--vw) * 16);
}
@media (768px <= width) {
  .treatment-three_section {
    padding-top: calc(var(--vw) * 29.7916666667);
    padding-bottom: calc(var(--vw) * 5.5555555556);
  }
}

.treatment-three_bg {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.treatment-three_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
  position: relative;
  z-index: 2;
}
@media (768px <= width) {
  .treatment-three_inner {
    gap: calc(var(--vw) * 4.5138888889);
  }
}

.treatment-three_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 4.2666666667);
}
@media (768px <= width) {
  .treatment-three_head {
    gap: calc(var(--vw) * 2.7777777778);
  }
}

.treatment-three_object {
  width: calc(var(--vw) * 20);
}
@media (768px <= width) {
  .treatment-three_object {
    width: calc(var(--vw) * 11.8055555556);
  }
}

.treatment-three_heading {
  font-size: calc(var(--vw) * 4.8);
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  letter-spacing: var(--ls-xs);
}
@media (768px <= width) {
  .treatment-three_heading {
    font-size: calc(var(--vw) * 2.9166666667);
  }
}
.treatment-three_heading b {
  font-family: var(--font-family-heading);
  font-size: calc(var(--vw) * 9.3333333333);
  letter-spacing: 0.16em;
  line-height: 1;
}
@media (768px <= width) {
  .treatment-three_heading b {
    font-size: calc(var(--vw) * 5.8333333333);
  }
}
.treatment-three_heading b strong {
  font-size: calc(var(--vw) * 13.6);
  color: var(--color-red);
}
@media (768px <= width) {
  .treatment-three_heading b strong {
    font-size: calc(var(--vw) * 8.3333333333);
  }
}

.treatment-three_text {
  line-height: var(--lh-lg);
}
@media (768px <= width) {
  .treatment-three_text {
    text-align: center;
  }
}

.treatment-three_list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .treatment-three_list {
    gap: calc(var(--vw) * 3.8194444444);
  }
}
.treatment-three_list dl {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 3.2);
}
@media (768px <= width) {
  .treatment-three_list dl {
    gap: calc(var(--vw) * 2.4305555556);
  }
}
.treatment-three_list dl dt {
  width: 100%;
  font-size: calc(var(--vw) * 4.2666666667);
  font-weight: 700;
  color: #fff;
  background-color: #d5a042;
  border-radius: 50vw;
  text-align: center;
  padding: 1px 1px 2px;
}
@media (768px <= width) {
  .treatment-three_list dl dt {
    letter-spacing: 0.08em;
    font-size: calc(var(--vw) * 2.2222222222);
  }
}
.treatment-three_list dl dd {
  line-height: var(--lh-lg);
  color: #000;
}

.treatment-three_container {
  background: transparent url(./../image/sp/treatment-three-bg_2.avif) no-repeat center center/contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--vw) * 5.3333333333);
  height: calc(var(--vw) * 309.3333333333);
  padding-inline: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .treatment-three_container {
    background: transparent url(./../image/treatment-three-bg_2.avif) no-repeat center center/contain;
    gap: calc(var(--vw) * 1.7361111111);
    height: calc(var(--vw) * 90.9722222222);
    padding-inline: calc(var(--vw) * 9.7222222222);
  }
}

.treatment-three_container_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .treatment-three_container_head {
    gap: calc(var(--vw) * 2.4305555556);
  }
}

.treatment-three_container_heading {
  font-size: calc(var(--vw) * 6.1333333333);
  font-family: var(--font-family-heading);
  letter-spacing: 0.08em;
  color: #6e5231;
}
@media (768px <= width) {
  .treatment-three_container_heading {
    font-size: calc(var(--vw) * 2.7777777778);
  }
}

.treatment-three_container_text {
  line-height: var(--lh-lg);
}

.treatment-three_container_blocks {
  width: 100%;
}

.treatment-three_container_block {
  padding-top: calc(var(--vw) * 2.6666666667);
  padding-bottom: calc(var(--vw) * 8);
  border-top: 1px solid #6e5231;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .treatment-three_container_block {
    padding-top: calc(var(--vw) * 0.6944444444);
    padding-bottom: calc(var(--vw) * 2.0833333333);
    gap: calc(var(--vw) * 1.3888888889);
  }
}
.treatment-three_container_block:last-child {
  border-bottom: 1px solid #6e5231;
}

.treatment-three_container_block_title {
  color: #6e5231;
  font-family: var(--font-family-heading);
  font-size: calc(var(--vw) * 5.3333333333);
  letter-spacing: 0.08em;
  text-align: center;
}
@media (768px <= width) {
  .treatment-three_container_block_title {
    font-size: calc(var(--vw) * 2.0833333333);
  }
}

.treatment-three_container_block_grid {
  display: flex;
  justify-content: center;
  gap: calc(var(--vw) * 2.7777777778);
}
@media (width <= 767px) {
  .treatment-three_container_block_grid {
    flex-direction: column;
    gap: calc(var(--vw) * 4.2666666667);
    width: 100%;
    padding-left: calc(var(--vw) * 4.2666666667);
  }
}

.treatment-three_container_block_grid_img {
  width: calc(var(--vw) * 26.6666666667);
  height: calc(var(--vw) * 26.6666666667);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (768px <= width) {
  .treatment-three_container_block_grid_img {
    width: calc(var(--vw) * 14.7222222222);
    height: calc(var(--vw) * 14.7222222222);
  }
}
.treatment-three_container_block_grid_img::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: transparent url(./../image/treatment-three-bg_3.avif) no-repeat center center/contain;
  mix-blend-mode: multiply;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.treatment-three_container_block_grid_img img {
  position: relative;
  z-index: 2;
}
.treatment-three_container_block_grid_img img[src$="treatment-three-img_1.svg"] {
  width: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .treatment-three_container_block_grid_img img[src$="treatment-three-img_1.svg"] {
    width: calc(var(--vw) * 6.5972222222);
  }
}
.treatment-three_container_block_grid_img img[src$="treatment-three-img_2.svg"] {
  width: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .treatment-three_container_block_grid_img img[src$="treatment-three-img_2.svg"] {
    width: calc(var(--vw) * 6.3888888889);
  }
}
.treatment-three_container_block_grid_img img[src$="treatment-three-img_3.svg"] {
  width: calc(var(--vw) * 16);
}
@media (768px <= width) {
  .treatment-three_container_block_grid_img img[src$="treatment-three-img_3.svg"] {
    width: calc(var(--vw) * 9.8611111111);
  }
}
.treatment-three_container_block_grid_img img[src$="treatment-three-img_4.svg"] {
  width: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .treatment-three_container_block_grid_img img[src$="treatment-three-img_4.svg"] {
    width: calc(var(--vw) * 7.4305555556);
  }
}
.treatment-three_container_block_grid_img img[src$="treatment-three-img_5.svg"] {
  width: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .treatment-three_container_block_grid_img img[src$="treatment-three-img_5.svg"] {
    width: calc(var(--vw) * 6.3888888889);
  }
}

.treatment-three_container_block_grid_item {
  display: flex;
  align-items: center;
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .treatment-three_container_block_grid_item {
    gap: calc(var(--vw) * 0.6944444444);
    width: calc(var(--vw) * 14.7222222222);
    flex-direction: column;
  }
}

.treatment-three_container_block_grid_item_text {
  font-weight: 700;
  line-height: 1.33;
}
@media (width <= 767px) {
  .treatment-three_container_block_grid_item_text {
    font-size: calc(var(--vw) * 3.7333333333);
  }
}
@media (768px <= width) {
  .treatment-three_container_block_grid_item_text {
    text-align: center;
  }
}

.treatment-three_container_block_grid_item_title {
  font-weight: 700;
  color: #fff;
  background-color: #6e5231;
  padding: 0 calc(var(--vw) * 2.6666666667) calc(var(--vw) * 0.2666666667);
  border-radius: 8px;
  text-align: center;
}
@media (768px <= width) {
  .treatment-three_container_block_grid_item_title {
    padding: calc(var(--vw) * 0.2083333333) calc(var(--vw) * 1.3888888889);
    min-width: calc(var(--vw) * 10.625);
  }
}

@media (width <= 767px) {
  .treatment-three_container_block_grid_item_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--vw) * 2.6666666667);
  }
}

/* ===============================================
#中学生・高校生の矯正 メリット
=============================================== */
.students_bg {
  background: transparent url(./../image/orthodontics-students-bg_1.avif) no-repeat center center/cover;
  margin-top: calc(var(--vw) * -10.6666666667);
  padding-top: calc(var(--vw) * 26.6666666667);
  padding-bottom: calc(var(--vw) * 21.3333333333);
  overflow-x: hidden;
}
@media (768px <= width) {
  .students_bg {
    margin-top: calc(var(--vw) * -5.5555555556);
    padding-top: calc(var(--vw) * 12.2916666667);
    padding-bottom: calc(var(--vw) * 9.5833333333);
  }
}

.students_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 21.3333333333);
}
@media (768px <= width) {
  .students_inner {
    gap: calc(var(--vw) * 6.9444444444);
  }
}

.students_section {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .students_section {
    gap: calc(var(--vw) * 5.5555555556);
  }
}

.students_lists {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .students_lists {
    gap: calc(var(--vw) * 3.8194444444);
  }
}
.students_lists dl {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 1.0416666667);
}
.students_lists dl dt {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--vw) * 2.6666666667);
  font-size: calc(var(--vw) * 4.5333333333);
  font-weight: 700;
  padding-bottom: calc(var(--vw) * 1.3333333333);
  border-bottom: 1px solid #cb890d;
}
@media (768px <= width) {
  .students_lists dl dt {
    gap: calc(var(--vw) * 1.4583333333);
    font-size: calc(var(--vw) * 1.8055555556);
    padding-bottom: calc(var(--vw) * 0.3472222222);
  }
}
.students_lists dl dt::before {
  content: "";
  display: inline-block;
  width: calc(var(--vw) * 6.1333333333);
  height: calc(var(--vw) * 6.9333333333);
  background: transparent url(./../image/orthodontics-students-object_1.avif) no-repeat center center/contain;
}
@media (768px <= width) {
  .students_lists dl dt::before {
    width: calc(var(--vw) * 2.3611111111);
    height: calc(var(--vw) * 2.7777777778);
  }
}
.students_lists dl dt p {
  flex: 1;
}
.students_lists dl dd {
  line-height: var(--lh-lg);
}

/* ===============================================
#中学生・高校生の矯正 矯正担当医紹介
=============================================== */
.students-doctor_container {
  display: flex;
  align-items: center;
}
@media (width <= 767px) {
  .students-doctor_container {
    flex-direction: column;
    gap: calc(var(--vw) * 2.6666666667);
  }
}

.students-doctor_img {
  width: calc(var(--vw) * 50.6666666667);
  margin-inline: auto;
}
@media (768px <= width) {
  .students-doctor_img {
    width: calc(var(--vw) * 20.8333333333);
    margin-inline: calc(var(--vw) * 4.5138888889);
  }
}

.students-doctor_textbox {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .students-doctor_textbox {
    gap: calc(var(--vw) * 1.7361111111);
    width: calc(var(--vw) * 39.6527777778);
  }
}

.students-doctor_name_box {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 1.3888888889);
}
@media (width <= 767px) {
  .students-doctor_name_box {
    text-align: center;
  }
}
@media (768px <= width) {
  .students-doctor_name_box {
    border-bottom: 1px solid var(--color-brown);
    padding-bottom: calc(var(--vw) * 1.3888888889);
  }
}

.students-doctor_position {
  line-height: var(--lh-lg);
}

.students-doctor_name {
  font-size: calc(var(--vw) * 5.3333333333);
  font-weight: 700;
}
@media (768px <= width) {
  .students-doctor_name {
    font-size: calc(var(--vw) * 1.7361111111);
  }
}

.students-doctor_text {
  line-height: var(--lh-lg);
  overflow-wrap: anywhere;
}

.students-doctor_case {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .students-doctor_case {
    gap: calc(var(--vw) * 3.6111111111);
  }
}
@media (width <= 767px) {
  .students-doctor_case .orthodontics-case_block {
    height: calc(var(--vw) * 377.6);
  }
  .students-doctor_case .orthodontics-case_block::before {
    background: transparent url(./../image/sp/orthodontics-students-bg_2.avif) no-repeat center center/contain;
    width: calc(var(--vw) * 114.6666666667);
    height: calc(var(--vw) * 397.3333333333);
  }
}
@media (768px <= width) {
  .students-doctor_case .orthodontics-case_block::before {
    background: transparent url(./../image/orthodontics-students-bg_2.avif) no-repeat center center/contain;
    width: calc(var(--vw) * 74.3055555556);
    height: calc(var(--vw) * 79.8611111111);
  }
}
.students-doctor_case .orthodontics-case_table tbody th,
.students-doctor_case .orthodontics-case_table tbody td {
  padding: calc(var(--vw) * 0.8) calc(var(--vw) * 2.1333333333);
}

/* ===============================================
#中学生・高校生の矯正 矯正方法
=============================================== */
.students-flow_head {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 6.4);
}
@media (768px <= width) {
  .students-flow_head {
    gap: calc(var(--vw) * 3.1944444444);
  }
}

.students_blocks {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: calc(var(--vw) * 4.2666666667);
}
@media (768px <= width) {
  .students_blocks {
    gap: calc(var(--vw) * 1.5972222222);
    grid-template-columns: repeat(2, 1fr);
  }
}

.students_block {
  border: 1px solid #f08f3f;
  background-color: #fff;
  padding: calc(var(--vw) * 5.3333333333) calc(var(--vw) * 5.3333333333);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 1.6);
}
@media (768px <= width) {
  .students_block {
    padding: calc(var(--vw) * 1.6666666667) calc(var(--vw) * 3.75);
    gap: calc(var(--vw) * 0.6944444444);
  }
}

.students_block_title {
  font-size: calc(var(--vw) * 4.8);
  font-weight: 700;
  text-align: center;
  color: #f08f3f;
}
@media (768px <= width) {
  .students_block_title {
    font-size: calc(var(--vw) * 1.875);
  }
}

.students_block_text {
  line-height: var(--lh-lg);
}

/* ===============================================
#年齢別の診療内容
=============================================== */
.age_section {
  background: transparent url(./../image/age-bg_1.avif) repeat center center/contain;
  padding-top: calc(var(--vw) * 16);
  padding-bottom: calc(var(--vw) * 16);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .age_section {
    gap: calc(var(--vw) * 2.9861111111);
    padding-top: calc(var(--vw) * 7.7083333333);
    padding-bottom: calc(var(--vw) * 6.9444444444);
  }
}
.age_section.first {
  margin-top: calc(var(--vw) * -8);
  padding-top: calc(var(--vw) * 21.3333333333);
}
@media (768px <= width) {
  .age_section.first {
    margin-top: calc(var(--vw) * -6.9444444444);
    padding-top: calc(var(--vw) * 14.6527777778);
  }
}

.age_heading {
  position: relative;
}
@media (width <= 767px) {
  .age_heading {
    width: calc(var(--vw) * 100);
    margin-left: calc(50% - var(--vw) * 50);
  }
}
@media (768px <= width) {
  .age_heading {
    height: calc(var(--vw) * 27.0833333333);
  }
  .age_heading img {
    width: calc(var(--vw) * 86.4583333333);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.age_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .age_inner {
    gap: calc(var(--vw) * 6.25);
  }
}

.age_lead_box {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1lh;
  position: relative;
}
.age_lead_box p {
  line-height: var(--lh-lg);
  position: relative;
  z-index: 2;
}

@media (768px <= width) {
  .age_object {
    position: absolute;
    bottom: calc(var(--vw) * -3.4722222222);
    right: calc(var(--vw) * -7.5694444444);
    z-index: 1;
  }
}
.age_object.object_1 {
  width: calc(var(--vw) * 40);
}
@media (768px <= width) {
  .age_object.object_1 {
    width: calc(var(--vw) * 19.0972222222);
  }
}
.age_object.object_2 {
  width: calc(var(--vw) * 46.6666666667);
}
@media (768px <= width) {
  .age_object.object_2 {
    width: calc(var(--vw) * 18.1944444444);
  }
}
.age_object.object_3 {
  width: calc(var(--vw) * 46.6666666667);
}
@media (768px <= width) {
  .age_object.object_3 {
    width: calc(var(--vw) * 17.2222222222);
  }
}
.age_object.object_4 {
  width: calc(var(--vw) * 43.4666666667);
}
@media (768px <= width) {
  .age_object.object_4 {
    width: calc(var(--vw) * 16.9444444444);
  }
}

.age_feature {
  padding-top: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .age_feature {
    padding-top: calc(var(--vw) * 2.1527777778);
  }
}
.age_feature .age_lead_text {
  margin-top: calc(var(--vw) * 1.875);
  line-height: var(--lh-lg);
}
.age_feature.age_feature_2 .orthodontics-about_feature-text b {
  color: #f89e16;
  border-color: #fcda8b;
}
.age_feature.age_feature_3 .orthodontics-about_feature-text b {
  color: #9cc832;
  border-color: #dbe998;
}
.age_feature.age_feature_4 .orthodontics-about_feature-text b {
  color: #6cbb5a;
  border-color: #b6ddac;
}

/* ===============================================
#オウルタウンへようこそ オウルタウンで楽しめる仕組み
=============================================== */
.clinic-about_section {
  background: transparent url(./../image/sp/clinic-bg_1.avif) no-repeat center center/cover;
  margin-top: calc(var(--vw) * -13.3333333333);
  padding-top: calc(var(--vw) * 21.3333333333);
  padding-bottom: calc(var(--vw) * 53.3333333333);
}
@media (768px <= width) {
  .clinic-about_section {
    background: transparent url(./../image/clinic-bg_1.avif) no-repeat center center/cover;
    margin-top: calc(var(--vw) * -6.9444444444);
    padding-top: calc(var(--vw) * 12.8472222222);
    padding-bottom: calc(var(--vw) * 5.5555555556);
  }
}

.clinic-about_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .clinic-about_inner {
    gap: calc(var(--vw) * 3.4722222222);
  }
}

.clinic-about_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (width <= 767px) {
  .clinic-about_head {
    flex-direction: column;
    gap: calc(var(--vw) * 0.5333333333);
  }
}

.clinic-about_head_img {
  width: calc(var(--vw) * 21.3333333333);
}
@media (768px <= width) {
  .clinic-about_head_img {
    width: calc(var(--vw) * 13.8888888889);
  }
}

.clinic-about_head_text {
  line-height: var(--lh-lg);
}
@media (768px <= width) {
  .clinic-about_head_text {
    width: calc(var(--vw) * 51.0416666667);
  }
}

.clinic-about_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(var(--vw) * 8) 0;
}
@media (768px <= width) {
  .clinic-about_grid {
    gap: calc(var(--vw) * 1.5972222222) 0;
  }
}

.clinic-about_grid_item {
  height: calc(var(--vw) * 106.1333333333);
  padding: calc(var(--vw) * 10.6666666667) calc(var(--vw) * 5.3333333333) calc(var(--vw) * 2.6666666667);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 2.6666666667);
  position: relative;
  color: #fff;
}
@media (768px <= width) {
  .clinic-about_grid_item {
    gap: calc(var(--vw) * 1.3888888889);
    width: calc(var(--vw) * 32.2222222222);
    padding: calc(var(--vw) * 4.8611111111) calc(var(--vw) * 3.4722222222) calc(var(--vw) * 0.6944444444);
    height: calc(var(--vw) * 37.5);
  }
}
.clinic-about_grid_item > * {
  position: relative;
  z-index: 2;
}
.clinic-about_grid_item img {
  width: 100%;
}
.clinic-about_grid_item::before {
  content: "";
  display: block;
  width: calc(var(--vw) * 105.6);
  height: calc(var(--vw) * 122.6666666667);
  background: transparent url(./../image/clinic-bg_2.avif) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (768px <= width) {
  .clinic-about_grid_item::before {
    width: calc(var(--vw) * 37.2222222222);
    height: calc(var(--vw) * 42.5);
  }
}

.clinic-about_grid_title {
  height: calc(var(--vw) * 13.3333333333);
  text-align: center;
  font-size: calc(var(--vw) * 5.3333333333);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (768px <= width) {
  .clinic-about_grid_title {
    height: calc(var(--vw) * 4.8611111111);
    font-size: calc(var(--vw) * 1.7361111111);
  }
}

.clinic-about_grid_text {
  line-height: 1.66;
}

.clinic-about_bottom_text {
  background-color: #fff;
  border-radius: calc(var(--vw) * 5.3333333333);
  line-height: 1.77;
  padding: calc(var(--vw) * 2.6666666667) calc(var(--vw) * 4.2666666667);
  letter-spacing: 0.1em;
  font-size: calc(var(--vw) * 3.7333333333);
}
@media (768px <= width) {
  .clinic-about_bottom_text {
    border-radius: calc(var(--vw) * 2.7777777778);
    text-align: center;
    padding: calc(var(--vw) * 1.1805555556);
    font-size: calc(var(--vw) * 1.5277777778);
  }
}
.clinic-about_bottom_text b {
  font-size: calc(var(--vw) * 4.8);
  font-weight: 700;
  color: var(--color-red);
}
@media (768px <= width) {
  .clinic-about_bottom_text b {
    font-size: calc(var(--vw) * 1.9444444444);
  }
}

/* ===============================================
#オウルタウンでの取り組み
=============================================== */
.clinic-attempt_section {
  padding-bottom: calc(var(--vw) * 9.0277777778);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.5555555556);
}
@media (width <= 767px) {
  .clinic-attempt_section {
    padding-top: calc(var(--vw) * 8);
  }
}
@media (768px <= width) {
  .clinic-attempt_section:nth-child(1) {
    padding-top: calc(var(--vw) * 6.9444444444);
  }
}
.clinic-attempt_section:nth-child(odd) {
  background: transparent url(./../image/clinic-bg_3.avif) repeat center center/contain;
}
@media (768px <= width) {
  .clinic-attempt_section:nth-child(odd) {
    background: transparent url(./../image/clinic-bg_3.avif) no-repeat center center/cover;
  }
}
.clinic-attempt_section:nth-child(odd) .clinic-attempt_head {
  justify-content: flex-end;
}
.clinic-attempt_section:nth-child(odd) .clinic-attempt_head_img {
  margin-right: calc((var(--vw) * 100 - 100%) / -2);
}
.clinic-attempt_section:nth-child(odd) .clinic-attempt_head_title {
  left: 0;
}
.clinic-attempt_section:nth-child(even) {
  background: transparent url(./../image/clinic-bg_4.avif) repeat center center/contain;
}
@media (768px <= width) {
  .clinic-attempt_section:nth-child(even) {
    background: transparent url(./../image/clinic-bg_4.avif) no-repeat center center/cover;
  }
}
.clinic-attempt_section:nth-child(even) .clinic-attempt_head {
  justify-content: flex-start;
}
.clinic-attempt_section:nth-child(even) .clinic-attempt_head_img {
  margin-left: calc((var(--vw) * 100 - 100%) / -2);
}
.clinic-attempt_section:nth-child(even) .clinic-attempt_head_title {
  right: 0;
}

.clinic-attempt_head {
  display: flex;
  position: relative;
  padding-bottom: calc(var(--vw) * 5.1388888889);
}

.clinic-attempt_head_img {
  width: calc(var(--vw) * 72.9166666667);
}
@media (width <= 767px) {
  .clinic-attempt_head_img {
    display: none;
  }
}

@media (768px <= width) {
  .clinic-attempt_head_title {
    width: calc(var(--vw) * 33.3333333333);
    position: absolute;
    bottom: 0;
  }
}

.clinic-attempt_lists {
  gap: calc(var(--vw) * 3.7333333333);
}
@media (768px <= width) {
  .clinic-attempt_lists {
    gap: calc(var(--vw) * 1.3888888889);
  }
}
.clinic-attempt_lists dl {
  background-color: #fff;
  border-radius: calc(var(--vw) * 2.6666666667);
  padding: calc(var(--vw) * 3.7333333333) calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .clinic-attempt_lists dl {
    border-radius: calc(var(--vw) * 1.3888888889);
    padding: calc(var(--vw) * 1.875) calc(var(--vw) * 2.7777777778);
  }
}

/* ===============================================
#オウルタウンへようこそ 受診の流れ
=============================================== */
.clinic-flow_section {
  background: transparent url(./../image/age-bg_1.avif) repeat center center/contain;
  padding-top: calc(var(--vw) * 16);
  padding-bottom: calc(var(--vw) * 21.3333333333);
}
@media (768px <= width) {
  .clinic-flow_section {
    background: transparent url(./../image/age-bg_1.avif) no-repeat center center/cover;
    padding-top: calc(var(--vw) * 5.5555555556);
    padding-bottom: calc(var(--vw) * 11.1111111111);
  }
}

/* ===============================================
#医院紹介
=============================================== */
.clinic-intro_bg {
  background: transparent url(./../image/clinic-intro-bg_1.avif) repeat center center/contain;
  margin-top: calc(var(--vw) * -10.6666666667);
  padding-top: calc(var(--vw) * 21.3333333333);
  padding-bottom: calc(var(--vw) * 21.3333333333);
}
@media (768px <= width) {
  .clinic-intro_bg {
    background: transparent url(./../image/clinic-intro-bg_1.avif) no-repeat center center/cover;
    margin-top: calc(var(--vw) * -6.9444444444);
    padding-top: calc(var(--vw) * 15.2777777778);
    padding-bottom: calc(var(--vw) * 9.0277777778);
  }
}

.clinic-intro_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 16);
}
@media (768px <= width) {
  .clinic-intro_inner {
    gap: calc(var(--vw) * 10.4166666667);
  }
}

.clinic-intro_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(var(--vw) * 4.1666666667) 0;
}
.clinic-intro_grid img {
  width: calc(50% - var(--vw) * 2.0833333333);
}
.clinic-intro_grid img:nth-child(1) {
  width: 100%;
}

.clinic-intro_section {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 2.7777777778);
}

/* ===============================================
#院長・スタッフ紹介
=============================================== */
.staff_section {
  background: transparent url(./../image/staff-bg_1.avif) no-repeat center center/cover;
  margin-top: calc(var(--vw) * -6.9444444444);
  padding-top: calc(var(--vw) * 17.6388888889);
  padding-bottom: calc(var(--vw) * 11.8055555556);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.5555555556);
}

.staff_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .staff_inner {
    gap: calc(var(--vw) * 4.7222222222);
  }
}

.staff_block {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .staff_block {
    gap: calc(var(--vw) * 3.4722222222);
  }
}

.staff_flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (width <= 767px) {
  .staff_flex {
    flex-direction: column;
    align-items: center;
    gap: calc(var(--vw) * 2.6666666667);
  }
}

.staff_flex_img {
  width: calc(var(--vw) * 50.6666666667);
}
@media (768px <= width) {
  .staff_flex_img {
    width: calc(var(--vw) * 20.8333333333);
    margin-inline: calc(var(--vw) * 2.0833333333);
  }
}

@media (768px <= width) {
  .staff_flex_textbox {
    width: calc(var(--vw) * 39.6527777778);
  }
  .staff_flex_textbox.benefits {
    width: calc(var(--vw) * 43.4027777778);
  }
}
.staff_flex_textbox.doctor .staff_flex_text,
.staff_flex_textbox.doctor .staff_flex_table_box, .staff_flex_textbox.benefits .staff_flex_text,
.staff_flex_textbox.benefits .staff_flex_table_box {
  padding-bottom: calc(var(--vw) * 3.7333333333);
  border-bottom: 1px solid currentColor;
}
.staff_flex_textbox.doctor .staff_flex_text:not(:last-child),
.staff_flex_textbox.doctor .staff_flex_table_box:not(:last-child), .staff_flex_textbox.benefits .staff_flex_text:not(:last-child),
.staff_flex_textbox.benefits .staff_flex_table_box:not(:last-child) {
  margin-bottom: calc(var(--vw) * 3.7333333333);
}
@media (768px <= width) {
  .staff_flex_textbox.doctor .staff_flex_text,
  .staff_flex_textbox.doctor .staff_flex_table_box, .staff_flex_textbox.benefits .staff_flex_text,
  .staff_flex_textbox.benefits .staff_flex_table_box {
    padding-bottom: calc(var(--vw) * 1.9444444444);
  }
  .staff_flex_textbox.doctor .staff_flex_text:not(:last-child),
  .staff_flex_textbox.doctor .staff_flex_table_box:not(:last-child), .staff_flex_textbox.benefits .staff_flex_text:not(:last-child),
  .staff_flex_textbox.benefits .staff_flex_table_box:not(:last-child) {
    margin-bottom: calc(var(--vw) * 1.9444444444);
  }
}

.staff_flex_text {
  line-height: var(--lh-lg);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 0.6944444444);
}
.staff_flex_text b {
  font-size: calc(var(--vw) * 4.2666666667);
  font-weight: 700;
  text-align: center;
}
.staff_flex_text small {
  font-size: calc(var(--vw) * 4.2666666667);
}
@media (768px <= width) {
  .staff_flex_text b {
    font-size: calc(var(--vw) * 1.3888888889);
  }
  .staff_flex_text small {
    font-size: calc(var(--vw) * 1.1111111111);
  }
}

.staff_flex_name {
  font-weight: 700;
}
@media (width <= 767px) {
  .staff_flex_name {
    font-size: calc(var(--vw) * 5.3333333333);
    text-align: center;
  }
}
@media (768px <= width) {
  .staff_flex_name {
    font-size: calc(var(--vw) * 2.0833333333);
  }
}

.staff_img_620 {
  border-radius: calc(var(--vw) * 4.8);
}
@media (768px <= width) {
  .staff_img_620 {
    width: calc(var(--vw) * 43.0555555556);
    margin-inline: auto;
    border-radius: calc(var(--vw) * 2.0833333333);
  }
}

.staff_flex_table_box {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .staff_flex_table_box {
    gap: calc(var(--vw) * 0.6944444444);
  }
}

.staff_flex_table_title {
  font-weight: 700;
  font-size: calc(var(--vw) * 1.3888888889);
}
@media (width <= 767px) {
  .staff_flex_table_title {
    text-align: center;
    font-size: calc(var(--vw) * 4.2666666667);
  }
}

.staff_flex_table tbody th,
.staff_flex_table tbody td {
  line-height: var(--lh-lg);
  font-size: 16px;
}
.staff_flex_table tbody th {
  white-space: nowrap;
  padding-right: 1em;
}

.staff_img_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--vw) * 0.8);
}
@media (768px <= width) {
  .staff_img_box {
    grid-template-columns: repeat(4, 1fr);
    gap: calc(var(--vw) * 0.3472222222);
  }
}
.staff_img_box img {
  height: 100%;
}

/* ===============================================
#料金表
=============================================== */
.price_bg {
  background: transparent url(./../image/price-bg_1.avif) repeat center center/contain;
  margin-top: calc(var(--vw) * -8);
  padding-top: calc(var(--vw) * 21.3333333333);
  padding-bottom: calc(var(--vw) * 16);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .price_bg {
    background: transparent url(./../image/price-bg_1.avif) no-repeat center center/cover;
    margin-top: calc(var(--vw) * -6.9444444444);
    padding-top: calc(var(--vw) * 15.9722222222);
    padding-bottom: calc(var(--vw) * 10.4166666667);
    gap: calc(var(--vw) * 5.5555555556);
  }
}

.price_inner {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 12.5);
}

.price_section {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .price_section {
    gap: calc(var(--vw) * 4.1666666667);
  }
}

.price_block {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .price_block {
    gap: calc(var(--vw) * 2.0833333333);
  }
}

.price_table_box {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 4.2666666667);
}
@media (768px <= width) {
  .price_table_box {
    gap: calc(var(--vw) * 1.3888888889);
  }
}

.price_table_box_heading {
  font-size: calc(var(--vw) * 4.2666666667);
  font-weight: 700;
  letter-spacing: 0.16em;
}
@media (768px <= width) {
  .price_table_box_heading {
    font-size: calc(var(--vw) * 1.3888888889);
  }
}

.price_head_table {
  width: 100%;
}
.price_head_table.benefits {
  table-layout: fixed;
}
.price_head_table.benefits tbody tr th,
.price_head_table.benefits tbody tr td {
  width: 50%;
}
.price_head_table.benefits tbody tr th {
  text-align: center;
}
@media (width <= 767px) {
  .price_head_table.benefits tbody tr th {
    width: 20%;
  }
}
.price_head_table tbody tr th,
.price_head_table tbody tr td {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  vertical-align: middle;
  line-height: var(--lh-lg);
  padding: calc(var(--vw) * 2.6666666667) calc(var(--vw) * 1.6);
  height: calc(var(--vw) * 14.6666666667);
}
@media (768px <= width) {
  .price_head_table tbody tr th,
  .price_head_table tbody tr td {
    padding: calc(var(--vw) * 1.0416666667) calc(var(--vw) * 2.3611111111);
    height: calc(var(--vw) * 6.9444444444);
  }
}
.price_head_table tbody tr th {
  background-color: #f9d2b2;
}
@media (width <= 767px) {
  .price_head_table tbody tr th {
    font-size: calc(var(--vw) * 3.7333333333);
  }
}
.price_head_table tbody tr td {
  width: calc(var(--vw) * 30.7638888889);
  background-color: #fff;
  text-align: center;
}

.price_total {
  width: calc(var(--vw) * 39.2);
  border-bottom: 1px solid currentColor;
  padding-bottom: calc(var(--vw) * 0.5333333333);
  font-size: calc(var(--vw) * 4.2666666667);
  text-align: center;
  margin-left: auto;
}
@media (768px <= width) {
  .price_total {
    width: calc(var(--vw) * 30.7638888889);
    padding-bottom: calc(var(--vw) * 0.6944444444);
    font-size: calc(var(--vw) * 1.7361111111);
  }
}

.price_title {
  font-size: calc(var(--vw) * 2.0833333333);
  font-weight: 700;
  letter-spacing: 0.16em;
}
@media (width <= 767px) {
  .price_title {
    text-align: center;
    font-size: calc(var(--vw) * 5.3333333333);
  }
}

@media (768px <= width) {
  .price_img {
    width: calc(var(--vw) * 55.5555555556);
  }
}

.price_table {
  width: 100%;
  table-layout: fixed;
}
.price_table tbody tr th,
.price_table tbody tr td {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  vertical-align: middle;
  line-height: var(--lh-lg);
  padding: calc(var(--vw) * 1.3333333333) calc(var(--vw) * 3.7333333333);
  text-align: center;
}
@media (768px <= width) {
  .price_table tbody tr th,
  .price_table tbody tr td {
    padding: calc(var(--vw) * 0.4861111111);
  }
}
.price_table tbody tr th {
  background-color: #f9d2b2;
}
@media (width <= 767px) {
  .price_table tbody tr th {
    font-size: calc(var(--vw) * 3.7333333333);
  }
  .price_table tbody tr th.sp-70 {
    width: 60%;
  }
}
.price_table tbody tr td {
  background-color: #fff;
}
.price_table tbody tr td:nth-of-type(n + 2) {
  border-left: 1px solid #999;
}
@media (width <= 767px) {
  .price_table tbody tr:first-child th {
    font-size: calc(var(--vw) * 4.2666666667);
  }
  .price_table tbody tr:nth-of-type(n + 2) th {
    text-align: left;
  }
}
@media (width <= 767px) {
  .price_table.scholarship_table tbody tr th {
    font-size: calc(var(--vw) * 4.2666666667);
    text-align: center;
  }
}

/* ===============================================
#アクセス
=============================================== */
.access_bg {
  background: transparent url(./../image/access-bg_1.avif) repeat center center/contain;
  margin-top: calc(var(--vw) * -10.6666666667);
  padding-top: calc(var(--vw) * 26.6666666667);
}
@media (768px <= width) {
  .access_bg {
    background: transparent url(./../image/access-bg_1.avif) no-repeat center center/cover;
    margin-top: calc(var(--vw) * -6.9444444444);
    padding-top: calc(var(--vw) * 15.9722222222);
  }
}

.access_title {
  font-weight: 700;
  letter-spacing: 0.16em;
  font-size: calc(var(--vw) * 2.0833333333);
}
@media (width <= 767px) {
  .access_title {
    font-size: calc(var(--vw) * 4.2666666667);
    border-bottom: 1px solid currentColor;
    padding-bottom: calc(var(--vw) * 1.3333333333);
  }
}

.access_text {
  line-height: var(--lh-lg);
}
.access_text b {
  font-weight: 700;
  font-size: calc(var(--vw) * 4.2666666667);
}
@media (768px <= width) {
  .access_text b {
    font-size: calc(var(--vw) * 1.3888888889);
  }
}

.access_img {
  width: calc(var(--vw) * 24.0972222222);
}
@media (width <= 767px) {
  .access_img {
    width: calc(var(--vw) * 53.3333333333);
    margin-inline: auto;
  }
}

.access_map_title {
  text-align: center;
  color: #cb890d;
  font-size: calc(var(--vw) * 4.2666666667);
  font-weight: 700;
}
@media (768px <= width) {
  .access_map_title {
    font-size: calc(var(--vw) * 2.2916666667);
  }
}

.access_flow_container {
  position: relative;
}

.access_flow_object {
  position: absolute;
  bottom: calc(var(--vw) * -3.6111111111);
  right: calc(var(--vw) * 1.5277777778);
  width: calc(var(--vw) * 16.1111111111);
  z-index: 1;
}
@media (width <= 767px) {
  .access_flow_object {
    display: none;
  }
}

.access_flow {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: calc(var(--vw) * 16);
  counter-reset: step;
}
@media (768px <= width) {
  .access_flow {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--vw) * 5.5555555556) calc(var(--vw) * 3.4722222222);
  }
}
.access_flow li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 2.6666666667);
  position: relative;
}
@media (768px <= width) {
  .access_flow li {
    gap: calc(var(--vw) * 0.6944444444);
  }
}
.access_flow li::before {
  content: counter(step);
  counter-increment: step;
  color: #cb890d;
  font-size: 30px;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background-color: #cb890d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 0;
  z-index: 2;
  padding-bottom: 3px;
}
@media (width <= 767px) {
  .access_flow li:nth-of-type(n + 2) .access_flow_img-box::before {
    content: "";
    background-color: #cb890d;
    width: calc(var(--vw) * 5.8666666667);
    height: calc(var(--vw) * 3.7333333333);
    position: absolute;
    left: 50%;
    top: calc(var(--vw) * -13.3333333333);
    transform: translateX(-50%);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
  }
}
@media (768px <= width) {
  .access_flow li:nth-child(3n+2) .access_flow_img-box::before, .access_flow li:nth-child(3n+3) .access_flow_img-box::before {
    content: "";
    background-color: #cb890d;
    width: calc(var(--vw) * 0.9722222222);
    height: calc(var(--vw) * 1.5277777778);
    position: absolute;
    left: calc(var(--vw) * -2.2222222222);
    top: 50%;
    transform: translateY(-50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }
}

.access_flow_img-box {
  position: relative;
}

.access_flow_text {
  color: #cb890d;
  text-align: center;
  line-height: var(--lh-lg);
  font-size: 16px;
}

.access_traffic_title {
  font-weight: 700;
  letter-spacing: 0.16em;
  font-size: calc(var(--vw) * 2.0833333333);
}
@media (width <= 767px) {
  .access_traffic_title {
    font-size: calc(var(--vw) * 4.2666666667);
    border-bottom: 1px solid currentColor;
    padding-bottom: calc(var(--vw) * 1.3333333333);
  }
}

.access_traffic_icons {
  display: flex;
  justify-content: space-between;
}
@media (width <= 767px) {
  .access_traffic_icons {
    flex-direction: column;
    gap: calc(var(--vw) * 5.3333333333);
  }
}
.access_traffic_icons li {
  display: flex;
  align-items: center;
  gap: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .access_traffic_icons li {
    width: -moz-fit-content;
    width: fit-content;
    gap: calc(var(--vw) * 0.6944444444);
  }
}
.access_traffic_icons li b {
  font-size: calc(var(--vw) * 4.2666666667);
  font-weight: 700;
}
@media (768px <= width) {
  .access_traffic_icons li b {
    font-size: calc(var(--vw) * 1.3888888889);
  }
}

.access_traffic_icon {
  width: calc(var(--vw) * 18.6666666667);
}
@media (768px <= width) {
  .access_traffic_icon {
    width: calc(var(--vw) * 6.9444444444);
  }
}

.access_traffic_text b {
  font-size: calc(var(--vw) * 1.5972222222);
  font-weight: 700;
}

/* ===============================================
#ご予約
=============================================== */
.reserve_section {
  background: transparent url(./../image/reserve-bg_1.avif) repeat center center/contain;
  margin-top: calc(var(--vw) * -10.6666666667);
  padding-top: calc(var(--vw) * 21.3333333333);
  padding-bottom: calc(var(--vw) * 16);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 2.0833333333);
  overflow-x: hidden;
}
@media (768px <= width) {
  .reserve_section {
    background: transparent url(./../image/reserve-bg_1.avif) no-repeat center center/cover;
    margin-top: calc(var(--vw) * -6.9444444444);
    padding-top: calc(var(--vw) * 15.9722222222);
    padding-bottom: calc(var(--vw) * 6.9444444444);
  }
}

.reserve_btn-box {
  display: flex;
  justify-content: center;
}
@media (width <= 767px) {
  .reserve_btn-box {
    flex-direction: column;
    gap: calc(var(--vw) * 5.3333333333);
  }
}

.reserve_btn {
  position: relative;
  height: calc(var(--vw) * 34.1333333333);
}
@media (768px <= width) {
  .reserve_btn {
    width: calc(var(--vw) * 33.3333333333);
    height: calc(var(--vw) * 12.4305555556);
  }
}
.reserve_btn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--vw) * 105.0666666667);
  height: calc(var(--vw) * 48);
  -o-object-fit: contain;
     object-fit: contain;
}
@media (768px <= width) {
  .reserve_btn img {
    width: calc(var(--vw) * 37.8472222222);
    height: calc(var(--vw) * 17.2222222222);
  }
}

.benefits_section {
  padding-bottom: calc(var(--vw) * 13.3333333333);
}
@media (768px <= width) {
  .benefits_section {
    padding-top: calc(var(--vw) * 6.9444444444);
    padding-bottom: calc(var(--vw) * 9.7222222222);
  }
}
.benefits_section:nth-of-type(1) {
  margin-top: calc(var(--vw) * -8);
  padding-top: calc(var(--vw) * 21.3333333333);
}
@media (width <= 767px) {
  .benefits_section:nth-of-type(1) {
    background-color: #fbf7f2;
  }
}
@media (768px <= width) {
  .benefits_section:nth-of-type(1) {
    margin-top: calc(var(--vw) * -6.9444444444);
    padding-top: calc(var(--vw) * 15.2777777778);
    background: transparent url(./../image/benefits-bg_1.avif) no-repeat bottom center/cover;
  }
}
@media (width <= 767px) {
  .benefits_section:nth-of-type(2) {
    background-color: #fbf9e5;
  }
}
@media (768px <= width) {
  .benefits_section:nth-of-type(2) {
    background: transparent url(./../image/benefits-bg_2.avif) no-repeat bottom center/cover;
  }
}
@media (width <= 767px) {
  .benefits_section:nth-of-type(3) {
    background-color: #f3f6fa;
  }
}
@media (768px <= width) {
  .benefits_section:nth-of-type(3) {
    background: transparent url(./../image/benefits-bg_3.avif) no-repeat bottom center/cover;
  }
}
@media (width <= 767px) {
  .benefits_section:nth-of-type(4) {
    background-color: #fbf0eb;
  }
}
@media (768px <= width) {
  .benefits_section:nth-of-type(4) {
    background: transparent url(./../image/benefits-bg_4.avif) no-repeat bottom center/cover;
  }
}

.benefits_sp_bg {
  margin-left: calc(50% - var(--vw) * 50);
  width: calc(var(--vw) * 100);
  margin-bottom: calc(var(--vw) * -2.6666666667);
}
@media (768px <= width) {
  .benefits_sp_bg {
    display: none;
  }
}

.benefits_number {
  width: calc(var(--vw) * 16);
  display: block;
  margin-inline: auto;
}
@media (768px <= width) {
  .benefits_number {
    width: calc(var(--vw) * 9.0277777778);
  }
}

.benefits_heading {
  text-align: center;
  font-size: calc(var(--vw) * 7.2);
  color: var(--color-brown2);
  font-weight: 700;
  font-family: var(--font-family-mincho);
  line-height: 1.4;
}
@media (768px <= width) {
  .benefits_heading {
    font-size: calc(var(--vw) * 4.0972222222);
  }
}

.benefits_bg {
  background: transparent url(./../image/benefits-bg_5.avif) repeat bottom center/contain;
  padding-top: calc(var(--vw) * 13.3333333333);
  padding-bottom: calc(var(--vw) * 13.3333333333);
}
@media (768px <= width) {
  .benefits_bg {
    background: transparent url(./../image/benefits-bg_5.avif) no-repeat bottom center/cover;
    padding-top: calc(var(--vw) * 7.6388888889);
    padding-bottom: calc(var(--vw) * 6.9444444444);
  }
}

.benefits_name {
  line-height: var(--lh-lg);
  text-align: center;
  margin-top: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .benefits_name {
    margin-top: calc(var(--vw) * 0.6944444444);
  }
}
.benefits_name b {
  font-size: calc(var(--vw) * 4.2666666667);
}
@media (768px <= width) {
  .benefits_name b {
    font-size: calc(var(--vw) * 1.5972222222);
  }
}

.benefits_title {
  font-size: calc(var(--vw) * 4.2666666667);
  font-weight: 700;
  color: #f08f3f;
  text-align: center;
}
@media (768px <= width) {
  .benefits_title {
    font-size: calc(var(--vw) * 2.5694444444);
  }
}

.benefits_form input,
.benefits_form textarea {
  width: 100%;
  border: 1px solid #b3b3b3;
  padding: 8px;
  background-color: #fff;
}
.benefits_form textarea {
  height: calc(var(--vw) * 53.3333333333);
  resize: none;
}
@media (768px <= width) {
  .benefits_form textarea {
    height: calc(var(--vw) * 14.3055555556);
  }
}

.benefits_form_table {
  width: 100%;
  margin-inline: auto;
}
@media (768px <= width) {
  .benefits_form_table {
    max-width: calc(var(--vw) * 57.2916666667);
  }
}
.benefits_form_table tbody tr th {
  padding-top: calc(var(--vw) * 2.5);
  font-size: calc(var(--vw) * 1.3888888889);
  font-weight: 700;
  white-space: nowrap;
  padding-right: calc(var(--vw) * 1.3888888889);
}
@media (width <= 767px) {
  .benefits_form_table tbody tr th {
    padding-top: calc(var(--vw) * 5.3333333333);
    font-size: calc(var(--vw) * 4.2666666667);
    display: block;
    padding-right: 0;
  }
}
.benefits_form_table tbody tr th.required::after {
  content: "必須";
  color: #ee7836;
  font-size: calc(var(--vw) * 2.9333333333);
  margin-left: calc(var(--vw) * 0.5333333333);
}
@media (768px <= width) {
  .benefits_form_table tbody tr th.required::after {
    font-size: calc(var(--vw) * 0.9722222222);
    margin-left: calc(var(--vw) * 0.1388888889);
  }
}
@media (width <= 767px) {
  .benefits_form_table tbody tr td {
    display: block;
    padding-top: calc(var(--vw) * 1.3333333333);
  }
}
@media (768px <= width) {
  .benefits_form_table tbody tr td {
    width: calc(var(--vw) * 40.2777777778);
    padding-top: calc(var(--vw) * 2.0833333333);
  }
}
@media (width <= 767px) {
  .benefits_form_table tbody tr:first-child th {
    padding-top: 0;
  }
}
@media (768px <= width) {
  .benefits_form_table tbody tr:first-child th,
  .benefits_form_table tbody tr:first-child td {
    padding-top: 0;
  }
}

.benefits_form_text {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: calc(var(--vw) * 3.7333333333);
  line-height: var(--lh-md);
}
@media (768px <= width) {
  .benefits_form_text {
    font-size: calc(var(--vw) * 1.3194444444);
  }
}

.benefits_form_btn {
  width: calc(var(--vw) * 53.3333333333);
  margin-inline: auto;
}
@media (768px <= width) {
  .benefits_form_btn {
    width: calc(var(--vw) * 20.8333333333);
  }
}

.benefits_top_btn {
  display: block;
  background-color: var(--color-brown2);
  border-radius: 50vw;
  color: #fff;
  margin-inline: auto;
  padding: calc(var(--vw) * 2.6666666667) calc(var(--vw) * 13.3333333333);
  text-align: center;
}
@media (768px <= width) {
  .benefits_top_btn {
    padding: calc(var(--vw) * 0.6944444444) calc(var(--vw) * 3.4722222222);
  }
}

/* ===============================================
#奨学金制度のご案内
=============================================== */
.scholarship-system_section {
  padding-top: calc(var(--vw) * 16);
  padding-bottom: calc(var(--vw) * 13.3333333333);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .scholarship-system_section {
    padding-top: calc(var(--vw) * 11.1111111111);
    padding-bottom: calc(var(--vw) * 9.0277777778);
    gap: calc(var(--vw) * 4.8611111111);
  }
}

.scholarship-system_head {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .scholarship-system_head {
    gap: calc(var(--vw) * 2.0833333333);
  }
}

.scholarship-system_lead {
  font-size: calc(var(--vw) * 6.6666666667);
  text-align: center;
  letter-spacing: 0.04em;
  font-family: var(--font-family-mincho);
}
.scholarship-system_lead span {
  display: inline;
  background-image: linear-gradient(180deg, #fff 0%, #fff 80%, #f9d2b2 80%, #f9d2b2 100%);
}
@media (768px <= width) {
  .scholarship-system_lead {
    letter-spacing: 0.08em;
    font-size: calc(var(--vw) * 3.125);
  }
}

@media (768px <= width) {
  .scholarship-system_bg {
    background-color: #f7e0d6;
  }
}

.scholarship-system_content {
  display: flex;
  align-items: center;
  position: relative;
}
@media (width <= 767px) {
  .scholarship-system_content {
    flex-direction: column;
  }
}
@media (768px <= width) {
  .scholarship-system_content {
    padding-top: calc(var(--vw) * 2.7777777778);
    padding-bottom: calc(var(--vw) * 2.7777777778);
  }
}

@media (768px <= width) {
  .scholarship-system_content_img {
    position: absolute;
    height: 100%;
    width: 54%;
    top: 0;
    left: calc(50% - var(--vw) * 50);
    z-index: 1;
  }
}

.scholarship-system_content_text {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
@media (width <= 767px) {
  .scholarship-system_content_text {
    background-color: #f7e0d6;
    padding: calc(var(--vw) * 5.3333333333) calc(var(--vw) * 10.6666666667);
    gap: calc(var(--vw) * 5.3333333333);
    width: 100%;
  }
}
@media (768px <= width) {
  .scholarship-system_content_text {
    width: calc(var(--vw) * 52.3611111111);
    gap: calc(var(--vw) * 2.0833333333);
    margin-left: auto;
  }
}

.scholarship-system_content_text_heading {
  color: #be503c;
  letter-spacing: 0.15em;
  font-size: calc(var(--vw) * 2.7777777778);
}
@media (width <= 767px) {
  .scholarship-system_content_text_heading {
    text-align: center;
    font-size: calc(var(--vw) * 4.8);
  }
}

.scholarship-system_content_text_list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .scholarship-system_content_text_list {
    gap: calc(var(--vw) * 0.9722222222);
  }
}
.scholarship-system_content_text_list li {
  background-color: #fff;
  padding: calc(var(--vw) * 5.3333333333) calc(var(--vw) * 5.3333333333);
  display: flex;
  align-items: center;
}
@media (width <= 767px) {
  .scholarship-system_content_text_list li {
    flex-direction: column;
    gap: calc(var(--vw) * 2.6666666667);
  }
}
@media (768px <= width) {
  .scholarship-system_content_text_list li {
    padding: calc(var(--vw) * 0.6944444444) calc(var(--vw) * 2.5);
    gap: calc(var(--vw) * 2.0833333333);
  }
}

.scholarship-system_content_text_list_img {
  width: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .scholarship-system_content_text_list_img {
    width: calc(var(--vw) * 4.9305555556);
  }
}

.scholarship-system_content_text_list_title {
  font-size: calc(var(--vw) * 4.2666666667);
  letter-spacing: 0.15em;
  line-height: 1.6;
  flex: 1;
}
@media (width <= 767px) {
  .scholarship-system_content_text_list_title {
    text-align: center;
  }
}
@media (768px <= width) {
  .scholarship-system_content_text_list_title {
    font-size: calc(var(--vw) * 1.7361111111);
  }
}

.scholarship-system_btn {
  width: calc(var(--vw) * 80);
  margin-inline: auto;
}
@media (768px <= width) {
  .scholarship-system_btn {
    width: calc(var(--vw) * 32.2222222222);
  }
}

.scholarship-about_section {
  background: transparent url(./../image/sp/scholarship-bg_1.avif) no-repeat top center/cover;
  padding-top: calc(var(--vw) * 16);
  padding-bottom: calc(var(--vw) * 21.3333333333);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .scholarship-about_section {
    padding-top: calc(var(--vw) * 8.3333333333);
    padding-bottom: calc(var(--vw) * 6.9444444444);
    gap: calc(var(--vw) * 4.1666666667);
    background: transparent url(./../image/scholarship-bg_1.avif) no-repeat top center/cover;
  }
}

.scholarship-about_heading {
  font-size: calc(var(--vw) * 5.3333333333);
  letter-spacing: 0.08em;
  font-weight: 700;
  text-align: center;
  font-family: var(--font-family-mincho);
}
@media (768px <= width) {
  .scholarship-about_heading {
    font-size: calc(var(--vw) * 3.125);
  }
}

.scholarship-about_list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 10.6666666667);
}
@media (768px <= width) {
  .scholarship-about_list {
    gap: calc(var(--vw) * 2.0833333333);
  }
}
.scholarship-about_list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (768px <= width) {
  .scholarship-about_list li:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
  .scholarship-about_list li:nth-of-type(odd) .scholarship-about_list_img {
    margin-right: calc(50% - var(--vw) * 50);
  }
  .scholarship-about_list li:nth-of-type(even) .scholarship-about_list_img {
    margin-left: calc(50% - var(--vw) * 50);
    width: calc(var(--vw) * 50 - 50% + 46%);
  }
  .scholarship-about_list li:nth-of-type(even) .scholarship-about_list_textbox {
    width: 54%;
  }
}

@media (768px <= width) {
  .scholarship-about_list_img {
    width: calc(var(--vw) * 50 - 50% + 50%);
  }
}

.scholarship-about_list_textbox {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .scholarship-about_list_textbox {
    width: 50%;
    gap: calc(var(--vw) * 2.0833333333);
  }
}

.scholarship-about_list_textbox_number {
  width: calc(var(--vw) * 14.6666666667);
}
@media (width <= 767px) {
  .scholarship-about_list_textbox_number {
    margin-inline: auto;
    display: block;
  }
}
@media (768px <= width) {
  .scholarship-about_list_textbox_number {
    width: calc(var(--vw) * 5.5555555556);
  }
}

.scholarship-about_list_textbox_heading {
  font-size: calc(var(--vw) * 8);
  letter-spacing: var(--ls-xxs);
}
@media (width <= 767px) {
  .scholarship-about_list_textbox_heading {
    text-align: center;
    margin-top: calc(var(--vw) * 2.6666666667);
  }
}
@media (768px <= width) {
  .scholarship-about_list_textbox_heading {
    font-size: calc(var(--vw) * 3.125);
    margin-top: calc(var(--vw) * 0.5555555556);
  }
}

.scholarship-about_list_textbox_text {
  line-height: var(--lh-lg);
  display: flex;
  flex-direction: column;
  gap: 1lh;
}
@media (768px <= width) {
  .scholarship-about_list_textbox_text {
    width: 90%;
  }
}
.scholarship-about_list_textbox_text p span {
  border-bottom: 1px solid currentColor;
}
.scholarship-about_list_textbox_text p span::before {
  content: "";
  display: inline-block;
  width: calc(var(--vw) * 2.9333333333);
  height: calc(var(--vw) * 2.9333333333);
  background: transparent url(./../image/header-icon_9.svg) no-repeat center center/contain;
  margin-right: calc(var(--vw) * 0.8);
}
@media (768px <= width) {
  .scholarship-about_list_textbox_text p span::before {
    width: calc(var(--vw) * 1.0416666667);
    height: calc(var(--vw) * 1.0416666667);
    margin-right: calc(var(--vw) * 0.2083333333);
  }
}

.scholarship-about_white-box {
  background-color: #fff;
  padding: calc(var(--vw) * 5.3333333333) calc(var(--vw) * 6.9333333333);
  border-radius: calc(var(--vw) * 2.1333333333);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 2.6666666667);
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
@media (768px <= width) {
  .scholarship-about_white-box {
    text-align: center;
    gap: calc(var(--vw) * 2.6388888889);
    padding: calc(var(--vw) * 2.7777777778) calc(var(--vw) * 4.5833333333);
    border-radius: calc(var(--vw) * 0.9722222222);
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.2);
  }
}

.scholarship-about_white-box_heading {
  font-size: calc(var(--vw) * 4.2666666667);
  color: #d89889;
  letter-spacing: 0.07em;
  font-weight: 700;
  text-align: center;
}
@media (768px <= width) {
  .scholarship-about_white-box_heading {
    font-size: calc(var(--vw) * 2.5694444444);
  }
}

.scholarship-about_white-box_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .scholarship-about_white-box_list {
    grid-template-columns: repeat(3, auto);
    gap: calc(var(--vw) * 0.8333333333) calc(var(--vw) * 0.6944444444);
  }
}
.scholarship-about_white-box_list li {
  text-align: left;
  position: relative;
  padding-left: calc(var(--vw) * 5.8666666667);
  font-size: calc(var(--vw) * 4.2666666667);
  white-space: nowrap;
}
@media (768px <= width) {
  .scholarship-about_white-box_list li {
    padding-left: calc(var(--vw) * 2.3611111111);
    font-size: calc(var(--vw) * 1.5277777778);
  }
}
.scholarship-about_white-box_list li::before {
  content: "";
  display: block;
  width: calc(var(--vw) * 4.2666666667);
  height: calc(var(--vw) * 4.2666666667);
  position: absolute;
  top: calc(var(--vw) * 0.8);
  left: 0;
  background: transparent url(./../image/icon-check.svg) no-repeat center center/contain;
}
@media (768px <= width) {
  .scholarship-about_white-box_list li::before {
    top: calc(var(--vw) * 0.0694444444);
    width: calc(var(--vw) * 2.0138888889);
    height: calc(var(--vw) * 2.0138888889);
  }
}

.scholarship-neck_section {
  background-color: #f0f1f7;
  background-image: radial-gradient(circle, #dcdeec 1px, transparent 1px);
  background-position: 0 0;
  background-size: 14px 14px;
  padding-top: calc(var(--vw) * 16);
  padding-bottom: calc(var(--vw) * 34.6666666667);
  clip-path: polygon(100% 0, 100% 97%, 50% 100%, 0 97%, 0 0);
  position: relative;
  z-index: 2;
}
@media (768px <= width) {
  .scholarship-neck_section {
    clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);
    background-size: 28px 28px;
    padding-top: calc(var(--vw) * 4.8611111111);
    padding-bottom: calc(var(--vw) * 15.2777777778);
  }
}

.scholarship-neck_heading {
  letter-spacing: 0.04em;
  text-align: center;
  font-family: var(--font-family-mincho);
  font-weight: 700;
  font-size: calc(var(--vw) * 6.6666666667);
  line-height: 1.55;
}
.scholarship-neck_heading span {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 80%, #f9d2b2 80%, #f9d2b2 100%);
}
@media (768px <= width) {
  .scholarship-neck_heading {
    letter-spacing: 0.08em;
    font-size: calc(var(--vw) * 3.125);
  }
}

.scholarship-neck_white_box {
  background-color: #fff;
  padding: calc(var(--vw) * 2.6666666667) calc(var(--vw) * 5.3333333333) calc(var(--vw) * 5.3333333333);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 2.6666666667);
  border-radius: calc(var(--vw) * 2.1333333333);
}
@media (768px <= width) {
  .scholarship-neck_white_box {
    gap: calc(var(--vw) * 1.1111111111);
    padding: calc(var(--vw) * 1.3888888889) calc(var(--vw) * 3.4722222222) calc(var(--vw) * 2.0833333333);
    border-radius: calc(var(--vw) * 1.1111111111);
  }
}

.scholarship-neck_white_box_heading {
  font-size: calc(var(--vw) * 4.2666666667);
  font-weight: 700;
  text-align: center;
  color: #f08f3f;
}
@media (768px <= width) {
  .scholarship-neck_white_box_heading {
    letter-spacing: 0.08em;
    font-size: calc(var(--vw) * 2.5694444444);
  }
}

@media (768px <= width) {
  .scholarship-neck_white_box_table {
    width: calc(var(--vw) * 43.6111111111);
    margin-inline: auto;
  }
}
.scholarship-neck_white_box_table tr th,
.scholarship-neck_white_box_table tr td {
  padding: calc(var(--vw) * 0.2777777778) calc(var(--vw) * 1.1805555556);
  border-bottom: 1px solid currentColor;
  vertical-align: middle;
}
.scholarship-neck_white_box_table tr th small,
.scholarship-neck_white_box_table tr td small {
  font-size: calc(var(--vw) * 1.25);
}
@media (width <= 767px) {
  .scholarship-neck_white_box_table tr th,
  .scholarship-neck_white_box_table tr td {
    padding: calc(var(--vw) * 1.0666666667);
    font-size: calc(var(--vw) * 3.7333333333);
  }
  .scholarship-neck_white_box_table tr th small,
  .scholarship-neck_white_box_table tr td small {
    font-size: calc(var(--vw) * 2.6666666667);
  }
}
.scholarship-neck_white_box_table tr td {
  text-align: right;
}

.scholarship-neck_white_box_arrow {
  width: calc(var(--vw) * 13.0666666667);
  margin-inline: auto;
}
@media (768px <= width) {
  .scholarship-neck_white_box_arrow {
    width: calc(var(--vw) * 3.4027777778);
  }
}

.scholarship-neck_white_box_text {
  font-weight: 700;
  text-align: center;
}
@media (width <= 767px) {
  .scholarship-neck_white_box_text {
    font-size: calc(var(--vw) * 5.3333333333);
  }
  .scholarship-neck_white_box_text span {
    display: inline;
    background-image: linear-gradient(180deg, #fff 0%, #fff 80%, #f6bb8a 80%, #f6bb8a 100%);
  }
}
@media (768px <= width) {
  .scholarship-neck_white_box_text {
    font-size: calc(var(--vw) * 2.5694444444);
    padding-inline: calc(var(--vw) * 1.5277777778);
  }
  .scholarship-neck_white_box_text span {
    border-bottom: 5px solid #f6bb8a;
  }
}

.scholarship-neck_content {
  display: flex;
  align-items: center;
}
@media (width <= 767px) {
  .scholarship-neck_content {
    flex-direction: column;
  }
}
@media (768px <= width) {
  .scholarship-neck_content {
    justify-content: space-between;
  }
}

@media (width <= 767px) {
  .scholarship-neck_content_img {
    width: 39%;
    margin-inline: auto;
  }
}
@media (768px <= width) {
  .scholarship-neck_content_img {
    width: calc(var(--vw) * 23.5416666667);
  }
}

.scholarship-neck_content_textbox {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .scholarship-neck_content_textbox {
    width: calc(var(--vw) * 43.75);
    gap: calc(var(--vw) * 1.3888888889);
  }
}

.scholarship-neck_content_textbox_heading {
  letter-spacing: 0.05em;
  font-size: calc(var(--vw) * 2.4305555556);
}
@media (width <= 767px) {
  .scholarship-neck_content_textbox_heading {
    font-size: calc(var(--vw) * 5.3333333333);
    text-align: center;
  }
}

.scholarship-intro_section {
  margin-top: calc(var(--vw) * -10.6666666667);
  padding-bottom: calc(var(--vw) * 8.3333333333);
  position: relative;
  z-index: 1;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f3e8e5 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f3e8e5 calc(100% - 1px));
  background-size: 8px 8px;
  background-color: #fbf7f3;
  background-repeat: repeat;
  background-position: center center;
  overflow-x: hidden;
}
@media (768px <= width) {
  .scholarship-intro_section {
    background-size: 16px 16px;
    margin-top: calc(var(--vw) * -9.0277777778);
  }
}

.scholarship-intro_heading {
  text-align: center;
  font-size: calc(var(--vw) * 5.3333333333);
}

.scholarship-intro_object {
  position: absolute;
}
@media (width <= 767px) {
  .scholarship-intro_object {
    display: none;
  }
}
.scholarship-intro_object.left-top {
  width: calc(var(--vw) * 12.1527777778);
  top: 35.7%;
  left: calc(var(--vw) * -0.625);
}
.scholarship-intro_object.right {
  width: calc(var(--vw) * 16.3194444444);
  top: 51.2%;
  right: calc(var(--vw) * -2.9861111111);
}
.scholarship-intro_object.left-bottom {
  width: calc(var(--vw) * 20.7638888889);
  top: 64.6%;
  left: 0;
}

.scholarship-intro_white_box {
  background-color: #fff;
  padding: calc(var(--vw) * 5.3333333333);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 5.3333333333);
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
  border-radius: calc(var(--vw) * 2.1333333333);
  position: relative;
  margin-top: calc(var(--vw) * 8);
}
@media (768px <= width) {
  .scholarship-intro_white_box {
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.2);
    gap: calc(var(--vw) * 4.1666666667);
    border-radius: calc(var(--vw) * 1.1111111111);
    padding: calc(var(--vw) * 2.0833333333) calc(var(--vw) * 2.7777777778);
    margin-top: calc(var(--vw) * -8.3333333333);
    width: calc(var(--vw) * 65.2777777778);
    margin-inline: auto;
  }
}

.scholarship-intro_white_box_heading {
  background-color: #dda37b;
  color: #fff;
  border-radius: 50vw;
  letter-spacing: 0.15em;
  position: relative;
  font-size: calc(var(--vw) * 4);
  padding: calc(var(--vw) * 0.8) calc(var(--vw) * 8);
}
@media (768px <= width) {
  .scholarship-intro_white_box_heading {
    font-size: calc(var(--vw) * 2.0833333333);
    padding: calc(var(--vw) * 0.3472222222) calc(var(--vw) * 2.7777777778);
  }
}
.scholarship-intro_white_box_heading::before {
  content: "";
  display: block;
  width: calc(100% - var(--vw) * 0.6944444444);
  height: calc(100% - var(--vw) * 0.6944444444);
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 50vw;
  border: 1px solid #fff;
  margin: calc(var(--vw) * 0.3472222222);
}

@media (768px <= width) {
  .scholarship-intro_white_box_img_text {
    position: absolute;
    width: calc(var(--vw) * 71.1805555556);
    top: calc(var(--vw) * -0.7638888889);
    right: calc(var(--vw) * -12.9861111111);
  }
}

.scholarship-intro_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: calc(var(--vw) * 13.3333333333);
}
@media (768px <= width) {
  .scholarship-intro_list {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--vw) * 3.4722222222);
  }
}
.scholarship-intro_list li {
  position: relative;
  border: 1px solid #ce793f;
  background-color: #fff;
  padding: calc(var(--vw) * 0.5333333333);
}
@media (768px <= width) {
  .scholarship-intro_list li {
    padding: calc(var(--vw) * 0.2777777778);
  }
}
@media (768px <= width) {
  .scholarship-intro_list.col-3 {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--vw) * 5.5555555556) calc(var(--vw) * 3.4722222222);
  }
  .scholarship-intro_list.col-3 .scholarship-intro_list_number {
    width: calc(var(--vw) * 6.9444444444);
  }
  .scholarship-intro_list.col-3 .scholarship-intro_list_inner {
    padding: calc(var(--vw) * 4.5833333333) calc(var(--vw) * 0.6944444444) calc(var(--vw) * 2.0833333333);
  }
  .scholarship-intro_list.col-3 .scholarship-intro_list_inner p {
    margin-inline: calc(var(--vw) * 1.3888888889);
  }
  .scholarship-intro_list.col-3 .scholarship-intro_list_heading {
    letter-spacing: 0.1em;
  }
}

.scholarship-intro_list_inner {
  background-color: #fff;
  border: 1px solid #ce793f;
  padding: calc(var(--vw) * 12.2666666667) calc(var(--vw) * 4.8) calc(var(--vw) * 5.3333333333);
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 4.8);
  height: 100%;
}
@media (768px <= width) {
  .scholarship-intro_list_inner {
    gap: calc(var(--vw) * 2.0833333333);
    padding: calc(var(--vw) * 4.8611111111) calc(var(--vw) * 2.7777777778) calc(var(--vw) * 2.0833333333);
  }
}

.scholarship-intro_list_number {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--vw) * 19.7333333333);
  background-color: #fff;
  border-radius: 50%;
  z-index: 1;
}
@media (768px <= width) {
  .scholarship-intro_list_number {
    width: calc(var(--vw) * 8.8888888889);
  }
}

.scholarship-intro_list_heading {
  font-size: calc(var(--vw) * 5.3333333333);
  font-weight: 700;
  letter-spacing: 0.16em;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
}
.scholarship-intro_list_heading span {
  border-bottom: calc(var(--vw) * 0.8) solid #f6bb8a;
  display: inline;
}
@media (768px <= width) {
  .scholarship-intro_list_heading span {
    border-bottom: calc(var(--vw) * 0.3472222222) solid #f6bb8a;
  }
}
@media (768px <= width) {
  .scholarship-intro_list_heading {
    font-size: calc(var(--vw) * 2.2222222222);
  }
}

.scholarship-intro_brown_box {
  background-color: #fbe0c9;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 3.7333333333);
  padding: calc(var(--vw) * 8) calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .scholarship-intro_brown_box {
    text-align: center;
    gap: calc(var(--vw) * 1.1111111111);
    padding: calc(var(--vw) * 2.0833333333) calc(var(--vw) * 2.7777777778);
  }
}

.scholarship-intro_brown_box_heading {
  color: #f08f3f;
  font-weight: 700;
  letter-spacing: 0.16em;
  font-size: calc(var(--vw) * 5.3333333333);
  text-align: center;
}
@media (768px <= width) {
  .scholarship-intro_brown_box_heading {
    font-size: calc(var(--vw) * 2.0833333333);
  }
}

.scholarship-intro_flow_list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--vw) * 8) calc(var(--vw) * 5.6);
}
@media (768px <= width) {
  .scholarship-intro_flow_list {
    gap: calc(var(--vw) * 4.1666666667);
    justify-content: center;
  }
}
.scholarship-intro_flow_list li {
  width: calc(33.3333333333% - var(--vw) * 5.6 * 2 / 3);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 0.6944444444);
  position: relative;
}
@media (width <= 767px) {
  .scholarship-intro_flow_list li:not(:nth-of-type(3n + 1)):before {
    content: "";
    display: block;
    background-color: var(--color-brown);
    position: absolute;
    z-index: 1;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }
  .scholarship-intro_flow_list li:not(:nth-of-type(3n + 1))::before {
    width: calc(var(--vw) * 2.1333333333);
    height: calc(var(--vw) * 3.2);
    top: calc(var(--vw) * 12.8);
    left: calc(var(--vw) * -3.7333333333);
  }
}
@media (768px <= width) {
  .scholarship-intro_flow_list li {
    width: calc(25% - var(--vw) * 4.1666666667 * 3 / 4);
  }
  .scholarship-intro_flow_list li:not(:nth-of-type(4n + 1)):before {
    content: "";
    display: block;
    background-color: var(--color-brown);
    position: absolute;
    z-index: 1;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }
  .scholarship-intro_flow_list li:not(:nth-of-type(4n + 1))::before {
    width: calc(var(--vw) * 2.1333333333);
    height: calc(var(--vw) * 3.2);
    top: calc(var(--vw) * 12.8);
    left: calc(var(--vw) * -3.7333333333);
    width: calc(var(--vw) * 1.3888888889);
    height: calc(var(--vw) * 2.0833333333);
    top: calc(var(--vw) * 6.1111111111);
    left: calc(var(--vw) * -2.7083333333);
  }
}

.scholarship-intro_flow_list_text {
  text-align: center;
  font-size: calc(var(--vw) * 3.2);
}
@media (768px <= width) {
  .scholarship-intro_flow_list_text {
    font-size: calc(var(--vw) * 1.3888888889);
  }
}

.scholarship-intro_btn_box {
  display: flex;
  justify-content: center;
  gap: calc(var(--vw) * 3.3333333333);
}
@media (width <= 767px) {
  .scholarship-intro_btn_box {
    flex-direction: column;
    gap: calc(var(--vw) * 5.3333333333);
    width: calc(var(--vw) * 68.8);
    margin-inline: auto;
  }
}

@media (768px <= width) {
  .scholarship-intro_btn {
    width: calc(var(--vw) * 27.7777777778);
  }
}

.scholarship-intro_list_lead {
  border: 1px solid currentColor;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-inline: auto;
  padding: calc(var(--vw) * 0.8) calc(var(--vw) * 2.6666666667);
  width: 100%;
  text-align: center;
}
@media (768px <= width) {
  .scholarship-intro_list_lead {
    padding: calc(var(--vw) * 0.3472222222) calc(var(--vw) * 3.0555555556);
    width: -moz-fit-content;
    width: fit-content;
    font-size: calc(var(--vw) * 1.3888888889);
  }
}

.scholarship-doctor_section {
  background: transparent url(./../image/scholarship-bg_3.avif) repeat center center/contain;
}
@media (768px <= width) {
  .scholarship-doctor_section {
    background: transparent url(./../image/scholarship-bg_3.avif) no-repeat center center/cover;
  }
}

.scholarship-doctor_container {
  align-items: center;
}

.scholarship-doctor_comment {
  letter-spacing: var(--ls-xxs);
}
@media (width <= 767px) {
  .scholarship-doctor_comment {
    font-size: calc(var(--vw) * 7.2);
    text-align: center;
  }
}
@media (768px <= width) {
  .scholarship-doctor_comment {
    font-size: calc(var(--vw) * 2.6388888889);
  }
}

.scholarship-merit_section {
  background-color: #fbedef;
  position: relative;
}
@media (width <= 767px) {
  .scholarship-merit_section {
    padding-top: calc(var(--vw) * 40);
  }
}

.scholarship-merit_bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media (768px <= width) {
  .scholarship-merit_bg {
    width: 78%;
  }
}

.scholarship-merit_inner {
  position: relative;
  z-index: 2;
}

.scholarship-merit_heading {
  font-size: calc(var(--vw) * 5.6);
  letter-spacing: var(--ls-xxs);
  line-height: var(--lh-md);
  font-weight: 700;
  font-family: var(--font-family-mincho);
  color: var(--color-brown2);
}
@media (768px <= width) {
  .scholarship-merit_heading {
    font-size: calc(var(--vw) * 3.4722222222);
  }
}
.scholarship-merit_heading span {
  border-bottom: calc(var(--vw) * 1.3333333333) solid #fff;
}
@media (768px <= width) {
  .scholarship-merit_heading span {
    border-bottom: calc(var(--vw) * 0.8333333333) solid #fff;
  }
}
.scholarship-merit_heading span b {
  font-size: calc(var(--vw) * 11.4666666667);
  line-height: 1;
}
@media (768px <= width) {
  .scholarship-merit_heading span b {
    font-size: calc(var(--vw) * 6.9444444444);
  }
}

.scholarship-consult_section {
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f3e8e5 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f3e8e5 calc(100% - 1px));
  background-size: 8px 8px;
  background-color: #fbf7f3;
  background-repeat: repeat;
  background-position: center center;
}
@media (768px <= width) {
  .scholarship-consult_section {
    background-size: 16px 16px;
  }
}

.scholarship-consult_heading {
  color: #f08f3f;
  font-size: calc(var(--vw) * 4.8);
  line-height: 1.62;
  font-weight: 700;
  text-align: center;
}
@media (768px <= width) {
  .scholarship-consult_heading {
    font-size: calc(var(--vw) * 2.5694444444);
  }
}

.scholarship-consult_box {
  box-shadow: 0 0 5px 2px rgba(201, 158, 122, 0.7);
}
@media (768px <= width) {
  .scholarship-consult_box {
    box-shadow: 0 0 10px 4px rgba(201, 158, 122, 0.7);
  }
}

.scholarship-consult_box_heading {
  color: var(--color-brown);
  letter-spacing: 0.16em;
}
@media (768px <= width) {
  .scholarship-consult_box_heading {
    font-size: calc(var(--vw) * 2.2222222222);
  }
}

.scholarship-consult_list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 2.6666666667);
}
@media (768px <= width) {
  .scholarship-consult_list {
    gap: calc(var(--vw) * 2.0833333333);
  }
}
.scholarship-consult_list li {
  background-color: #fff;
  box-shadow: 0 0 5px 2px rgba(201, 158, 122, 0.7);
  padding: calc(var(--vw) * 2.6666666667) calc(var(--vw) * 5.3333333333);
  display: flex;
  align-items: flex-start;
  letter-spacing: 0.1em;
  line-height: var(--lh-sm);
  gap: calc(var(--vw) * 1.3888888889);
  border-radius: calc(var(--vw) * 3.2);
  font-size: calc(var(--vw) * 4.2666666667);
}
@media (768px <= width) {
  .scholarship-consult_list li {
    font-size: calc(var(--vw) * 2.4305555556);
    border-radius: calc(var(--vw) * 1.6666666667);
    padding: calc(var(--vw) * 1.25) calc(var(--vw) * 4.4444444444);
    box-shadow: 0 0 10px 4px rgba(201, 158, 122, 0.7);
  }
}
.scholarship-consult_list li::before {
  content: "";
  display: block;
  width: calc(var(--vw) * 5.3333333333);
  height: calc(var(--vw) * 5.3333333333);
  background: transparent url(./../image/icon-check.svg) no-repeat center center/contain;
}
@media (768px <= width) {
  .scholarship-consult_list li::before {
    width: calc(var(--vw) * 2.2222222222);
    height: calc(var(--vw) * 2.2222222222);
    margin-top: calc(var(--vw) * 0.2777777778);
  }
}

.scholarship_bottom_bg {
  background: transparent url(./../image/price-bg_1.avif) repeat center center/contain;
}
@media (768px <= width) {
  .scholarship_bottom_bg {
    background: transparent url(./../image/price-bg_1.avif) no-repeat center center/cover;
  }
}

.scholarship_heading {
  color: #f08f3f;
  text-align: center;
  font-size: calc(var(--vw) * 5.3333333333);
  font-weight: 700;
}
@media (768px <= width) {
  .scholarship_heading {
    font-size: calc(var(--vw) * 2.5694444444);
  }
}

.scholarship-question_list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--vw) * 6.4);
}
@media (768px <= width) {
  .scholarship-question_list {
    gap: calc(var(--vw) * 2.0833333333);
  }
}
.scholarship-question_list dl {
  border: 1px solid #99724d;
}
.scholarship-question_list dl dt {
  background-color: #99724d;
  padding: calc(var(--vw) * 1.6) calc(var(--vw) * 5.3333333333);
  color: #fff;
  font-size: calc(var(--vw) * 4.2666666667);
  letter-spacing: var(--ls-xs);
}
@media (768px <= width) {
  .scholarship-question_list dl dt {
    font-size: calc(var(--vw) * 1.7361111111);
    padding: calc(var(--vw) * 0.8333333333) calc(var(--vw) * 1.3888888889) calc(var(--vw) * 0.8333333333) calc(var(--vw) * 4.7222222222);
  }
}
.scholarship-question_list dl dd {
  background-color: #fff;
  line-height: var(--lh-lg);
  padding: calc(var(--vw) * 1.6) calc(var(--vw) * 5.3333333333);
}
@media (768px <= width) {
  .scholarship-question_list dl dd {
    padding: calc(var(--vw) * 1.1111111111) calc(var(--vw) * 4.7222222222);
  }
}

.scholarship-form_check {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scholarship-form_check input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.scholarship-form_check input[type=checkbox] + span {
  cursor: pointer;
  display: inline-block;
  padding-left: calc(var(--vw) * 9.0666666667);
  position: relative;
  font-size: calc(var(--vw) * 3.7333333333);
}
@media (768px <= width) {
  .scholarship-form_check input[type=checkbox] + span {
    padding-left: calc(var(--vw) * 2.5);
    font-size: calc(var(--vw) * 1.3194444444);
  }
}
.scholarship-form_check input[type=checkbox] + span::before {
  background: #fff;
  border: 1px solid #b3b3b3;
  content: "";
  display: block;
  height: calc(var(--vw) * 5.6);
  width: calc(var(--vw) * 5.6);
  position: absolute;
  top: 0;
  left: 0;
}
@media (768px <= width) {
  .scholarship-form_check input[type=checkbox] + span::before {
    top: calc(var(--vw) * 0.2777777778);
    height: calc(var(--vw) * 1.4583333333);
    width: calc(var(--vw) * 1.4583333333);
  }
}
.scholarship-form_check input[type=checkbox] + span::after {
  border-bottom: calc(var(--vw) * 0.8) solid var(--color-brown);
  border-left: calc(var(--vw) * 0.8) solid var(--color-brown);
  content: "";
  display: block;
  width: calc(var(--vw) * 3.4666666667);
  height: calc(var(--vw) * 1.8666666667);
  position: absolute;
  top: calc(var(--vw) * 1.6);
  left: calc(var(--vw) * 1.0666666667);
  opacity: 0;
  transform: rotate(-45deg);
  transition: all 0.3s ease 0s;
}
@media (768px <= width) {
  .scholarship-form_check input[type=checkbox] + span::after {
    border-bottom: calc(var(--vw) * 0.2083333333) solid var(--color-brown);
    border-left: calc(var(--vw) * 0.2083333333) solid var(--color-brown);
    width: calc(var(--vw) * 0.9027777778);
    height: calc(var(--vw) * 0.4861111111);
    top: calc(var(--vw) * 0.6944444444);
    left: calc(var(--vw) * 0.2777777778);
  }
}
.scholarship-form_check input[type=checkbox]:checked + span::after {
  opacity: 1;
}
.scholarship-form_check input[type=checkbox]:focus + span::before, .scholarship-form_check input[type=checkbox]:focus + span::before {
  border: 1px solid;
}

.scholarship-form_policy {
  background-color: #fff;
  padding: calc(var(--vw) * 2.6666666667) calc(var(--vw) * 5.3333333333);
  border: 1px solid #b3b3b3;
  line-height: var(--lh-md);
  font-size: calc(var(--vw) * 3.7333333333);
}
@media (768px <= width) {
  .scholarship-form_policy {
    padding: calc(var(--vw) * 0.9722222222) calc(var(--vw) * 5.9722222222);
    font-size: calc(var(--vw) * 1.3194444444);
  }
}