@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&family=Shippori+Mincho+B1:wght@400;500;600&family=Zen+Kaku+Gothic+Antique:wght@400;500;700&family=Zen+Kaku+Gothic+New:wght@500;700&display=swap");
/*
Theme Name: スタートアップ用オリジナルテーマ
Theme URI:
Author: yuki
Author URI: http://#
Description: スタートアップ用オリジナルテーマです。
Version: 1.0
License:
License URI:
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

:root {
  interpolate-size: allow-keywords;
  --design-px: calc(100vw / 390);
}
@media screen and (min-width: 768px) {
  :root {
    --design-px: min(1px, calc(100vw / 1440));
  }
}

html {
  font-size: 62.5%;
  scroll-padding-top: 80px;
  scroll-behavior: smooth;
}

body {
  font-size: calc(15 * var(--design-px));
  line-height: 1.8;
  font-weight: 500;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: "Zen Kaku Gothic Antique", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-wrap: break-word;
  line-break: strict;
  color: #162930;
  background: #F9F9F9;
}
@media screen and (min-width: 768px) {
  body {
    font-size: calc(16 * var(--design-px));
  }
}

body:has(#menu-toggle:checked) {
  overflow: hidden;
}

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

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.5s;
}

a:hover {
  opacity: 0.8;
}

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

ul, ol {
  margin: 0;
  padding: 0;
}

ul li, ol li {
  list-style: none;
}

figure {
  margin: 0;
}

.l-breadcrumbs-list {
  display: flex;
  padding: 0;
  margin: 10px 0 0;
  font-size: 1.4rem;
}

.l-breadcrumbs-list__item:not(:last-child):after {
  content: ">";
  margin: 0 10px;
}

.l-breadcrumbs-list__item--home::before {
  font: var(--fa-font-solid);
  content: "\f015";
  margin-right: 5px;
}

.l-container {
  width: calc(326 * var(--design-px));
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-container {
    width: calc(1280 * var(--design-px));
  }
}

.l-footer {
  padding-top: calc(80 * var(--design-px));
  background: rgba(10, 24, 29, 0.8);
  color: #fff;
}
.l-footer::after {
  content: "";
  display: block;
  margin-top: calc(44 * var(--design-px));
  aspect-ratio: 1440/106;
  background: url(../images/newtop/common/footer_decorate_logotype.svg) no-repeat center/100% auto;
}
@media screen and (min-width: 768px) {
  .l-footer::after {
    margin-top: calc(40 * var(--design-px));
  }
}
@media screen and (min-width: 768px) {
  .l-footer {
    padding-top: calc(96 * var(--design-px));
  }
}

.l-footer__main {
  display: flex;
  flex-direction: column;
  gap: calc(64 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .l-footer__main {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(64 * var(--design-px)) calc(32 * var(--design-px));
    padding-inline: 3.4375%;
  }
}

.l-footer__logo {
  align-self: center;
  width: calc(240 * var(--design-px));
  line-height: 0;
}
@media screen and (min-width: 768px) {
  .l-footer__logo {
    align-self: auto;
    flex-shrink: 0;
  }
}

.l-footer__logo img {
  width: 100%;
}

.l-footer__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(32 * var(--design-px)) calc(8 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .l-footer__wrap {
    flex: 1 1 calc(520 * var(--design-px));
    max-width: calc(674 * var(--design-px));
    grid-template-columns: repeat(3, 1fr);
    gap: calc(32 * var(--design-px)) 5.4896142433%;
  }
}

.l-footer__heading {
  margin: 0 0 calc(32 * var(--design-px));
  font-size: calc(18 * var(--design-px));
  line-height: 1;
}

.l-footer-nav-list {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--design-px));
}

.l-footer-nav-list__item {
  display: flex;
}

.l-footer-nav-list__link {
  font-size: calc(14 * var(--design-px));
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .l-footer-nav-list__link {
    font-size: calc(15 * var(--design-px));
  }
}

.l-footer__copyright {
  display: block;
  margin-top: calc(64 * var(--design-px));
  font-size: calc(10 * var(--design-px));
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .l-footer__copyright {
    margin-top: calc(54 * var(--design-px));
    margin-right: calc(1360 * var(--design-px) - 1384 * var(--design-px));
    text-align: right;
  }
}

.l-header {
  width: 100%;
  height: 80px;
  padding: 0 17px 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  background: linear-gradient(rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.48)), #D4DCDF;
}
@media screen and (min-width: 768px) {
  .l-header {
    padding: 0 32px;
  }
}

.l-header__logo {
  margin: 0;
  line-height: 0;
  width: 200px;
}
@media screen and (min-width: 768px) {
  .l-header__logo {
    width: 184px;
  }
}

.l-header__logo img {
  width: 100%;
}

.l-header-nav {
  display: none;
}
@media screen and (min-width: 1360px) {
  .l-header-nav {
    display: block;
    margin-left: auto;
    margin-right: 36px;
  }
}

.l-header-nav-menu {
  display: flex;
  gap: min(2.2222222222vw, 32px);
  font-size: min(1.0416666667vw, 1.5rem);
  line-height: 1.6;
}

.l-header-nav-menu__item {
  position: relative;
  height: 80px;
  display: flex;
  align-items: center;
}
.l-header-nav-menu__item:hover .l-header-nav-menu-submenu, .l-header-nav-menu__item:focus-within .l-header-nav-menu-submenu {
  opacity: 1;
  pointer-events: auto;
}
.l-header-nav-menu__item:hover .l-header-nav-menu__link--parent::before, .l-header-nav-menu__item:focus-within .l-header-nav-menu__link--parent::before {
  opacity: 1;
}

.l-header-nav-menu__link--parent {
  display: flex;
  align-items: center;
  gap: 8px;
}
.l-header-nav-menu__link--parent::before {
  content: "";
  position: absolute;
  top: calc(100% + 86px - 80px);
  left: calc(50% - 15px);
  z-index: 1;
  width: 30px;
  height: 21px;
  background: #EEF4F6;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  opacity: 0;
  transition: opacity 0.5s;
  pointer-events: none;
}
.l-header-nav-menu__link--parent::after {
  content: "";
  width: 9px;
  height: 11px;
  background: url(../images/newtop/common/icon_plus.svg) no-repeat center/contain;
}

.l-header-nav-menu-submenu {
  position: fixed;
  top: 80px;
  left: min(5.2083333333vw, 75px);
  width: 988px;
  max-width: calc(100% - min(5.2083333333vw, 75px) * 2);
  padding-top: 27px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
}
.l-header-nav-menu-submenu::before {
  content: "";
  position: fixed;
  inset: 80px 0 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.l-header-nav-menu-submenu__body {
  padding: 48px;
  display: flex;
  gap: 40px;
  border-radius: 8px;
  background: #EEF4F6;
}

.l-header-nav-menu-submenu__img {
  flex: 300;
  min-width: 0;
  border-radius: 4px;
  overflow: hidden;
}

.l-header-nav-menu-submenu__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.l-header-nav-menu-submenu-list {
  flex: 552;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-content: start;
}

.l-header-nav-menu-submenu-list__link {
  height: 34px;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #B1B1B1;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.25;
}

.l-wrap {
  overflow: clip;
}

.c-box, .c-box--type01 {
  padding: 10px;
}

.c-box--type01 {
  background: #EDF0F4;
}

.c-btn {
  display: inline-flex;
  align-items: center;
  gap: calc(12 * var(--design-px));
  min-height: calc(56 * var(--design-px));
  padding: 0 calc(24 * var(--design-px)) 0 calc(16 * var(--design-px));
  border-radius: 100vh;
  background: #47586C;
  color: #fff;
  font-size: calc(15 * var(--design-px));
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .c-btn {
    font-size: calc(16 * var(--design-px));
    padding: 0 calc(32 * var(--design-px)) 0 calc(24 * var(--design-px));
  }
}

.c-btn__arrow {
  flex-shrink: 0;
  width: calc(24 * var(--design-px));
  aspect-ratio: 24/18;
  border-radius: 100vh;
  background: #fff;
  color: #47586C;
  display: inline-flex;
}
.c-btn__arrow::after {
  content: "";
  width: 100%;
  height: 100%;
  background: currentColor;
  -webkit-mask: url(../images/newtop/common/icon_arrow.svg) no-repeat center/contain;
  mask: url(../images/newtop/common/icon_arrow.svg) no-repeat center/contain;
}

.c-btn--white {
  background: #fff;
  color: #47586C;
}

.c-btn--white .c-btn__arrow {
  background: #47586C;
  color: #fff;
}

.c-btn--01 {
  min-height: 0;
  padding: 0;
  gap: calc(8 * var(--design-px));
  border-radius: 0;
  background: transparent;
  color: #162930;
}
@media screen and (min-width: 768px) {
  .c-btn--01 {
    padding: 0;
  }
}

.c-btn--01 .c-btn__txt {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

.c-btn--01 .c-btn__arrow {
  background: #47586C;
  color: #fff;
}

.c-btn--02 {
  min-height: 0;
  padding: 0 0 calc(8 * var(--design-px));
  gap: calc(8 * var(--design-px));
  border-bottom: 1px solid #fff;
  border-radius: 0;
  background: transparent;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .c-btn--02 {
    padding: 0 0 calc(8 * var(--design-px));
  }
}

.c-btn--cta {
  justify-content: center;
  padding: 0 calc(24 * var(--design-px));
  background: #3F6CB4;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .c-btn--cta {
    padding: 0 calc(24 * var(--design-px));
  }
}

.c-btn__icon {
  flex-shrink: 0;
  width: calc(20 * var(--design-px));
  line-height: 0;
}

.c-btn__icon img {
  width: 100%;
}

.c-card__link {
  display: block;
}

.c-card__ttl {
  margin: 0;
}

.c-card__txt {
  margin-top: 10px;
  margin-bottom: 0;
}

.c-hamburger {
  width: 56px;
  height: 40px;
  border-radius: 100vh;
  background: #47586C;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 40;
  cursor: pointer;
  transition: background 0.5s, color 0.5s;
}
@media screen and (min-width: 768px) {
  .c-hamburger {
    width: 68px;
    height: 48px;
  }
}

.c-hamburger__lines {
  width: 20px;
  height: 9px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .c-hamburger__lines {
    width: 24px;
  }
}

.c-hamburger__lines span {
  width: 100%;
  height: 1px;
  background: currentColor;
  transition: transform 0.5s;
}

.c-inner {
  padding-inline: 5%;
}

.c-list--type01 li {
  position: relative;
  padding-left: 15px;
}

.c-list--type01 li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2B3D59;
}

.c-list--type01 li:not(:last-child) {
  margin-bottom: 15px;
}

.c-table, .c-table--type01 {
  width: 100%;
}

.c-table--type01 {
  border-collapse: collapse;
  border-bottom: 1px solid #EDF0F4;
}

.c-table--type01 th, .c-table--type01 td {
  vertical-align: top;
  padding: 20px;
  border-top: 1px solid #EDF0F4;
}

@media screen and (max-width: 767px) {
  .c-table--type01 th, .c-table--type01 td {
    display: block;
  }
}
.c-table--type01 th {
  text-align: left;
  background: #f9f0dc;
}

.c-txt-heading {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(32 * var(--design-px));
  font-weight: 400;
  line-height: 1.4;
  color: #162930;
}
@media screen and (min-width: 768px) {
  .c-txt-heading {
    font-size: calc(48 * var(--design-px));
  }
}

.c-txt-heading--lower {
  font-size: calc(28 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .c-txt-heading--lower {
    font-size: calc(40 * var(--design-px));
  }
}

.c-txt-label {
  margin: 0 0 calc(24 * var(--design-px));
  display: flex;
  align-items: center;
  gap: calc(12 * var(--design-px));
  font-family: "Cinzel", serif;
  font-size: calc(14 * var(--design-px));
  font-weight: 400;
  line-height: 1;
  color: #968969;
}
.c-txt-label::before {
  content: "";
  flex-shrink: 0;
  width: calc(19 * var(--design-px));
  height: calc(12 * var(--design-px));
  background: url(../images/newtop/common/decorate_heading.svg) no-repeat center/contain;
}
@media screen and (min-width: 768px) {
  .c-txt-label {
    font-size: calc(16 * var(--design-px));
  }
}

.c-txt-lead {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(24 * var(--design-px));
  font-weight: 400;
  line-height: 1.8;
  color: #47586C;
}
@media screen and (min-width: 768px) {
  .c-txt-lead {
    font-size: calc(32 * var(--design-px));
  }
}

.c-icon-arrow {
  flex-shrink: 0;
  width: calc(24 * var(--design-px));
  aspect-ratio: 24/18;
  border-radius: 100vh;
  background: #47586C;
  color: #fff;
  display: inline-flex;
}
.c-icon-arrow::after {
  content: "";
  width: 100%;
  height: 100%;
  background: currentColor;
  -webkit-mask: url(../images/newtop/common/icon_arrow.svg) no-repeat center/contain;
  mask: url(../images/newtop/common/icon_arrow.svg) no-repeat center/contain;
}

.c-icon-arrow--line {
  width: calc(28 * var(--design-px));
  aspect-ratio: 28/18;
  border: 0.5px solid #47586C;
  background: transparent;
  color: #47586C;
}

.c-icon-arrow--small {
  width: calc(14 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .c-icon-arrow--small {
    width: calc(18 * var(--design-px));
  }
}

.c-photo-card-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .c-photo-card-list {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(17 * var(--design-px)) calc(18 * var(--design-px));
  }
}

.c-photo-card-list--sp2 {
  grid-template-columns: repeat(2, 1fr);
  gap: calc(16 * var(--design-px)) calc(10 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .c-photo-card-list--sp2 {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(17 * var(--design-px)) calc(18 * var(--design-px));
  }
}

.c-photo-card {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--design-px));
  height: 100%;
  padding: calc(12 * var(--design-px)) calc(12 * var(--design-px)) calc(20 * var(--design-px));
  border-top: 1px solid #B1B1B1;
  border-left: 1px solid #B1B1B1;
  border-radius: 4px 0 0 0;
}
@media screen and (min-width: 768px) {
  .c-photo-card {
    gap: calc(16 * var(--design-px));
    padding: calc(16 * var(--design-px)) calc(16 * var(--design-px)) calc(24 * var(--design-px));
  }
}

.c-photo-card--button {
  width: 100%;
  border-right: 0;
  border-bottom: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: opacity 0.5s;
}
.c-photo-card--button:hover {
  opacity: 0.8;
}

.c-photo-card--small {
  padding: calc(8 * var(--design-px)) calc(8 * var(--design-px)) calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .c-photo-card--small {
    padding: calc(16 * var(--design-px)) calc(16 * var(--design-px)) calc(24 * var(--design-px));
  }
}

.c-photo-card__img {
  display: block;
  overflow: hidden;
  border-radius: 4px;
  background: #7992A2;
  aspect-ratio: 382/240;
}

.c-photo-card__img--tall {
  aspect-ratio: 382/286;
}

.c-photo-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-photo-card__caption {
  display: block;
  margin: 0;
  padding: 0 calc(4 * var(--design-px));
  font-size: calc(15 * var(--design-px));
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .c-photo-card__caption {
    padding: 0 calc(8 * var(--design-px));
    font-size: calc(16 * var(--design-px));
  }
}

.c-photo-card--small .c-photo-card__caption {
  font-size: calc(13 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .c-photo-card--small .c-photo-card__caption {
    font-size: calc(16 * var(--design-px));
  }
}

.c-photo-card__caption--mincho {
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(17 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .c-photo-card__caption--mincho {
    font-size: calc(18 * var(--design-px));
  }
}

.c-blog-tags {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--design-px)) calc(12 * var(--design-px));
}

.c-blog-tag {
  display: inline-flex;
  align-items: center;
  padding: calc(4 * var(--design-px) - 1px) calc(4 * var(--design-px));
  border: 1px solid #3F6CB4;
  border-radius: 4px;
  background: #3F6CB4;
  color: #fff;
  font-size: calc(13 * var(--design-px));
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .c-blog-tag {
    font-size: calc(14 * var(--design-px));
  }
}

.c-blog-tag--01 {
  border-color: #0DB6A8;
  background: #0DB6A8;
}

.c-blog-tag--02 {
  border-color: #2B9CBB;
  background: #2B9CBB;
}

.c-blog-tag--popular {
  border-color: #162930;
  background: #162930;
}

.p-hamburger-menu__check {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
}

.p-hamburger-menu__check:focus-visible + .c-hamburger {
  outline: 2px solid #3F6CB4;
  outline-offset: 2px;
}

.p-hamburger-menu__check:checked + .c-hamburger {
  background: #fff;
  color: #47586C;
}

.p-hamburger-menu__check:checked + .c-hamburger .c-hamburger__lines span:first-child {
  transform: translateY(4px) rotate(30deg);
}

.p-hamburger-menu__check:checked + .c-hamburger .c-hamburger__lines span:last-child {
  transform: translateY(-4px) rotate(-30deg);
}

.p-hamburger-menu__check:checked ~ .p-hamburger-menu__body {
  opacity: 1;
  visibility: visible;
}

.p-hamburger-menu__body {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  height: 100%;
  background: #162930;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}
.p-hamburger-menu__body::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 390/32;
  background: url(../images/newtop/common/decorate_logotype.svg) no-repeat center bottom/100% auto;
  opacity: 0.2083333333;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-hamburger-menu__body::after {
    left: 1.6666666667%;
    width: 96.6666666667%;
    aspect-ratio: 1392/102;
  }
}

.p-hamburger-menu__logo {
  position: absolute;
  top: 0;
  left: 16px;
  margin: 0;
  width: 200px;
  height: 80px;
  display: flex;
  align-items: center;
  line-height: 0;
}
@media screen and (min-width: 768px) {
  .p-hamburger-menu__logo {
    left: 32px;
    width: 184px;
  }
}

.p-hamburger-menu__logo img {
  width: 100%;
}

.p-hamburger-menu__wrap {
  position: absolute;
  inset: 74px 0 calc(48 * var(--design-px));
  padding: calc(48 * var(--design-px)) calc(32 * var(--design-px));
  overflow-y: auto;
}
@media screen and (min-width: 768px) {
  .p-hamburger-menu__wrap {
    inset: 80px 0 0;
    padding: calc(105 * var(--design-px)) 0 calc(80 * var(--design-px)) calc(80 * var(--design-px));
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: calc(80 * var(--design-px));
  }
}

@media screen and (min-width: 768px) {
  .p-hamburger-menu__nav {
    flex-shrink: 0;
  }
}

.p-hamburger-menu__home {
  margin: 0 0 calc(40 * var(--design-px));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(24 * var(--design-px));
  line-height: 2;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .p-hamburger-menu__home {
    margin-bottom: calc(48 * var(--design-px));
  }
}

.p-hamburger-menu__groups {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-hamburger-menu__groups {
    flex-direction: row;
    gap: calc(80 * var(--design-px));
  }
}

@media screen and (min-width: 768px) {
  .p-hamburger-menu-group--clinic {
    width: calc(269 * var(--design-px));
  }
}

@media screen and (min-width: 768px) {
  .p-hamburger-menu-group--treatment {
    width: calc(320 * var(--design-px));
  }
}

@media screen and (min-width: 768px) {
  .p-hamburger-menu-group--site {
    width: calc(178 * var(--design-px));
  }
}

.p-hamburger-menu-group__heading {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(24 * var(--design-px));
  line-height: 2;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

.p-hamburger-menu-group__list {
  font-size: calc(16 * var(--design-px));
}

.p-hamburger-menu-group__list--clinic {
  margin-top: calc(20 * var(--design-px));
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(24 * var(--design-px)) calc(32 * var(--design-px));
  line-height: 1;
}

.p-hamburger-menu-group__list--treatment {
  margin-top: calc(11 * var(--design-px));
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(24 * var(--design-px)) calc(32 * var(--design-px));
}

.p-hamburger-menu-group__list--site {
  margin-top: calc(11 * var(--design-px));
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--design-px));
}

.p-hamburger-menu-group__item {
  display: flex;
}

.p-hamburger-menu__sns {
  margin: calc(40 * var(--design-px)) 0 0;
  line-height: 0;
}
@media screen and (min-width: 768px) {
  .p-hamburger-menu__sns {
    margin-top: calc(48 * var(--design-px));
  }
}

.p-hamburger-menu__sns a {
  display: inline-block;
  width: calc(20 * var(--design-px));
}

.p-hamburger-menu__img {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-hamburger-menu__img {
    display: block;
    flex: 1;
    min-width: 0;
    max-width: calc(353 * var(--design-px));
    border-radius: 8px 0 0 8px;
    overflow: hidden;
  }
}

.p-hamburger-menu__img img {
  width: 100%;
  aspect-ratio: 353/530;
  object-fit: cover;
}

.p-mainvisual {
  position: relative;
  margin-top: 80px;
  height: calc(595 * var(--design-px));
  color: #fff;
}
.p-mainvisual::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(29, 43, 66, 0.64) 0%, rgba(29, 43, 66, 0.32) 59.71%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (min-width: 768px) {
  .p-mainvisual {
    height: calc(820 * var(--design-px));
  }
}

.p-mainvisual__img {
  height: 100%;
}

.p-mainvisual__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-mainvisual__txtbox {
  position: absolute;
  top: calc(200 * var(--design-px));
  left: calc(16 * var(--design-px));
  right: 0;
}
@media screen and (min-width: 768px) {
  .p-mainvisual__txtbox {
    top: calc(354 * var(--design-px) - 80 * var(--design-px));
    left: calc(80 * var(--design-px));
  }
}

.p-mainvisual__access {
  margin: 0 0 calc(24 * var(--design-px));
  font-size: calc(18 * var(--design-px));
  line-height: 1.6;
  letter-spacing: 0.16em;
}
@media screen and (min-width: 768px) {
  .p-mainvisual__access {
    margin: 0 0 calc(32 * var(--design-px));
    font-size: calc(20 * var(--design-px));
    line-height: 1;
  }
}

.p-mainvisual__lead {
  margin: 0 0 calc(24 * var(--design-px));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(36 * var(--design-px));
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-mainvisual__lead {
    margin: 0 0 calc(32 * var(--design-px));
    font-size: calc(56 * var(--design-px));
    letter-spacing: 0.16em;
  }
}

.p-mainvisual__message {
  margin: 0;
  font-size: calc(18 * var(--design-px));
  line-height: 1.6;
  letter-spacing: 0.16em;
}
@media screen and (min-width: 768px) {
  .p-mainvisual__message {
    font-size: calc(20 * var(--design-px));
    line-height: 1;
    letter-spacing: 0.08em;
  }
}

.p-mainvisual__scroll {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-mainvisual__scroll {
    position: absolute;
    right: calc(1440 * var(--design-px) - 1360 * var(--design-px) - 14 * var(--design-px));
    bottom: calc(900 * var(--design-px) - 653 * var(--design-px) - 155 * var(--design-px));
    margin: 0;
    display: flex;
    align-items: center;
    gap: calc(24 * var(--design-px));
    writing-mode: vertical-rl;
    font-family: "Cinzel", serif;
    font-size: calc(14 * var(--design-px));
    font-weight: 400;
    line-height: 1;
  }
}
.p-mainvisual__scroll::after {
  content: "";
  width: calc(9 * var(--design-px));
  height: calc(80 * var(--design-px));
  background: linear-gradient(#fff, #fff) no-repeat center/1px 100%, linear-gradient(45deg, transparent calc(50% - 0.5px), #fff calc(50% - 0.5px), #fff calc(50% + 0.5px), transparent calc(50% + 0.5px)) no-repeat left bottom/50% 4.5px, linear-gradient(-45deg, transparent calc(50% - 0.5px), #fff calc(50% - 0.5px), #fff calc(50% + 0.5px), transparent calc(50% + 0.5px)) no-repeat right bottom/50% 4.5px;
}

.p-mainvisual-news {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(374 * var(--design-px));
  padding: calc(16 * var(--design-px)) calc(32 * var(--design-px)) 0;
  border-radius: 0 8px 0 0;
  background: #F9F9F9;
  color: #162930;
}
@media screen and (min-width: 768px) {
  .p-mainvisual-news {
    width: calc(678 * var(--design-px));
    padding: calc(13 * var(--design-px)) calc(40 * var(--design-px)) 0;
  }
}

.p-mainvisual-news__label {
  display: block;
  font-family: "Cinzel", serif;
  font-size: calc(18 * var(--design-px));
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #968969;
}
@media screen and (min-width: 768px) {
  .p-mainvisual-news__label {
    font-size: calc(24 * var(--design-px));
    line-height: 1.5;
  }
}

.p-mainvisual-news__link {
  margin-top: calc(4 * var(--design-px));
  display: flex;
  gap: calc(16 * var(--design-px));
  font-size: calc(14 * var(--design-px));
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-mainvisual-news__link {
    gap: calc(20 * var(--design-px));
    margin-top: calc(8 * var(--design-px));
  }
}

.p-mainvisual-news__date {
  flex-shrink: 0;
  font-family: "Cinzel", serif;
  font-weight: 400;
  letter-spacing: 0.04em;
}

.p-mainvisual-news__ttl {
  overflow: hidden;
  font-family: "Zen Kaku Gothic New", sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.p-section:not(:last-child) {
  margin-bottom: 80px;
}

.p-cta {
  padding: calc(64 * var(--design-px)) 0 calc(64 * var(--design-px));
  background: #47586C;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-cta {
    padding: calc(88 * var(--design-px)) 0 calc(74 * var(--design-px));
  }
}

.p-cta__wrap {
  display: flex;
  flex-direction: column;
  gap: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-cta__wrap {
    flex-direction: row;
    align-items: center;
    gap: 8.75%;
  }
}

@media screen and (min-width: 768px) {
  .p-cta__header {
    flex: 0 1 auto;
    min-width: 0;
  }
}

.p-cta__label {
  margin-bottom: calc(24 * var(--design-px));
  color: #fff;
}
.p-cta__label::before {
  background: #fff;
  -webkit-mask: url(../images/newtop/common/decorate_heading.svg) no-repeat center/contain;
  mask: url(../images/newtop/common/decorate_heading.svg) no-repeat center/contain;
}

.p-cta__heading {
  font-size: calc(28 * var(--design-px));
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-cta__heading {
    font-size: calc(48 * var(--design-px));
  }
}

.p-cta__phrase {
  display: inline-block;
}

.p-cta__txt {
  margin: calc(24 * var(--design-px)) 0 0;
  font-size: calc(15 * var(--design-px));
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-cta__txt {
    font-size: calc(17 * var(--design-px));
    margin-top: calc(24 * var(--design-px) - 0.3em);
    margin-bottom: -0.3em;
  }
}

.p-cta__btnwrap {
  margin-top: calc(48 * var(--design-px));
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-cta__content {
    flex: 1 0 calc(336 * var(--design-px));
  }
}

.p-cta-pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(16 * var(--design-px)) calc(22 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-cta-pages {
    justify-content: flex-start;
    gap: calc(16 * var(--design-px)) calc(32 * var(--design-px));
    max-width: calc(336 * var(--design-px));
    margin-inline: auto;
  }
}

.p-cta-pages__item {
  display: flex;
}

.p-cta-links {
  margin-top: calc(40 * var(--design-px));
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-cta-links {
    max-width: calc(336 * var(--design-px));
    margin-inline: auto;
  }
}

.p-cta-links__item {
  display: flex;
}

.p-cta-links__link {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(8 * var(--design-px));
  padding: calc(10 * var(--design-px) - 1px) calc(12 * var(--design-px) - 1px);
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  font-size: calc(15 * var(--design-px));
  line-height: 1;
}
.p-cta-links__link::after {
  content: "";
  flex-shrink: 0;
  width: calc(16 * var(--design-px));
  height: calc(16 * var(--design-px));
  background: url(../images/newtop/common/cta_icon_arrow.svg) no-repeat center/contain;
}
@media screen and (min-width: 768px) {
  .p-cta-links__link {
    font-size: calc(16 * var(--design-px));
  }
}

.p-reception {
  padding: calc(64 * var(--design-px)) 0;
  background: rgba(249, 249, 249, 0.72);
}

.p-reception__wrap {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-reception__wrap {
    flex-direction: row;
    align-items: center;
    gap: 9.6283783784%;
    padding-inline: 3.75%;
  }
}

@media screen and (min-width: 768px) {
  .p-reception__box {
    flex: 550;
    min-width: 0;
  }
}

.p-reception__header::before {
  content: "";
  display: block;
  width: calc(20 * var(--design-px));
  height: 2px;
  margin-bottom: calc(10 * var(--design-px));
  background: linear-gradient(90deg, #47586C 50%, #162930 50%);
}

.p-reception__heading {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(28 * var(--design-px));
  font-weight: 500;
  line-height: 1.6;
  color: #162930;
}

.p-reception__phrase {
  display: inline-block;
}

.p-reception__subheading {
  margin: calc(10 * var(--design-px)) 0 0;
  font-family: "Cinzel", serif;
  font-size: calc(14 * var(--design-px));
  font-weight: 400;
  line-height: 1.4;
  color: #968969;
}

.p-reception__txt {
  margin: calc(16 * var(--design-px)) 0 0;
  font-size: calc(15 * var(--design-px));
  line-height: 1.8;
}

.p-reception-payments {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: calc(5 * var(--design-px));
  max-width: calc(520 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-reception-payments {
    flex: 520;
    min-width: 0;
    gap: calc(12 * var(--design-px)) calc(8 * var(--design-px));
  }
}

.p-reception-payments__item {
  line-height: 0;
}

.p-reception-payments__item img {
  width: 100%;
}

.p-follow {
  position: fixed;
  bottom: 8px;
  left: 8px;
  right: 8px;
  z-index: 10;
  display: flex;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .p-follow {
    bottom: 28px;
    left: auto;
    right: 25px;
  }
}

.p-follow-actions {
  flex: 1;
  min-width: 0;
  display: flex;
  gap: 4px;
}
@media screen and (min-width: 768px) {
  .p-follow-actions {
    gap: 8px;
  }
}

.p-follow-actions__item {
  display: flex;
}

.p-follow-actions__item--tel {
  flex: 113;
}
@media screen and (min-width: 768px) {
  .p-follow-actions__item--tel {
    flex: none;
  }
}

.p-follow-actions__item--reserve {
  flex: 197;
}
@media screen and (min-width: 768px) {
  .p-follow-actions__item--reserve {
    flex: none;
  }
}

.p-follow-actions-btn {
  flex: 1;
  min-height: 56px;
  padding: 0 18px;
  gap: 12px;
  font-size: 1.6rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-follow-actions-btn {
    padding: 0 24px;
  }
}

.p-follow-actions-btn--tel {
  gap: 8px;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p-follow-actions-btn--tel {
    padding: 0 30px;
    font-size: 1.9rem;
    letter-spacing: 0.07em;
  }
}

.p-follow__gotop {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #3F6CB4;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-follow__gotop {
    display: none;
  }
}
.p-follow__gotop::after {
  content: "";
  width: 20px;
  height: 20px;
  margin-top: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(-45deg);
}

.p-follow-actions-btn .c-btn__icon {
  width: 20px;
}

.p-lower {
  position: relative;
  isolation: isolate;
  padding-top: 80px;
}
.p-lower::before, .p-lower::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(80px + 820 * var(--design-px));
}
.p-lower::before {
  background: url(../images/newtop/lower/lower_bg.webp) no-repeat center/cover;
  opacity: 0.56;
}
.p-lower::after {
  background: rgba(212, 220, 223, 0.35);
}

.p-lower-section {
  padding: calc(64 * var(--design-px)) 0;
}
@media screen and (min-width: 768px) {
  .p-lower-section {
    padding: calc(80 * var(--design-px)) 0;
  }
}

.p-lower-section__header {
  position: relative;
  margin-bottom: calc(40 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-lower-section__header {
    margin-bottom: calc(64 * var(--design-px));
  }
}

.p-lower-section__header--square::after {
  content: "";
  position: absolute;
  top: calc(-24 * var(--design-px));
  right: 0;
  width: calc(48 * var(--design-px));
  height: calc(48 * var(--design-px));
  border-radius: 4px;
  background: rgba(220, 228, 233, 0.32);
}
@media screen and (min-width: 768px) {
  .p-lower-section__header--square::after {
    top: calc(-40 * var(--design-px));
    right: calc(40 * var(--design-px));
    width: calc(64 * var(--design-px));
    height: calc(64 * var(--design-px));
  }
}

.p-lower-section__header--square-white::after {
  background: rgba(255, 255, 255, 0.32);
}

.p-lower-head {
  position: relative;
  min-height: calc(300 * var(--design-px));
  padding: calc(64 * var(--design-px)) 0 calc(56 * var(--design-px));
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-lower-head {
    min-height: calc(480 * var(--design-px));
    padding: calc(147 * var(--design-px)) 0 calc(80 * var(--design-px));
  }
}

.p-lower-head__mv {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: linear-gradient(to top, rgba(29, 43, 66, 0.64) 0%, rgba(29, 43, 66, 0.32) 59.71%, rgba(255, 255, 255, 0) 100%);
}
.p-lower-head__mv::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(29, 43, 66, 0.64) 0%, rgba(29, 43, 66, 0.24) 59.88%, rgba(29, 43, 66, 0.16) 100%);
}

.p-lower-head__photo01 {
  position: absolute;
  top: 0;
  right: 0;
  width: 69.5833333333%;
  height: 100%;
  object-fit: cover;
}

.p-lower-head__photo02 {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  object-fit: cover;
  -webkit-mask: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.8) 24.1%, #000 40.29%);
  mask: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.8) 24.1%, #000 40.29%);
}

.p-lower-head__body {
  position: relative;
}

.p-lower-head__label {
  margin: 0;
  padding: 0 calc(4 * var(--design-px));
  font-family: "Cinzel", serif;
  font-size: calc(14 * var(--design-px));
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-lower-head__label {
    padding: 0 calc(6 * var(--design-px));
    font-size: calc(16 * var(--design-px));
  }
}

.p-lower-head__heading {
  margin: calc(12 * var(--design-px)) 0 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(32 * var(--design-px));
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .p-lower-head__heading {
    margin-top: calc(16 * var(--design-px));
    font-size: calc(48 * var(--design-px));
  }
}

.p-lower-head__lead {
  margin: calc(16 * var(--design-px)) 0 0;
  padding: 0 calc(4 * var(--design-px));
  font-size: calc(14 * var(--design-px));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-lower-head__lead {
    margin-top: calc(24 * var(--design-px));
    padding: 0 calc(6 * var(--design-px));
    font-size: calc(15 * var(--design-px));
  }
}

.p-lower-head-breadcrumb {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  transform: translateY(50%);
  color: #162930;
}

.p-lower-head-breadcrumb__list {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  gap: calc(6 * var(--design-px));
  padding: calc(6 * var(--design-px)) calc(10 * var(--design-px));
  border-radius: 2px;
  background: #fff;
  font-size: calc(12 * var(--design-px));
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-lower-head-breadcrumb__list {
    gap: calc(8 * var(--design-px));
    padding: calc(6 * var(--design-px)) calc(12 * var(--design-px));
    font-size: calc(14 * var(--design-px));
  }
}

.p-lower-head-breadcrumb__item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: calc(6 * var(--design-px));
  white-space: nowrap;
}
.p-lower-head-breadcrumb__item:not(:first-child)::before {
  content: "";
  flex-shrink: 0;
  width: calc(4 * var(--design-px));
  height: calc(8 * var(--design-px));
  background: linear-gradient(to top right, transparent calc(50% - 0.5px), #ACACAC calc(50% - 0.5px), #ACACAC calc(50% + 0.5px), transparent calc(50% + 0.5px)) no-repeat top/100% 50%, linear-gradient(to bottom right, transparent calc(50% - 0.5px), #ACACAC calc(50% - 0.5px), #ACACAC calc(50% + 0.5px), transparent calc(50% + 0.5px)) no-repeat bottom/100% 50%;
}
@media screen and (min-width: 768px) {
  .p-lower-head-breadcrumb__item {
    gap: calc(8 * var(--design-px));
  }
}

.p-lower-head-breadcrumb__item--current {
  flex-shrink: 1;
  min-width: 0;
  color: #968969;
}

.p-lower-head-breadcrumb__current {
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-lower-notice {
  padding: calc(40 * var(--design-px)) 0;
  background: rgba(255, 255, 255, 0.64);
}
@media screen and (min-width: 768px) {
  .p-lower-notice {
    padding: calc(48 * var(--design-px)) 0;
  }
}

.p-lower-notice__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-lower-notice__list {
    flex-direction: row;
    justify-content: center;
    gap: calc(24 * var(--design-px));
  }
}

.p-lower-notice__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(8 * var(--design-px));
  width: calc(272 * var(--design-px));
  padding: calc(10 * var(--design-px) - 1px) calc(12 * var(--design-px) - 1px);
  border: 1px solid #47586C;
  border-radius: 4px;
  color: #47586C;
  font-size: calc(15 * var(--design-px));
  line-height: 1;
  white-space: nowrap;
}
.p-lower-notice__link::after {
  content: "";
  flex-shrink: 0;
  width: calc(16 * var(--design-px));
  height: calc(16 * var(--design-px));
  background: currentColor;
  -webkit-mask: url(../images/newtop/common/cta_icon_arrow.svg) no-repeat center/contain;
  mask: url(../images/newtop/common/cta_icon_arrow.svg) no-repeat center/contain;
}
@media screen and (min-width: 768px) {
  .p-lower-notice__link {
    font-size: calc(16 * var(--design-px));
  }
}

.p-lower-cv {
  padding: calc(64 * var(--design-px)) 0;
  background: #47586C;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-lower-cv {
    padding: calc(80 * var(--design-px)) 0;
  }
}

.p-lower-cv__wrap {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-lower-cv__wrap {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.p-lower-cv__label {
  color: #fff;
}
.p-lower-cv__label::before {
  background: #fff;
  -webkit-mask: url(../images/newtop/common/decorate_heading.svg) no-repeat center/contain;
  mask: url(../images/newtop/common/decorate_heading.svg) no-repeat center/contain;
}

.p-lower-cv__heading {
  color: #fff;
}

.p-lower-cv__phrase {
  display: inline-block;
}

.p-lower-cv__txt {
  margin: calc(24 * var(--design-px)) 0 0;
  font-size: calc(15 * var(--design-px));
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-lower-cv__txt {
    font-size: calc(17 * var(--design-px));
    line-height: 1;
  }
}

.p-lower-cv__btnwrap {
  margin-top: calc(40 * var(--design-px));
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-lower-cv__btnwrap {
    margin-top: calc(48 * var(--design-px));
  }
}

.p-lower-cv-pages {
  display: flex;
  flex-wrap: wrap;
  gap: calc(16 * var(--design-px)) calc(32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-lower-cv-pages {
    margin-right: calc(80 * var(--design-px));
  }
}

.p-lower-cv-pages__item {
  display: flex;
}

.p-lower-others {
  position: relative;
  overflow: hidden;
  padding: calc(120 * var(--design-px)) 0;
  background: #47586C;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-lower-others {
    padding: calc(154 * var(--design-px)) 0 calc(153 * var(--design-px));
  }
}

.p-lower-others__photos {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  width: calc(1728 * var(--design-px));
  height: 100%;
  opacity: 0.16;
  transform: translateX(-50%);
}

.p-lower-others__photo {
  flex: 1;
  min-width: 0;
  background: #2B2B2B;
}

.p-lower-others__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-lower-others__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--design-px));
  padding: calc(16 * var(--design-px) - 1px) calc(24 * var(--design-px) - 1px);
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  font-size: calc(16 * var(--design-px));
  line-height: 1;
}
.p-lower-others__link::after {
  content: "";
  flex-shrink: 0;
  width: calc(16 * var(--design-px));
  height: calc(16 * var(--design-px));
  background: url(../images/newtop/common/cta_icon_arrow.svg) no-repeat center/contain;
}
@media screen and (min-width: 768px) {
  .p-lower-others__link {
    font-size: calc(18 * var(--design-px));
  }
}

.p-director {
  background: rgba(245, 245, 245, 0.64);
}

.p-director__wrap {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-director__wrap {
    flex-direction: row;
    gap: 6.25%;
  }
}

.p-director__header {
  margin-bottom: calc(40 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-director__header {
    margin-bottom: calc(64 * var(--design-px));
  }
}

@media screen and (min-width: 768px) {
  .p-director__main {
    flex: 560;
    min-width: 0;
  }
}

.p-director__name {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(8 * var(--design-px)) calc(16 * var(--design-px));
  font-family: "Shippori Mincho B1", serif;
  font-weight: 500;
  line-height: 1;
}

.p-director__position {
  padding: calc(3 * var(--design-px)) 0;
  font-size: calc(17 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-director__position {
    font-size: calc(20 * var(--design-px));
  }
}

.p-director__person {
  font-size: calc(28 * var(--design-px));
  color: #968969;
}
@media screen and (min-width: 768px) {
  .p-director__person {
    font-size: calc(32 * var(--design-px));
  }
}

.p-director__catch {
  margin: calc(32 * var(--design-px)) 0 0;
  font-size: calc(16 * var(--design-px));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-director__catch {
    margin-top: calc(48 * var(--design-px));
    font-size: calc(18 * var(--design-px));
  }
}

.p-director__photo {
  margin-top: calc(32 * var(--design-px));
  overflow: hidden;
  border-radius: 4px;
  background: #fff;
  aspect-ratio: 560/410;
}
@media screen and (min-width: 768px) {
  .p-director__photo {
    margin-top: calc(48 * var(--design-px));
  }
}

.p-director__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .p-director-profile {
    flex: 640;
    min-width: 0;
  }
}

.p-director-profile__block {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--design-px));
  padding: calc(12 * var(--design-px)) 0;
  border-top: 0.5px solid #B1B1B1;
}
.p-director-profile__block:last-child {
  border-bottom: 0.5px solid #B1B1B1;
}

.p-director-profile__heading {
  margin: 0;
  padding: 0 calc(8 * var(--design-px));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(18 * var(--design-px));
  font-weight: 500;
  line-height: 1.4;
  color: #968969;
}
@media screen and (min-width: 768px) {
  .p-director-profile__heading {
    font-size: calc(20 * var(--design-px));
  }
}

.p-director-profile__list {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--design-px));
  font-size: calc(14 * var(--design-px));
  line-height: 1.8;
}

.p-director-profile__row {
  display: flex;
  gap: calc(12 * var(--design-px));
  padding: 0 calc(8 * var(--design-px));
}

.p-director-profile__year {
  flex-shrink: 0;
  margin: 0;
  color: #7A7E7F;
}

.p-director-profile__txt {
  margin: 0;
}

.p-photo-modal {
  width: calc(326 * var(--design-px));
  max-width: none;
  max-height: none;
  margin: auto;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  overflow: visible;
}
.p-photo-modal::backdrop {
  background: rgba(0, 0, 0, 0.64);
}
@media screen and (min-width: 768px) {
  .p-photo-modal {
    width: calc(800 * var(--design-px));
  }
}

html:has(.p-photo-modal[open]) {
  overflow: hidden;
}

.p-photo-modal__close {
  position: absolute;
  right: 0;
  bottom: calc(100% + 16 * var(--design-px));
  width: calc(32 * var(--design-px));
  height: calc(32 * var(--design-px));
  padding: 0;
  border: 0;
  background: linear-gradient(45deg, transparent calc(50% - 0.5px), #fff calc(50% - 0.5px), #fff calc(50% + 0.5px), transparent calc(50% + 0.5px)), linear-gradient(-45deg, transparent calc(50% - 0.5px), #fff calc(50% - 0.5px), #fff calc(50% + 0.5px), transparent calc(50% + 0.5px));
  cursor: pointer;
}

.p-photo-modal__figure {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--design-px));
}

.p-photo-modal__img {
  overflow: hidden;
  border-radius: 4px;
  background: #7992A2;
  aspect-ratio: 800/550;
}

.p-photo-modal__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-photo-modal__caption {
  padding: 0 calc(8 * var(--design-px));
  font-size: calc(15 * var(--design-px));
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-photo-modal__caption {
    font-size: calc(16 * var(--design-px));
  }
}

.p-blog {
  background: rgba(245, 245, 245, 0.64);
}

.p-blog__wrap {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-blog__wrap {
    flex-direction: row;
    align-items: flex-start;
    gap: 1.875%;
  }
}

@media screen and (min-width: 768px) {
  .p-blog__main {
    width: 75%;
  }
}

.p-blog__box {
  padding: calc(24 * var(--design-px)) calc(16 * var(--design-px)) calc(32 * var(--design-px));
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.64);
}
@media screen and (min-width: 768px) {
  .p-blog__box {
    padding: calc(48 * var(--design-px));
  }
}

@media screen and (min-width: 768px) {
  .p-blog__side {
    width: 23.125%;
  }
}

.p-blog__empty {
  margin: 0;
  font-size: calc(15 * var(--design-px));
}

.p-blog-cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-blog-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(48 * var(--design-px));
  }
}

.p-blog-card {
  background: rgba(255, 255, 255, 0.16);
}

.p-blog-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.p-blog-card__img {
  overflow: hidden;
  border-radius: 4px;
  background: #8F9AA1;
  aspect-ratio: 408/222;
}

.p-blog-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-blog-card__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--design-px));
  padding: calc(16 * var(--design-px)) calc(8 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-blog-card__body {
    gap: calc(16 * var(--design-px));
    padding: calc(24 * var(--design-px));
  }
}

.p-blog-card__content {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--design-px));
}

.p-blog-card__ttl {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(18 * var(--design-px));
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-blog-card__ttl {
    font-size: calc(20 * var(--design-px));
  }
}

.p-blog-card__excerpt {
  margin: 0;
  overflow: hidden;
  font-size: calc(14 * var(--design-px));
  line-height: 1.6;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
  .p-blog-card__excerpt {
    font-size: calc(15 * var(--design-px));
  }
}

.p-blog-card__meta {
  margin: 0;
  font-size: calc(13 * var(--design-px));
  line-height: 1;
  color: #849398;
}
@media screen and (min-width: 768px) {
  .p-blog-card__meta {
    font-size: calc(14 * var(--design-px));
  }
}

.p-blog-pager {
  margin-top: calc(32 * var(--design-px));
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(6 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-blog-pager {
    margin-top: calc(24 * var(--design-px));
    gap: calc(8 * var(--design-px));
  }
}

.p-blog-pager__item {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: calc(36 * var(--design-px));
  height: calc(36 * var(--design-px));
  padding: 0 calc(12 * var(--design-px));
  border: 1px solid #1D2B42;
  border-radius: 4px;
  background: #F9F9F9;
  color: #1D2B42;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(13 * var(--design-px));
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-blog-pager__item {
    min-width: calc(40 * var(--design-px));
    height: calc(40 * var(--design-px));
    padding: 0 calc(16 * var(--design-px));
    font-size: calc(14 * var(--design-px));
  }
}

.p-blog-pager__item--current {
  background: #1D2B42;
  color: #fff;
}

.p-blog-pager__item--dots {
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
}

.p-blog-side {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--design-px));
  padding: calc(24 * var(--design-px));
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.64);
}

.p-blog-side__block {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--design-px));
}

.p-blog-side__header {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: calc(12 * var(--design-px));
  border-bottom: 0.5px solid #B1B1B1;
}

.p-blog-side__heading {
  font-size: calc(16 * var(--design-px));
  line-height: 1;
}

.p-blog-side__en {
  font-family: "Cinzel", serif;
  font-size: calc(12 * var(--design-px));
  font-weight: 400;
  line-height: 1;
  color: #A8966A;
}

.p-blog-side-popular {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--design-px));
  counter-reset: popular;
}

.p-blog-side-popular__item {
  counter-increment: popular;
}

.p-blog-side-popular__link {
  display: flex;
  align-items: center;
  gap: calc(8 * var(--design-px));
  font-size: calc(13 * var(--design-px));
  line-height: 1.6;
}
.p-blog-side-popular__link::before {
  content: counter(popular);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(24 * var(--design-px));
  height: calc(24 * var(--design-px));
  border-radius: 4px;
  background: #1D2B42;
  color: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(14 * var(--design-px));
  font-weight: 700;
  line-height: 1;
}

.p-blog-side-popular__ttl {
  text-decoration: underline;
}

.p-blog-side-tags {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--design-px));
}

.p-blog-side-tags__item {
  display: block;
  padding: calc(4 * var(--design-px) - 1px) calc(6 * var(--design-px) - 1px);
  border: 1px solid #47586C;
  border-radius: 4px;
  color: #47586C;
  font-size: calc(12 * var(--design-px));
  line-height: 1;
}

.p-blog-side-archive {
  display: grid;
  grid-template-columns: repeat(4, auto);
  justify-content: space-between;
  row-gap: calc(12 * var(--design-px));
  color: #47586C;
  font-size: calc(14 * var(--design-px));
  line-height: 1;
}

.p-blog-side-archive__item {
  display: flex;
  gap: calc(4 * var(--design-px));
}
.p-blog-side-archive__item:not(:nth-child(4n+1))::before {
  content: "／";
}

.p-blog-side__btn {
  width: 100%;
}

.p-blog-side__btn.c-btn--cta {
  background-color: #C8961A;
}

.p-blog-article__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-blog-article__header {
    gap: calc(24 * var(--design-px));
  }
}

.p-blog-article__ttl {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(26 * var(--design-px));
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-blog-article__ttl {
    font-size: calc(40 * var(--design-px));
  }
}

.p-blog-article__meta {
  margin: 0;
  font-size: calc(13 * var(--design-px));
  line-height: 1;
  color: #849398;
}
@media screen and (min-width: 768px) {
  .p-blog-article__meta {
    font-size: calc(14 * var(--design-px));
  }
}

.p-blog-article__img {
  margin-top: calc(32 * var(--design-px));
  overflow: hidden;
  border-radius: 4px;
  background: #8F9AA1;
  aspect-ratio: 864/470;
}
@media screen and (min-width: 768px) {
  .p-blog-article__img {
    margin-top: calc(48 * var(--design-px));
  }
}

.p-blog-article__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-blog-article__body {
  margin-top: calc(40 * var(--design-px));
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(15 * var(--design-px));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-blog-article__body {
    margin-top: calc(64 * var(--design-px));
  }
}

.p-blog-article__body p {
  margin: calc(24 * var(--design-px)) 0 0;
}

.p-blog-article__body strong,
.p-blog-article__body b {
  font-weight: 700;
}

.p-blog-article__body a {
  text-decoration: underline;
}

.p-blog-article__body h2 {
  margin: calc(48 * var(--design-px)) 0 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(24 * var(--design-px));
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-blog-article__body h2 {
    margin-top: calc(64 * var(--design-px));
    font-size: calc(32 * var(--design-px));
  }
}

.p-blog-article__body h3 {
  margin: calc(40 * var(--design-px)) 0 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(20 * var(--design-px));
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-blog-article__body h3 {
    margin-top: calc(48 * var(--design-px));
    font-size: calc(24 * var(--design-px));
  }
}

.p-blog-article__body img {
  border-radius: 4px;
}

.p-blog-article__body figure {
  margin: calc(24 * var(--design-px)) 0 0;
}

.p-blog-article__body ul,
.p-blog-article__body ol {
  margin: calc(24 * var(--design-px)) 0 0;
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--design-px));
  line-height: 1.6;
}

.p-blog-article__body ul > li {
  display: flex;
  gap: calc(12 * var(--design-px));
}
.p-blog-article__body ul > li::before {
  content: "";
  flex-shrink: 0;
  width: calc(12 * var(--design-px));
  height: calc(12 * var(--design-px));
  margin-top: calc((1.6em - 12 * var(--design-px)) / 2);
  border-radius: 50%;
  background: #47586C;
}

.p-blog-article__body ol {
  counter-reset: article-ol;
}

.p-blog-article__body ol > li {
  display: flex;
  align-items: flex-start;
  gap: calc(12 * var(--design-px));
  counter-increment: article-ol;
}
.p-blog-article__body ol > li::before {
  content: counter(article-ol, decimal-leading-zero);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(32 * var(--design-px));
  height: calc(32 * var(--design-px));
  margin-top: calc((1.6em - 32 * var(--design-px)) / 2);
  border-radius: 4px;
  background: #47586C;
  color: #fff;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: calc(18 * var(--design-px));
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-blog-article__body ol > li::before {
    font-size: calc(20 * var(--design-px));
  }
}

.p-blog-article__body hr {
  margin: calc(32 * var(--design-px)) 0;
  border: 0;
  border-top: 1px solid #B1B1B1;
}
@media screen and (min-width: 768px) {
  .p-blog-article__body hr {
    margin: calc(48 * var(--design-px)) 0;
  }
}

.p-blog-article__body blockquote {
  position: relative;
  margin: calc(48 * var(--design-px)) 0 0;
  padding: calc(32 * var(--design-px)) calc(20 * var(--design-px));
  border-radius: 4px;
  background: #fff;
  color: #5C6266;
  font-size: calc(14 * var(--design-px));
}
.p-blog-article__body blockquote::before {
  content: "";
  position: absolute;
  top: calc(-8 * var(--design-px));
  left: calc(20 * var(--design-px));
  width: calc(48 * var(--design-px));
  height: calc(16 * var(--design-px));
  background: linear-gradient(90deg, #4B6281 33.33%, #7992A2 33.33% 66.66%, #4B6281 66.66%);
}
@media screen and (min-width: 768px) {
  .p-blog-article__body blockquote {
    margin-top: calc(88 * var(--design-px));
    padding: calc(40 * var(--design-px)) calc(32 * var(--design-px));
  }
  .p-blog-article__body blockquote::before {
    left: calc(32 * var(--design-px));
  }
}

.p-blog-article__body blockquote :is(h2, h3, h4, h5, h6) {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(20 * var(--design-px));
  font-weight: 400;
  line-height: 1.4;
  color: #162930;
}
@media screen and (min-width: 768px) {
  .p-blog-article__body blockquote :is(h2, h3, h4, h5, h6) {
    font-size: calc(22 * var(--design-px));
  }
}

.p-blog-article__body table {
  width: 100%;
  border: 1px solid #7992A2;
  border-radius: 4px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  color: #5C6266;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: calc(14 * var(--design-px));
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-blog-article__body table {
    font-size: calc(15 * var(--design-px));
  }
}

.p-blog-article__body :is(thead, tfoot) {
  border: 0;
}

.p-blog-article__body th,
.p-blog-article__body td {
  padding: calc(10 * var(--design-px));
  border: 0;
  border-top: 1px solid #7992A2;
  border-left: 1px solid #7992A2;
  background: #fff;
  text-align: center;
  font-weight: 500;
}

.p-blog-article__body th {
  padding: calc(16 * var(--design-px)) calc(8 * var(--design-px));
  background: #47586C;
  color: #fff;
}

.p-blog-article__body tr:first-child > :is(th, td) {
  border-top: 0;
}

.p-blog-article__body tr > :first-child {
  border-left: 0;
}

.p-blog-article__body tbody th {
  width: 33.3333333333%;
}

.p-blog-article__body tbody th + td {
  padding: calc(16 * var(--design-px));
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-blog-article__body tbody th + td {
    padding: calc(16 * var(--design-px)) calc(32 * var(--design-px));
  }
}

.p-blog-article__body .wp-block-table {
  margin-top: calc(32 * var(--design-px));
}

.p-blog-article__body blockquote + .wp-block-table {
  margin-top: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-blog-article__body blockquote + .wp-block-table {
    margin-top: calc(64 * var(--design-px));
  }
}

.p-blog-article__body .wp-block-columns {
  margin-bottom: 0;
  gap: calc(24 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-blog-article__body .wp-block-columns {
    gap: calc(48 * var(--design-px));
  }
}

.p-blog-article__body .wp-block-column > :is(ul, ol, figure) {
  margin-top: 0;
}

.p-blog-article__body .wp-block-image img {
  width: 100%;
}

.p-blog-article__body :is(h2, h3) + *,
.p-blog-article__body blockquote :is(h2, h3, h4, h5, h6) + * {
  margin-top: calc(32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-blog-article__body :is(h2, h3) + *,
  .p-blog-article__body blockquote :is(h2, h3, h4, h5, h6) + * {
    margin-top: calc(48 * var(--design-px));
  }
}

@media screen and (min-width: 768px) {
  .p-blog-article__body blockquote :is(h2, h3, h4, h5, h6) + * {
    margin-top: calc(32 * var(--design-px));
  }
}

.p-blog-article__body hr + *,
.p-blog-article__body > :first-child,
.p-blog-article__body .wp-block-column > :first-child {
  margin-top: 0;
}

.p-blog-article__back {
  margin-top: calc(48 * var(--design-px));
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--design-px));
  padding-bottom: calc(8 * var(--design-px));
  border-bottom: 1px solid #162930;
  font-size: calc(15 * var(--design-px));
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-blog-article__back {
    margin-top: calc(64 * var(--design-px));
    font-size: calc(16 * var(--design-px));
  }
}

.p-blog-article__back .c-btn__arrow {
  background: #162930;
  color: #fff;
}

.p-blog-author {
  margin-top: calc(40 * var(--design-px));
  display: flex;
  align-items: center;
  gap: calc(16 * var(--design-px));
  padding: calc(16 * var(--design-px));
  border-radius: 4px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .p-blog-author {
    margin-top: calc(48 * var(--design-px));
    gap: calc(28 * var(--design-px));
    padding: calc(24 * var(--design-px));
  }
}

.p-blog-author__img {
  flex-shrink: 0;
  width: calc(72 * var(--design-px));
  overflow: hidden;
  border-radius: 50%;
  background: #47586C;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 768px) {
  .p-blog-author__img {
    width: calc(96 * var(--design-px));
  }
}

.p-blog-author__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-blog-author__body {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-blog-author__body {
    gap: calc(16 * var(--design-px));
  }
}

.p-blog-author__name {
  margin: 0;
  font-size: calc(17 * var(--design-px));
  font-weight: 700;
  line-height: 1.4;
  color: #5C6266;
}
@media screen and (min-width: 768px) {
  .p-blog-author__name {
    font-size: calc(20 * var(--design-px));
  }
}

.p-blog-author__txt {
  margin: 0;
  font-size: calc(14 * var(--design-px));
  line-height: 1.4;
  color: #1D2B42;
}
@media screen and (min-width: 768px) {
  .p-blog-author__txt {
    font-size: calc(15 * var(--design-px));
  }
}

.p-blog-related {
  margin-top: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-blog-related {
    margin-top: calc(56 * var(--design-px));
  }
}

.p-blog-related__header {
  margin: 0 0 calc(24 * var(--design-px));
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: calc(16 * var(--design-px));
  border-bottom: 1px solid #B1B1B1;
}
@media screen and (min-width: 768px) {
  .p-blog-related__header {
    margin-bottom: calc(32 * var(--design-px));
  }
}

.p-blog-related__heading {
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(20 * var(--design-px));
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-blog-related__heading {
    font-size: calc(22 * var(--design-px));
  }
}

.p-blog-related__en {
  font-family: "Cinzel", serif;
  font-size: calc(16 * var(--design-px));
  font-weight: 400;
  line-height: 1;
  color: #A8966A;
}
@media screen and (min-width: 768px) {
  .p-blog-related__en {
    font-size: calc(18 * var(--design-px));
  }
}

.p-blog-related__list {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--design-px));
}

.p-blog-related__link {
  display: flex;
  align-items: center;
  gap: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-blog-related__link {
    gap: calc(24 * var(--design-px));
  }
}

.p-blog-related__img {
  flex-shrink: 0;
  width: calc(64 * var(--design-px));
  overflow: hidden;
  border-radius: 4px;
  background: #47586C;
  aspect-ratio: 1/1;
}

.p-blog-related__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-blog-related__body {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--design-px));
  min-width: 0;
}

.p-blog-related__ttl {
  margin: 0;
  font-size: calc(15 * var(--design-px));
  line-height: 1.4;
  color: #000;
}
@media screen and (min-width: 768px) {
  .p-blog-related__ttl {
    line-height: 1;
  }
}

.p-blog-related__meta {
  margin: 0;
  font-size: calc(13 * var(--design-px));
  line-height: 1;
  color: #849398;
}
@media screen and (min-width: 768px) {
  .p-blog-related__meta {
    font-size: calc(14 * var(--design-px));
  }
}

.p-blog-cta {
  position: relative;
  overflow: hidden;
  padding: calc(40 * var(--design-px)) calc(16 * var(--design-px));
  border-radius: 0 0 4px 4px;
  background: #47586C;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-blog-cta {
    padding: calc(56 * var(--design-px)) 0;
  }
}

.p-blog-cta__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.16;
}

.p-blog-cta__heading {
  position: relative;
  margin: 0;
  font-size: calc(26 * var(--design-px));
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-blog-cta__heading {
    font-size: calc(32 * var(--design-px));
  }
}

.p-blog-cta__btns {
  position: relative;
  margin-top: calc(24 * var(--design-px));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-blog-cta__btns {
    margin-top: calc(32 * var(--design-px));
    flex-direction: row;
    justify-content: center;
    gap: calc(24 * var(--design-px));
  }
}

.p-blog-cta__btn {
  justify-content: center;
  gap: calc(16 * var(--design-px));
  width: calc(280 * var(--design-px));
  min-height: calc(64 * var(--design-px));
  font-size: calc(17 * var(--design-px));
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-blog-cta__btn {
    min-height: calc(72 * var(--design-px));
    padding: 0 calc(32 * var(--design-px));
    font-size: calc(18 * var(--design-px));
  }
}

.p-blog-cta__btn.c-btn--cta {
  background-color: #C8961A;
}

.p-blog-cta__btn--line {
  gap: calc(12 * var(--design-px));
  border: 1px solid #fff;
  background: transparent;
}

.p-page-top-points {
  padding-top: calc(80 * var(--design-px));
  padding-bottom: calc(80 * var(--design-px));
  background: url(../images/newtop/top/points_decorate_zigzag_sp.svg) no-repeat center/100% 100%;
}
@media screen and (min-width: 768px) {
  .p-page-top-points {
    padding-top: calc(128 * var(--design-px));
    padding-bottom: calc(84 * var(--design-px));
    background-image: url(../images/newtop/top/points_decorate_zigzag.svg);
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-points__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: calc(16 * var(--design-px)) calc(895 * var(--design-px) - 783 * var(--design-px));
  }
}

.p-page-top-points__accent {
  color: #968969;
}

.p-page-top-points__lead {
  position: relative;
  z-index: 0;
  margin: calc(16 * var(--design-px)) 0 0;
  font-size: calc(16 * var(--design-px));
  line-height: 1.6;
  color: #2B2B2B;
}
@media screen and (min-width: 768px) {
  .p-page-top-points__lead {
    font-size: calc(18 * var(--design-px));
    margin-top: 0;
    margin-left: auto;
    line-height: 2;
    text-align: right;
  }
}
.p-page-top-points__lead::before {
  content: "";
  display: block;
  width: calc(16 * var(--design-px));
  height: calc(4 * var(--design-px));
  margin: 0 0 calc(16 * var(--design-px)) auto;
  border-radius: 2px;
  background: #47586C;
}
@media screen and (min-width: 768px) {
  .p-page-top-points__lead::before {
    margin-right: calc(12 * var(--design-px));
    margin-bottom: calc(32 * var(--design-px));
  }
}
.p-page-top-points__lead::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(220 * var(--design-px) - 216 * var(--design-px));
  right: calc(358 * var(--design-px) - 291 * var(--design-px));
  width: calc(32 * var(--design-px));
  height: calc(32 * var(--design-px));
  border-radius: 2px;
  background: rgba(220, 228, 233, 0.32);
}
@media screen and (min-width: 768px) {
  .p-page-top-points__lead::after {
    top: calc(227 * var(--design-px) - 194 * var(--design-px));
    right: auto;
    left: calc(783 * var(--design-px) - 895 * var(--design-px));
    width: calc(64 * var(--design-px));
    height: calc(64 * var(--design-px));
    border-radius: 4px;
  }
}

.p-page-top-points-list {
  margin-top: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list {
    margin-top: calc(96 * var(--design-px));
  }
}

.p-page-top-points-list__item--02 {
  margin-top: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__item--02 {
    margin-top: calc(40 * var(--design-px));
  }
}

.p-page-top-points-list__item--03 {
  margin-top: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__item--03 {
    margin-top: calc(80 * var(--design-px));
  }
}

.p-page-top-points-list__wrap--01 {
  position: relative;
  display: grid;
  grid-template-columns: 33.5195530726% 1fr;
  grid-template-rows: auto 1fr;
  margin-left: calc(-32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__wrap--01 {
    display: flex;
    align-items: flex-start;
    gap: 6.25%;
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-points-list__wrap--02 {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 6.4935064935%;
    padding-left: 3.75%;
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-points-list__wrap--03 {
    display: flex;
    align-items: center;
    gap: 6.6666666667%;
    padding-right: 6.25%;
  }
}

.p-page-top-points-list__imgs {
  display: flex;
  align-items: flex-start;
  margin-inline: calc(-16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__imgs {
    min-width: 0;
    margin-inline: 0;
  }
}

.p-page-top-points-list__imgs--02 {
  gap: 2.0833333333%;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__imgs--02 {
    flex: 720;
  }
}

.p-page-top-points-list__imgs--03 {
  gap: 5%;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__imgs--03 {
    flex: 640;
  }
}

.p-page-top-points-list__img {
  min-width: 0;
  border-radius: 4px;
  overflow: hidden;
}

.p-page-top-points-list__img img {
  width: 100%;
  object-fit: cover;
}

.p-page-top-points-list__img--0101 {
  grid-column: 1;
  grid-row: 1;
  border-radius: 0 4px 0 0;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__img--0101 {
    flex: 480;
    margin-bottom: calc(718 * var(--design-px) - 758 * var(--design-px));
    border-radius: 4px;
  }
}

.p-page-top-points-list__img--0101 img {
  aspect-ratio: 120/180;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__img--0101 img {
    aspect-ratio: 480/360;
  }
}

.p-page-top-points-list__img--0102 {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  margin-bottom: calc(644 * var(--design-px) - 722 * var(--design-px));
  border-radius: 0 0 4px 0;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__img--0102 {
    flex: 240;
    margin-bottom: calc(718 * var(--design-px) - 758 * var(--design-px));
    border-radius: 4px;
  }
}

.p-page-top-points-list__img--0102 img {
  aspect-ratio: 120/180;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__img--0102 img {
    aspect-ratio: 240/360;
  }
}

.p-page-top-points-list__img--0201 {
  flex: 230;
  margin-top: 5.5555555556%;
}

.p-page-top-points-list__img--0202 {
  flex: 230;
}

.p-page-top-points-list__img--0203 {
  flex: 230;
  margin-top: 11.1111111111%;
}

.p-page-top-points-list__img--0201 img,
.p-page-top-points-list__img--0202 img,
.p-page-top-points-list__img--0203 img {
  aspect-ratio: 230/360;
}

.p-page-top-points-list__img--03 {
  flex: 304;
}

.p-page-top-points-list__img--03 img {
  aspect-ratio: 304/360;
}

@media screen and (min-width: 768px) {
  .p-page-top-points-list__content {
    min-width: 0;
  }
}

.p-page-top-points-list__content--01 {
  grid-column: 2;
  grid-row: 1/span 2;
  padding: calc(32 * var(--design-px)) 0 calc(48 * var(--design-px)) calc(32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__content--01 {
    flex: 400;
    padding: calc(24 * var(--design-px)) 0;
  }
}

.p-page-top-points-list__content--02 {
  margin-top: calc(32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__content--02 {
    flex: 432;
    margin-top: 0;
  }
}

.p-page-top-points-list__content--03 {
  margin-top: calc(32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__content--03 {
    flex: 480;
    margin-top: 0;
  }
}

.p-page-top-points-list__subheading {
  margin: 0 0 calc(24 * var(--design-px));
  font-family: "Cinzel", serif;
  font-size: calc(12 * var(--design-px));
  font-weight: 400;
  line-height: 1;
  color: #968969;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__subheading {
    font-size: calc(16 * var(--design-px));
  }
}

.p-page-top-points-list__heading {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(24 * var(--design-px));
  font-weight: 400;
  line-height: 1.6;
  color: #162930;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__heading {
    font-size: calc(40 * var(--design-px));
    line-height: 1.4;
  }
}
.p-page-top-points-list__heading::first-letter {
  color: #47586C;
}

.p-page-top-points-list__txt {
  margin: calc(24 * var(--design-px)) 0 0;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__txt {
    margin: calc(64 * var(--design-px)) 0 0;
  }
}

.p-page-top-points-list__txt--01 {
  margin-top: calc(24 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-points-list__txt--01 {
    margin-top: calc(48 * var(--design-px));
  }
}

.p-page-top-points-advisor {
  padding-block: calc(48 * var(--design-px)) calc(48 * var(--design-px));
  background: linear-gradient(rgba(27, 46, 68, 0.64), rgba(27, 46, 68, 0.64)), url(../images/newtop/top/points_advisor_bg_sp.webp) no-repeat center/cover;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-advisor {
    padding-block: calc(120 * var(--design-px)) calc(80 * var(--design-px));
    background-image: linear-gradient(rgba(27, 46, 68, 0.64), rgba(27, 46, 68, 0.64)), url(../images/newtop/top/points_advisor_bg.webp);
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-points-advisor__wrap {
    display: flex;
    align-items: flex-start;
    padding-left: 10%;
  }
}

.p-page-top-points-advisor__header {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-advisor__header {
    flex: 252;
    min-width: 0;
    text-align: left;
  }
}
.p-page-top-points-advisor__header::before {
  content: "";
  display: block;
  width: calc(16 * var(--design-px));
  height: calc(4 * var(--design-px));
  margin: 0 0 calc(16 * var(--design-px)) auto;
  border-radius: 2px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-advisor__header::before {
    margin: 0 0 calc(32 * var(--design-px)) auto;
    margin-left: 0;
  }
}

.p-page-top-points-advisor__heading {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(24 * var(--design-px));
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-advisor__heading {
    font-size: calc(32 * var(--design-px));
  }
}

.p-page-top-points-advisor__subheading {
  margin: calc(16 * var(--design-px)) 0 0;
  padding-top: calc(4 * var(--design-px));
  font-family: "Cinzel", serif;
  font-size: calc(12 * var(--design-px));
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-advisor__subheading {
    margin: calc(32 * var(--design-px)) 0 0;
    font-size: calc(14 * var(--design-px));
  }
}

.p-page-top-points-advisor__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(24 * var(--design-px)) calc(6 * var(--design-px));
  margin-top: calc(40 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-points-advisor__list {
    flex: 900;
    min-width: 0;
    gap: calc(24 * var(--design-px));
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-points-advisor__item {
    display: flex;
    align-items: center;
    gap: 9.1324200913%;
  }
}

.p-page-top-points-advisor__img {
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-advisor__img {
    flex-shrink: 0;
    width: 36.5296803653%;
  }
}

.p-page-top-points-advisor__img img {
  width: 100%;
  aspect-ratio: 160/160;
  object-fit: cover;
}

.p-page-top-points-advisor__content {
  margin-top: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-points-advisor__content {
    flex: 1;
    min-width: 0;
    margin-top: 0;
  }
}

.p-page-top-points-advisor__namewrap {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--design-px)) calc(12 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-points-advisor__namewrap {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
  }
}

.p-page-top-points-advisor__name {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(18 * var(--design-px));
  font-weight: 600;
  line-height: 1;
}

.p-page-top-points-advisor__en {
  margin: 0;
  font-family: "Cinzel", serif;
  font-size: calc(12 * var(--design-px));
  font-weight: 400;
  line-height: 1;
  color: #B9AE93;
}

.p-page-top-points-advisor__field {
  margin: calc(16 * var(--design-px)) 0 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.p-page-top-points-advisor__fieldlabel {
  width: fit-content;
  padding: calc(4 * var(--design-px)) calc(4 * var(--design-px)) calc(5 * var(--design-px));
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: calc(12 * var(--design-px));
  line-height: 1;
}

.p-page-top-points-advisor__fieldtxt {
  margin: calc(8 * var(--design-px)) 0 0;
  font-size: calc(12 * var(--design-px));
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-page-top-points-advisor__fieldtxt {
    font-size: calc(14 * var(--design-px));
  }
}

.p-page-top-points__title .c-txt-label {
  margin-bottom: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-points__title .c-txt-label {
    margin-bottom: calc(24 * var(--design-px));
  }
}

.p-page-top-clinic {
  padding-top: calc(80 * var(--design-px));
  border-radius: 8px;
  background: rgba(238, 244, 246, 0.7);
  overflow: hidden;
}
.p-page-top-clinic::after {
  content: "";
  display: block;
  margin-top: calc(53 * var(--design-px));
  aspect-ratio: 1441/100;
  background: url(../images/newtop/common/decorate_logotype.svg) no-repeat center/100% auto;
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic::after {
    margin-top: calc(64 * var(--design-px));
  }
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic {
    padding-top: calc(192 * var(--design-px));
  }
}

.p-page-top-clinic__wrap {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic__wrap {
    display: flex;
    gap: 6.25%;
  }
}
.p-page-top-clinic__wrap::before {
  content: "";
  position: absolute;
  bottom: calc(1511 * var(--design-px) - 1486 * var(--design-px));
  left: 50%;
  right: calc(-32 * var(--design-px));
  height: calc(408 * var(--design-px));
  border-radius: 4px;
  background: url(../images/newtop/common/decorate_slash.svg) no-repeat left top/173.3333333333% 100%, rgba(255, 255, 255, 0.48);
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic__wrap::before {
    top: calc(128 * var(--design-px) - 192 * var(--design-px));
    bottom: auto;
    left: 35.703125%;
    right: 0;
    height: calc(672 * var(--design-px));
    background-size: 104.8452220727% 100%, auto;
  }
}

.p-page-top-clinic__content {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic__content {
    flex: 543;
    min-width: 0;
  }
}

.p-page-top-clinic__header {
  margin-bottom: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic__header {
    margin-bottom: calc(64 * var(--design-px));
  }
}

.p-page-top-clinic__header .c-txt-label {
  margin-bottom: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic__header .c-txt-label {
    margin-bottom: calc(24 * var(--design-px));
  }
}

.p-page-top-clinic__lead {
  margin-bottom: calc(32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic__lead {
    margin-bottom: calc(48 * var(--design-px));
  }
}

.p-page-top-clinic__txt {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic__txt {
    line-height: 2;
  }
}

.p-page-top-clinic__imgwrap {
  position: relative;
  margin-top: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic__imgwrap {
    flex: 657;
    min-width: 0;
    margin-top: 0;
  }
}

.p-page-top-clinic__img {
  margin-inline: calc(-16 * var(--design-px));
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic__img {
    margin-inline: 0;
  }
}

.p-page-top-clinic__img img {
  width: 100%;
  aspect-ratio: 358/245;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic__img img {
    aspect-ratio: 657/480;
  }
}

.p-page-top-clinic__linkwrap {
  margin-top: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic__linkwrap {
    padding-left: calc(48 * var(--design-px));
  }
}

.p-page-top-clinic-links {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic-links {
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(22 * var(--design-px)) calc(28 * var(--design-px));
  }
}

.p-page-top-clinic-links__item {
  display: flex;
}

.p-page-top-clinic-links__link {
  font-size: calc(14 * var(--design-px));
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic-links__link {
    font-size: calc(16 * var(--design-px));
    line-height: 1;
  }
}

.p-page-top-clinic__otherlink {
  margin-top: calc(32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-clinic__otherlink {
    margin-top: calc(48 * var(--design-px));
  }
}

.p-page-top-treatment {
  position: relative;
  padding-top: calc(80 * var(--design-px));
  background: rgba(255, 255, 255, 0.72);
}
.p-page-top-treatment::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: calc(98 * var(--design-px));
  border-radius: 4px 4px 0 0;
  background: rgba(212, 220, 223, 0.32);
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment::before {
    height: calc(190 * var(--design-px));
  }
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment {
    padding-top: calc(125 * var(--design-px));
  }
}

.p-page-top-treatment__header {
  margin-bottom: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment__header {
    margin-bottom: calc(80 * var(--design-px));
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: calc(40 * var(--design-px));
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-treatment__headingwrap {
    flex-shrink: 0;
  }
}

.p-page-top-treatment__lead {
  margin: calc(16 * var(--design-px)) 0 0;
  font-size: calc(16 * var(--design-px));
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment__lead {
    font-size: calc(18 * var(--design-px));
    margin-top: 0;
    line-height: 2;
    text-align: right;
  }
}
.p-page-top-treatment__lead::before {
  content: "";
  display: block;
  width: calc(16 * var(--design-px));
  height: calc(4 * var(--design-px));
  margin: 0 0 calc(16 * var(--design-px)) auto;
  border-radius: 2px;
  background: #47586C;
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment__lead::before {
    margin-right: calc(12 * var(--design-px));
    margin-bottom: calc(40 * var(--design-px));
  }
}

.p-page-top-treatment__content {
  position: relative;
}

.p-page-top-treatment-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(6 * var(--design-px));
  margin-inline: calc(-16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment-list {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(25 * var(--design-px));
    margin-inline: 0;
  }
}

.p-page-top-treatment-list__item {
  display: flex;
  min-width: 0;
}

.p-page-top-treatment-list__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: calc(8 * var(--design-px));
  border-top: 1px solid #B1B1B1;
  border-left: 1px solid #B1B1B1;
  border-radius: 4px 0 0;
  background: rgba(255, 255, 255, 0.08);
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment-list__link {
    padding-bottom: calc(16 * var(--design-px));
  }
}

.p-page-top-treatment-list__img {
  position: relative;
  margin: calc(8 * var(--design-px)) calc(4 * var(--design-px)) calc(8 * var(--design-px)) calc(8 * var(--design-px));
  border-radius: 4px;
  background: #BAC3C7;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment-list__img {
    margin: 5.8679706601% 4.8899755501% 5.8679706601% 6.8459657702%;
  }
}

.p-page-top-treatment-list__photo {
  width: 100%;
  aspect-ratio: 164/94;
  object-fit: cover;
  opacity: 0.16;
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment-list__photo {
    aspect-ratio: 361/222;
  }
}

.p-page-top-treatment-list__icon {
  position: absolute;
  inset: 0;
  width: auto;
  height: 42.5531914894%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment-list__icon {
    height: 28.8288288288%;
  }
}

.p-page-top-treatment-list__icon--03 {
  height: 23.4042553191%;
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment-list__icon--03 {
    height: 21.6216216216%;
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-treatment-list__icon--06 {
    height: 32.4324324324%;
  }
}

.p-page-top-treatment-list__content {
  padding: 0 calc(8 * var(--design-px)) 0 calc(12 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment-list__content {
    padding: 0 7.8239608802%;
  }
}

.p-page-top-treatment-list__heading {
  margin: 0 0 calc(8 * var(--design-px));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(16 * var(--design-px));
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment-list__heading {
    margin: 0 0 calc(16 * var(--design-px));
    font-size: calc(24 * var(--design-px));
  }
}

.p-page-top-treatment-list__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(7 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment-list__wrap {
    gap: calc(16 * var(--design-px));
  }
}

.p-page-top-treatment-list__subheading {
  margin: 0;
  font-family: "Cinzel", serif;
  font-size: calc(10 * var(--design-px));
  font-weight: 400;
  line-height: 1;
  color: #968969;
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment-list__subheading {
    font-size: calc(16 * var(--design-px));
  }
}

.p-page-top-treatment-list__arrow {
  width: calc(14 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-treatment-list__arrow {
    width: calc(24 * var(--design-px));
  }
}

.p-page-top-offered {
  background: linear-gradient(rgba(212, 220, 223, 0.32), rgba(212, 220, 223, 0.32)), rgba(255, 255, 255, 0.72);
}

.p-page-top-offered__body {
  position: relative;
  padding: calc(80 * var(--design-px)) 0 calc(80 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-offered__body::before {
    content: "";
    position: absolute;
    top: calc(64 * var(--design-px));
    bottom: calc(64 * var(--design-px));
    left: 38.75%;
    width: 53.828125%;
    border-radius: 4px;
    background: url(../images/newtop/common/decorate_slash.svg) no-repeat 77.7777777778% 0/113.0624092888% 116.4644714038%, rgba(249, 249, 249, 0.4096);
  }
}
@media screen and (min-width: 768px) {
  .p-page-top-offered__body::after {
    content: "";
    position: absolute;
    top: calc(96 * var(--design-px));
    left: calc(38.75% - (576 * var(--design-px) - 544 * var(--design-px)));
    width: calc(64 * var(--design-px));
    height: calc(64 * var(--design-px));
    border-radius: 4px;
    background: rgba(220, 228, 233, 0.64);
  }
}
@media screen and (min-width: 768px) {
  .p-page-top-offered__body {
    padding: calc(128 * var(--design-px)) 0 calc(132 * var(--design-px));
  }
}

.p-page-top-offered__header {
  position: relative;
  margin-bottom: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-offered__header {
    margin-bottom: calc(80 * var(--design-px));
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: calc(40 * var(--design-px));
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-offered__headingwrap {
    flex-shrink: 0;
  }
}

.p-page-top-offered__lead {
  margin: calc(16 * var(--design-px)) 0 0;
  font-size: calc(16 * var(--design-px));
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-page-top-offered__lead {
    font-size: calc(18 * var(--design-px));
    margin-top: 0;
    line-height: 2;
    text-align: right;
  }
}
.p-page-top-offered__lead::before {
  content: "";
  display: block;
  width: calc(16 * var(--design-px));
  height: calc(4 * var(--design-px));
  margin: 0 0 calc(16 * var(--design-px)) auto;
  border-radius: 2px;
  background: #47586C;
}
@media screen and (min-width: 768px) {
  .p-page-top-offered__lead::before {
    margin-right: calc(12 * var(--design-px));
    margin-bottom: calc(31 * var(--design-px));
  }
}

.p-page-top-offered__content {
  position: relative;
}

.p-page-top-offered-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: calc(6 * var(--design-px));
  margin-inline: calc(-16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-offered-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: calc(22 * var(--design-px)) calc(16 * var(--design-px));
    margin-inline: 0;
  }
}

.p-page-top-offered-list__item {
  display: flex;
  min-width: 0;
}

.p-page-top-offered-list__link {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-top: 1px solid #D7DDE7;
  border-left: 1px solid #D7DDE7;
  border-radius: 4px 0 0;
  background: rgba(255, 255, 255, 0.16);
}
@media screen and (min-width: 768px) {
  .p-page-top-offered-list__link {
    flex-direction: row;
    background: rgba(255, 255, 255, 0.32);
  }
}

.p-page-top-offered-list__img {
  position: relative;
  margin: calc(12 * var(--design-px));
  border-radius: 4px;
  background: #D4DCDF;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-page-top-offered-list__img {
    flex-shrink: 0;
    width: calc(100 * var(--design-px));
    margin: calc(8 * var(--design-px));
  }
}

.p-page-top-offered-list__photo {
  width: 100%;
  aspect-ratio: 151/100;
  object-fit: cover;
  opacity: 0.08;
}
@media screen and (min-width: 768px) {
  .p-page-top-offered-list__photo {
    aspect-ratio: 100/100;
  }
}

.p-page-top-offered-list__icon {
  position: absolute;
  inset: 0;
  width: auto;
  height: 40%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .p-page-top-offered-list__icon {
    height: 54%;
  }
}

.p-page-top-offered-list__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--design-px));
  padding: 0 calc(12 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-offered-list__content {
    justify-content: center;
    min-width: 0;
    padding: 0 calc(8 * var(--design-px));
  }
}

.p-page-top-offered-list__subheading {
  margin: 0 0 calc(6 * var(--design-px));
  padding: 0 2px;
  font-family: "Cinzel", serif;
  font-size: calc(10 * var(--design-px));
  font-weight: 400;
  line-height: 1;
  color: #968969;
}
@media screen and (min-width: 768px) {
  .p-page-top-offered-list__subheading {
    font-size: calc(12 * var(--design-px));
    font-weight: 500;
  }
}

.p-page-top-offered-list__heading {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(15 * var(--design-px));
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-page-top-offered-list__heading {
    font-size: calc(17 * var(--design-px));
  }
}

.p-page-top-offered-list__arrow {
  align-self: flex-end;
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .p-page-top-offered-list__arrow {
    position: absolute;
    right: calc(308 * var(--design-px) - 286 * var(--design-px) - 18 * var(--design-px));
    bottom: calc(118 * var(--design-px) - 98.5 * var(--design-px) - 13.5 * var(--design-px));
  }
}

.p-page-top-quality {
  padding: calc(80 * var(--design-px)) 0;
  background: rgba(255, 255, 255, 0.64);
}
@media screen and (min-width: 768px) {
  .p-page-top-quality {
    padding: calc(140 * var(--design-px)) 0;
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-quality__wrap {
    display: flex;
    align-items: flex-start;
    gap: 6.25%;
  }
}

.p-page-top-quality__content {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-page-top-quality__content {
    flex: 480;
    min-width: 0;
  }
}
.p-page-top-quality__content::before {
  content: "";
  position: absolute;
  top: calc(40 * var(--design-px) - 80 * var(--design-px));
  bottom: calc(685 * var(--design-px) - 657 * var(--design-px));
  left: 18.4049079755%;
  right: 0;
  border-radius: 4px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .p-page-top-quality__content::before {
    top: calc(76 * var(--design-px) - 140 * var(--design-px));
    bottom: calc(847 * var(--design-px) - 821 * var(--design-px));
    left: 8.3333333333%;
    right: auto;
    width: 55.4166666667%;
  }
}
.p-page-top-quality__content::after {
  content: "";
  position: absolute;
  top: calc(94 * var(--design-px) - 80 * var(--design-px));
  right: calc(-16 * var(--design-px));
  width: calc(32 * var(--design-px));
  height: calc(32 * var(--design-px));
  border-radius: 4px;
  background: rgba(220, 228, 233, 0.32);
}
@media screen and (min-width: 768px) {
  .p-page-top-quality__content::after {
    top: calc(108 * var(--design-px) - 140 * var(--design-px));
    left: 57.0833333333%;
    right: auto;
    width: calc(64 * var(--design-px));
    height: calc(64 * var(--design-px));
  }
}

.p-page-top-quality__header {
  position: relative;
  margin-bottom: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-quality__header {
    margin-bottom: calc(64 * var(--design-px));
  }
}

.p-page-top-quality__heading {
  font-size: calc(32 * var(--design-px));
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-page-top-quality__heading {
    font-size: calc(48 * var(--design-px));
  }
}

.p-page-top-quality__lead {
  position: relative;
  margin-bottom: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-quality__lead {
    margin-bottom: calc(64 * var(--design-px));
    font-size: calc(32 * var(--design-px));
  }
}

.p-page-top-quality__txt {
  position: relative;
  margin: 0 0 calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-quality__txt {
    margin: 0 0 calc(64 * var(--design-px));
    line-height: 2;
  }
}

.p-page-top-quality__btn {
  position: relative;
}

.p-page-top-quality-list {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--design-px));
  margin-top: calc(80 * var(--design-px));
  margin-inline: calc(-16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-quality-list {
    flex: 720;
    min-width: 0;
    gap: calc(12 * var(--design-px));
    margin-top: 0;
    margin-inline: 0;
  }
}

.p-page-top-quality-list__link {
  position: relative;
  display: block;
  padding: calc(16 * var(--design-px));
  border-radius: 8px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .p-page-top-quality-list__link {
    display: flex;
    align-items: center;
    gap: 6.25%;
    padding: 0 5.5555555556%;
  }
}

.p-page-top-quality-list__img {
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-page-top-quality-list__img {
    flex: 155;
    min-width: 0;
    margin-block: 6.25%;
  }
}

.p-page-top-quality-list__img img {
  width: 100%;
  aspect-ratio: 326/160;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-page-top-quality-list__img img {
    aspect-ratio: 155/155;
  }
}

.p-page-top-quality-list__content {
  display: flex;
  flex-direction: column;
  margin-top: calc(16 * var(--design-px));
  padding-inline: calc(8 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-quality-list__content {
    flex: 445;
    min-width: 0;
    margin-top: 0;
    padding: calc(16 * var(--design-px) + 18 * var(--design-px)) 0;
  }
}
.p-page-top-quality-list__content::before {
  content: "";
  flex-shrink: 0;
  width: calc(16 * var(--design-px));
  height: calc(4 * var(--design-px));
  margin-bottom: calc(8 * var(--design-px));
  border-radius: 2px;
  background: #47586C;
}

.p-page-top-quality-list__heading {
  margin: 0 0 calc(8 * var(--design-px));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(24 * var(--design-px));
  font-weight: 500;
  line-height: 1.6;
  color: #47586C;
}
@media screen and (min-width: 768px) {
  .p-page-top-quality-list__heading {
    margin-bottom: calc(10 * var(--design-px));
  }
}

.p-page-top-quality-list__heading span {
  display: inline-block;
}

.p-page-top-quality-list__subheading {
  margin: 0 0 calc(12 * var(--design-px));
  font-family: "Cinzel", serif;
  font-size: calc(10 * var(--design-px));
  font-weight: 400;
  line-height: 1.4;
  color: #968969;
}
@media screen and (min-width: 768px) {
  .p-page-top-quality-list__subheading {
    font-size: calc(12 * var(--design-px));
    margin-bottom: calc(8 * var(--design-px));
  }
}

.p-page-top-quality-list__txt {
  margin: 0;
  font-size: calc(14 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-quality-list__txt {
    font-size: calc(15 * var(--design-px));
  }
}

.p-page-top-quality-list__arrow {
  align-self: flex-end;
  margin-top: calc(12 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-quality-list__arrow {
    position: absolute;
    right: calc(16 * var(--design-px));
    bottom: calc(16 * var(--design-px));
    margin-top: 0;
  }
}

.p-page-top-pickup {
  padding: calc(80 * var(--design-px)) 0 calc(80 * var(--design-px));
  background: rgba(238, 244, 246, 0.64);
}
@media screen and (min-width: 768px) {
  .p-page-top-pickup {
    padding: calc(128 * var(--design-px)) 0 calc(80 * var(--design-px));
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-page-top-pickup::after {
    content: "";
    display: block;
    margin-top: calc(1460 * var(--design-px) - 1392 * var(--design-px));
    aspect-ratio: 1441/100;
    background: url(../images/newtop/common/decorate_logotype.svg) no-repeat center/100% auto;
  }
}

.p-page-top-pickup__header {
  margin-bottom: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-pickup__header {
    margin-bottom: calc(104 * var(--design-px));
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: calc(32 * var(--design-px));
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-pickup__headingwrap {
    flex-shrink: 0;
  }
}

.p-page-top-pickup__lead {
  margin: calc(16 * var(--design-px)) 0 0;
  font-size: calc(16 * var(--design-px));
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-page-top-pickup__lead {
    font-size: calc(18 * var(--design-px));
    margin-top: 0;
    line-height: 2;
    text-align: right;
  }
}
.p-page-top-pickup__lead::before {
  content: "";
  display: block;
  width: calc(16 * var(--design-px));
  height: calc(4 * var(--design-px));
  margin: 0 0 calc(16 * var(--design-px)) auto;
  border-radius: 2px;
  background: #47586C;
}
@media screen and (min-width: 768px) {
  .p-page-top-pickup__lead::before {
    margin-bottom: calc(31 * var(--design-px));
  }
}

.p-page-top-pickup-list {
  display: flex;
  flex-direction: column;
  gap: calc(20 * var(--design-px));
  margin-inline: calc(-16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-pickup-list {
    gap: calc(15 * var(--design-px));
    width: 96.953125%;
    margin-inline: 0;
  }
}

.p-page-top-pickup-list__item {
  padding: calc(16 * var(--design-px));
  border-top: 1px solid #B1B1B1;
  border-left: 1px solid #B1B1B1;
  border-radius: 4px 0 0 0;
}
@media screen and (min-width: 768px) {
  .p-page-top-pickup-list__item {
    display: flex;
    align-items: center;
    gap: 6.6666666667%;
    padding: calc(20 * var(--design-px));
  }
}

.p-page-top-pickup-list__img {
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-page-top-pickup-list__img {
    flex: 454;
    min-width: 0;
  }
}

.p-page-top-pickup-list__img img {
  width: 100%;
  aspect-ratio: 325/214;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-page-top-pickup-list__img img {
    aspect-ratio: 454/300;
  }
}

.p-page-top-pickup-list__content {
  margin-top: calc(16 * var(--design-px));
  padding-inline: calc(8 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-pickup-list__content {
    flex: 666;
    min-width: 0;
    margin-top: 0;
    padding-inline: 0;
  }
}

.p-page-top-pickup-list__subheading {
  margin: 0 0 calc(8 * var(--design-px));
  font-family: "Cinzel", serif;
  font-size: calc(14 * var(--design-px));
  font-weight: 400;
  line-height: 1.4;
  color: #968969;
}
@media screen and (min-width: 768px) {
  .p-page-top-pickup-list__subheading {
    font-size: calc(20 * var(--design-px));
  }
}

.p-page-top-pickup-list__heading {
  margin: 0 0 calc(16 * var(--design-px));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(28 * var(--design-px));
  font-weight: 500;
  line-height: 1.4;
  color: #47586C;
}
@media screen and (min-width: 768px) {
  .p-page-top-pickup-list__heading {
    margin: 0 0 calc(24 * var(--design-px));
    font-size: calc(32 * var(--design-px));
  }
}

.p-page-top-pickup-list__heading span {
  display: inline-block;
}

.p-page-top-pickup-list__txt {
  margin: 0 0 calc(24 * var(--design-px));
}

.p-page-top-pickup-list__btn {
  display: flex;
}

.p-page-top-pickup-list__link {
  color: #47586C;
}

/* Figma qrcimazw8eAHNdzcyHoj9u: blog 1:238 (PC), 1:9703 (SP). */
.p-page-top-blog {
  padding: calc(80 * var(--design-px)) 0;
  background: rgba(255, 255, 255, 0.64);
}
.p-page-top-blog > .l-container {
  display: flex;
  flex-direction: column;
}
.p-page-top-blog__header { margin: 0; }
.p-page-top-blog .c-txt-label::before {
  background-image: url(../images/corporate/blog-heading.svg);
}
.p-page-top-blog__btn { margin-top: calc(48 * var(--design-px)); }
.p-page-top-blog__btnlink {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--design-px));
  width: fit-content;
  padding-right: calc(20 * var(--design-px));
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: calc(16 * var(--design-px));
  font-weight: 500;
  line-height: 1;
  color: #47586C;
}
.p-page-top-blog__btnlink > span {
  text-decoration: underline;
  text-underline-position: from-font;
}
.p-page-top-blog .c-icon-arrow {
  position: relative;
  display: block;
  flex: none;
  width: calc(24 * var(--design-px));
  height: calc(18 * var(--design-px));
  border-radius: 1000px;
  background: #47586C;
}
.p-page-top-blog .c-icon-arrow::after {
  content: "";
  position: absolute;
  left: calc(7.716 * var(--design-px));
  top: calc(5.76 * var(--design-px));
  width: calc(9.76632 * var(--design-px));
  height: calc(7.18636 * var(--design-px));
  background: url(../images/corporate/blog-arrow.svg) no-repeat center/contain;
  -webkit-mask: none;
  mask: none;
}
.p-page-top-blog-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(16 * var(--design-px));
  margin: calc(48 * var(--design-px)) calc(-16 * var(--design-px)) 0;
  padding: 0;
  list-style: none;
}
.p-page-top-blog-list__item { align-self: start; }
.p-page-top-blog-list__link {
  display: flex;
  flex-direction: column;
  padding: calc(16 * var(--design-px));
  border-top: 1px solid #B1B1B1;
  border-left: 1px solid #B1B1B1;
  border-radius: 4px 0 0 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
}
.p-page-top-blog-list__img { margin: 0; overflow: hidden; }
.p-page-top-blog-list__img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 325/217;
  object-fit: cover;
}
.p-page-top-blog-list__content {
  display: flex;
  flex-direction: column;
  padding: calc(16 * var(--design-px)) calc(8 * var(--design-px)) 0;
}
.p-page-top-blog-list__heading {
  margin: 0 0 calc(16 * var(--design-px));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(18 * var(--design-px));
  font-weight: 500;
  line-height: 1.6;
  color: #162930;
}
.p-page-top-blog-list__info {
  margin: 0 0 calc(8 * var(--design-px));
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: calc(15 * var(--design-px));
  font-weight: 500;
  line-height: 1;
  color: #47586C;
}
.p-page-top-blog-list__arrow {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .p-page-top-blog { padding: calc(76 * var(--design-px)) 0 calc(64 * var(--design-px)); }
  .p-page-top-blog > .l-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "heading link" "posts posts";
    gap: calc(80 * var(--design-px)) calc(24 * var(--design-px));
  }
  .p-page-top-blog__header { grid-area: heading; }
  .p-page-top-blog__btn { grid-area: link; align-self: end; margin: 0; }
  .p-page-top-blog-list {
    grid-area: posts;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(25 * var(--design-px));
    margin: 0;
  }
  .p-page-top-blog-list__link { padding: 0 0 calc(16 * var(--design-px)); }
  .p-page-top-blog-list__img {
    margin: calc(24 * var(--design-px)) calc(20 * var(--design-px)) calc(16 * var(--design-px)) calc(28 * var(--design-px));
    border-radius: 4px;
  }
  .p-page-top-blog-list__img img { aspect-ratio: 361/222; }
  .p-page-top-blog-list__content { padding: 0 calc(16 * var(--design-px)) 0 calc(32 * var(--design-px)); }
  .p-page-top-blog-list__heading { font-size: calc(20 * var(--design-px)); }
  .p-page-top-blog-list__info { margin-bottom: calc(12 * var(--design-px)); }
  .p-page-top-blog-list__item:nth-child(n+5) .p-page-top-blog-list__content { min-height: calc(119 * var(--design-px)); }
}

.p-page-top-message {
  padding: calc(80 * var(--design-px)) 0;
  background: rgba(245, 245, 245, 0.64) url(../images/newtop/top/message_decorate.svg) no-repeat left calc(64 * var(--design-px))/calc(1440 * var(--design-px)) auto;
}
@media screen and (min-width: 768px) {
  .p-page-top-message {
    padding: calc(128 * var(--design-px)) 0;
    background-position: center calc(64 * var(--design-px));
    background-size: 100% auto;
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-message__wrap {
    display: flex;
    gap: 6.25%;
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-message__content {
    flex: 560;
    min-width: 0;
  }
}

.p-page-top-message__header {
  margin-bottom: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-message__header {
    margin-bottom: calc(64 * var(--design-px));
  }
}

.p-page-top-message__lead {
  margin-bottom: calc(24 * var(--design-px));
  font-size: calc(28 * var(--design-px));
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-page-top-message__lead {
    margin-bottom: calc(40 * var(--design-px));
    font-size: calc(32 * var(--design-px));
    line-height: 1.8;
  }
}

.p-page-top-message__txt {
  margin: 0;
  line-height: 2;
}

.p-page-top-message-links {
  display: flex;
  flex-wrap: wrap;
  gap: calc(12 * var(--design-px));
  margin-top: calc(48 * var(--design-px));
  margin-inline: calc(-16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-message-links {
    margin-top: calc(64 * var(--design-px));
    margin-inline: 0;
  }
}

.p-page-top-message-links__item {
  display: flex;
}

.p-page-top-message-links__link {
  gap: calc(8 * var(--design-px));
  min-height: calc(47 * var(--design-px));
  font-size: calc(14 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-message-links__link {
    gap: calc(12 * var(--design-px));
    min-height: calc(56 * var(--design-px));
    font-size: calc(16 * var(--design-px));
  }
}

.p-page-top-message-links__arrow {
  width: calc(20 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-message-links__arrow {
    width: calc(24 * var(--design-px));
  }
}

.p-page-top-message__imgwrap {
  margin-top: calc(80 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-message__imgwrap {
    flex: 640;
    min-width: 0;
    margin-top: 0;
  }
}

.p-page-top-message__img {
  margin-left: calc(-16 * var(--design-px));
  margin-right: calc(-32 * var(--design-px));
  border-radius: 4px 0 0 4px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-page-top-message__img {
    margin-left: 0;
    margin-right: 0;
    border-radius: 4px;
  }
}

.p-page-top-message__img img {
  width: 100%;
  aspect-ratio: 374/240;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-page-top-message__img img {
    aspect-ratio: 640/480;
  }
}

.p-page-top-message-sign {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(8 * var(--design-px));
  margin-top: calc(16 * var(--design-px));
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-page-top-message-sign {
    gap: calc(16 * var(--design-px));
    margin-top: calc(24 * var(--design-px));
    padding-right: calc(16 * var(--design-px));
  }
}

.p-page-top-message-sign__post {
  margin: 0;
  font-size: calc(14 * var(--design-px));
  color: #162930;
}
@media screen and (min-width: 768px) {
  .p-page-top-message-sign__post {
    font-size: calc(15 * var(--design-px));
  }
}

.p-page-top-message-sign__name {
  margin: 0;
  font-size: calc(18 * var(--design-px));
  color: #968969;
}
@media screen and (min-width: 768px) {
  .p-page-top-message-sign__name {
    font-size: calc(22 * var(--design-px));
  }
}

.p-page-top-message-profiles {
  display: grid;
  gap: calc(12 * var(--design-px));
  margin-top: calc(40 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-message-profiles {
    gap: calc(32 * var(--design-px));
    margin-top: calc(99 * var(--design-px));
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.p-page-top-message-profiles__item {
  padding: calc(12 * var(--design-px)) 0;
  border-top: 0.5px solid #B1B1B1;
}
.p-page-top-message-profiles__item:last-child {
  border-bottom: 0.5px solid #B1B1B1;
}
@media screen and (min-width: 768px) {
  .p-page-top-message-profiles__item:nth-last-child(2) {
    border-bottom: 0.5px solid #B1B1B1;
  }
}

.p-page-top-message-profiles__heading {
  margin: 0 0 calc(16 * var(--design-px));
  padding: 0 calc(8 * var(--design-px));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(18 * var(--design-px));
  font-weight: 500;
  line-height: 1.4;
  color: #968969;
}
@media screen and (min-width: 768px) {
  .p-page-top-message-profiles__heading {
    font-size: calc(20 * var(--design-px));
  }
}

.p-page-top-message-profiles__content {
  padding: 0 calc(8 * var(--design-px));
  font-size: calc(14 * var(--design-px));
  line-height: 1.8;
}

.p-page-top-message-profiles__txt {
  margin: 0;
}

.p-page-top-message-profiles-history {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--design-px));
  margin: 0;
}

.p-page-top-message-profiles-history__wrap {
  display: flex;
  gap: calc(12 * var(--design-px));
}

.p-page-top-message-profiles-history__year {
  flex-shrink: 0;
  color: #7A7E7F;
}

.p-page-top-message-profiles-history__txt {
  margin: 0;
}

.p-page-top-message-profiles-list {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--design-px));
}

.p-page-top-founder {
  position: relative;
  padding: calc(80 * var(--design-px)) 0;
  background: #394C62;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-page-top-founder {
    padding-bottom: calc(72 * var(--design-px));
  }
}
.p-page-top-founder::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/newtop/top/founder_bg_sp.webp) no-repeat center/cover;
  opacity: 0.16;
}
@media screen and (min-width: 768px) {
  .p-page-top-founder::before {
    background-image: url(../images/newtop/top/founder_bg_pc.webp);
  }
}

.p-page-top-founder__wrap {
  position: relative;
  display: grid;
  row-gap: calc(40 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-founder__wrap {
    row-gap: calc(48 * var(--design-px));
    grid-template-columns: minmax(0, 640fr) minmax(0, 560fr);
    grid-template-rows: auto auto 1fr;
    column-gap: 6.25%;
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-founder__header {
    grid-column: 1;
  }
}

.p-page-top-founder__label {
  margin-bottom: calc(24 * var(--design-px));
  font-size: calc(16 * var(--design-px));
  color: #fff;
}

.p-page-top-founder-heading {
  font-size: calc(24 * var(--design-px));
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-page-top-founder-heading {
    font-size: calc(40 * var(--design-px));
  }
}

.p-page-top-founder-heading__role {
  display: inline-block;
  font-size: calc(24 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-founder-heading__role {
    font-size: calc(32 * var(--design-px));
  }
}

.p-page-top-founder-heading__name {
  display: inline-block;
  margin-right: calc(11 * var(--design-px));
  font-size: calc(32 * var(--design-px));
  color: #B9AE93;
}
@media screen and (min-width: 768px) {
  .p-page-top-founder-heading__name {
    font-size: calc(40 * var(--design-px));
    margin-right: calc(3 * var(--design-px));
  }
}

.p-page-top-founder-heading__suffix {
  display: inline-block;
  font-size: calc(24 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-founder-heading__suffix {
    font-size: calc(36 * var(--design-px));
  }
}

.p-page-top-founder__imgwrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: calc(8 * var(--design-px));
  aspect-ratio: 358/276;
  margin-inline: calc(-16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-founder__imgwrap {
    gap: calc(24 * var(--design-px));
    grid-column: 2;
    grid-row: 1/4;
    align-self: start;
    grid-template-columns: minmax(0, 276fr) minmax(0, 260fr);
    grid-template-rows: minmax(0, 156fr) minmax(0, 252fr);
    aspect-ratio: 560/432;
    margin-inline: 0;
  }
}

.p-page-top-founder__img {
  border-radius: 4px;
}
@media screen and (min-width: 768px) {
  .p-page-top-founder__img {
    border-radius: 8px;
  }
}
.p-page-top-founder__img {
  background: #89A8BB;
  overflow: hidden;
}

.p-page-top-founder__img--main {
  grid-row: 1/3;
}

.p-page-top-founder__picture {
  display: block;
  height: 100%;
}

.p-page-top-founder__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-page-top-founder__txt {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .p-page-top-founder__txt {
    grid-column: 1;
    line-height: 2;
  }
}

.p-page-top-founder__btn {
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-page-top-founder__btn {
    grid-column: 1;
    align-self: start;
  }
}

.p-page-top-reason {
  padding: calc(80 * var(--design-px)) 0 calc(80 * var(--design-px));
  background: linear-gradient(90deg, transparent 20.5128205128%, rgba(255, 255, 255, 0.64) 20.5128205128%), rgba(255, 255, 255, 0.48);
}
@media screen and (min-width: 768px) {
  .p-page-top-reason {
    padding: calc(148 * var(--design-px)) 0 calc(80 * var(--design-px));
    padding-bottom: calc(76 * var(--design-px));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.48) 31.1111111111%, rgba(255, 255, 255, 0.64) 31.1111111111%);
  }
}

.p-page-top-reason__header {
  position: relative;
}
.p-page-top-reason__header::before {
  content: "";
  position: absolute;
  top: calc(20 * var(--design-px) - 80 * var(--design-px));
  left: 8.5889570552%;
  width: calc(40 * var(--design-px));
  aspect-ratio: 1;
  border-radius: 4px;
  background: rgba(220, 228, 233, 0.32);
}
@media screen and (min-width: 768px) {
  .p-page-top-reason__header::before {
    width: calc(64 * var(--design-px));
    top: calc(84 * var(--design-px) - 148 * var(--design-px));
    left: 26.25%;
  }
}

.p-page-top-reason__txt {
  margin: calc(48 * var(--design-px)) 0 0;
  font-size: calc(16 * var(--design-px));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-page-top-reason__txt {
    margin: calc(64 * var(--design-px)) 0 0;
    font-size: calc(18 * var(--design-px));
    line-height: 2;
  }
}

.p-page-top-reason__content {
  display: flex;
  gap: 6.7039106145%;
  margin: calc(51 * var(--design-px)) 0 0 calc(-32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-reason__content {
    margin: calc(58 * var(--design-px)) 0 0 calc(-32 * var(--design-px));
    gap: 10%;
    margin-left: 0;
  }
}

.p-page-top-reason__imgwrap {
  flex: 120;
  min-width: 0;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-page-top-reason__imgwrap {
    flex: 400;
  }
}

.p-page-top-reason__img {
  flex: 1;
  position: relative;
}

.p-page-top-reason__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-page-top-reason-list {
  flex: 214;
  min-width: 0;
  padding: calc(407 * var(--design-px) - 394 * var(--design-px)) 0;
}
@media screen and (min-width: 768px) {
  .p-page-top-reason-list {
    flex: 752;
    padding: calc(476 * var(--design-px) - 413 * var(--design-px)) 0 calc(1413 * var(--design-px) - 1338 * var(--design-px));
  }
}

.p-page-top-reason-list__item {
  display: grid;
  grid-template-columns: calc(57 * var(--design-px)) 1fr;
  align-items: center;
  gap: calc(16 * var(--design-px)) calc(4 * var(--design-px));
  padding: calc(16 * var(--design-px)) 0;
  counter-increment: reason;
}
@media screen and (min-width: 768px) {
  .p-page-top-reason-list__item {
    display: flex;
    gap: calc(40 * var(--design-px));
    padding: calc(24 * var(--design-px)) 0 calc(16 * var(--design-px));
  }
}

.p-page-top-reason-list__item:not(:last-child) {
  border-bottom: 0.5px solid #B1B1B1;
}

@media screen and (min-width: 768px) {
  .p-page-top-reason-list__item:first-child {
    padding-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-reason-list__item:last-child {
    padding-bottom: 0;
  }
}

.p-page-top-reason-list__num {
  font-family: "Cinzel", serif;
  font-size: calc(48 * var(--design-px));
  font-weight: 400;
  line-height: 1;
  color: #B9AE93;
}
@media screen and (min-width: 768px) {
  .p-page-top-reason-list__num {
    flex-shrink: 0;
    font-size: calc(96 * var(--design-px));
    line-height: 1.4;
  }
}
.p-page-top-reason-list__num::after {
  content: counter(reason, decimal-leading-zero);
}

.p-page-top-reason-list__content {
  display: contents;
}
@media screen and (min-width: 768px) {
  .p-page-top-reason-list__content {
    display: block;
    flex: 1;
    min-width: 0;
    padding-bottom: calc(12 * var(--design-px));
  }
}

.p-page-top-reason-list__heading {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(18 * var(--design-px));
  font-weight: 500;
  line-height: 1.4;
  color: #47586C;
}
@media screen and (min-width: 768px) {
  .p-page-top-reason-list__heading {
    font-size: calc(32 * var(--design-px));
  }
}

.p-page-top-reason-list__txt {
  grid-column: 1/-1;
  margin: 0;
  font-size: calc(14 * var(--design-px));
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-page-top-reason-list__txt {
    font-size: calc(16 * var(--design-px));
    margin-top: calc(16 * var(--design-px));
    line-height: 1.8;
  }
}

.p-page-top-first {
  padding: calc(80 * var(--design-px)) 0;
  background: rgba(249, 249, 249, 0.64);
}
@media screen and (min-width: 768px) {
  .p-page-top-first {
    padding: calc(70 * var(--design-px)) 0 calc(896 * var(--design-px) - 746 * var(--design-px));
  }
}

.p-page-top-first__wrap {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-page-top-first__wrap {
    display: flex;
    gap: 10%;
  }
}
.p-page-top-first__wrap::before {
  content: "";
  position: absolute;
  top: calc(40 * var(--design-px) - 80 * var(--design-px));
  right: 0;
  width: calc(64 * var(--design-px));
  aspect-ratio: 1;
  border-radius: 4px;
  background: rgba(220, 228, 233, 0.56);
}
@media screen and (min-width: 768px) {
  .p-page-top-first__wrap::before {
    top: auto;
    bottom: calc(746 * var(--design-px) - 826 * var(--design-px));
    left: 10%;
    right: auto;
    background: rgba(220, 228, 233, 0.32);
  }
}

.p-page-top-first__header {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-page-top-first__header {
    flex-shrink: 0;
    padding-top: calc(134 * var(--design-px) - 70 * var(--design-px));
  }
}

.p-page-top-first__lead {
  margin-top: calc(24 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-first__lead {
    margin-top: calc(64 * var(--design-px));
  }
}

.p-page-top-first__faqlink {
  display: flex;
  margin-top: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-first__faqlink {
    margin-top: calc(64 * var(--design-px));
  }
}

.p-page-top-first__faqlink .c-btn {
  font-size: calc(16 * var(--design-px));
  color: #47586C;
}

.p-page-top-first__content {
  margin-top: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-first__content {
    flex: 1;
    min-width: 0;
    margin-top: 0;
  }
}

.p-page-top-first__img {
  margin-inline: calc(-16 * var(--design-px));
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-page-top-first__img {
    margin-inline: 0;
  }
}

.p-page-top-first__img img {
  width: 100%;
  aspect-ratio: 358/160;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-page-top-first__img img {
    aspect-ratio: 864/300;
  }
}

.p-page-top-first__heading {
  margin: calc(24 * var(--design-px)) 0 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(24 * var(--design-px));
  font-weight: 500;
  line-height: 1.8;
  color: #47586C;
}
@media screen and (min-width: 768px) {
  .p-page-top-first__heading {
    margin: calc(40 * var(--design-px)) 0 0;
    font-size: calc(28 * var(--design-px));
    padding-inline: calc(24 * var(--design-px));
  }
}

.p-page-top-first__txt {
  margin: calc(24 * var(--design-px)) 0 0;
}
@media screen and (min-width: 768px) {
  .p-page-top-first__txt {
    padding-inline: calc(24 * var(--design-px));
  }
}

.p-page-top-first-actions {
  display: flex;
  gap: calc(149 * var(--design-px) - 135 * var(--design-px));
  margin: calc(40 * var(--design-px)) calc(-16 * var(--design-px)) 0;
}
@media screen and (min-width: 768px) {
  .p-page-top-first-actions {
    flex-wrap: wrap;
    gap: calc(8 * var(--design-px));
    margin-inline: 0;
    padding-inline: calc(24 * var(--design-px));
  }
}

.p-page-top-first-actions__item {
  flex: 1 0 auto;
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-page-top-first-actions__item {
    flex: none;
  }
}

.p-page-top-first-actions-btn {
  flex: 1;
  padding: 0;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-page-top-first-actions-btn {
    padding: 0 calc(24 * var(--design-px));
  }
}

.p-page-top-first-actions-btn--tel {
  gap: calc(8 * var(--design-px));
  font-size: calc(19 * var(--design-px));
  letter-spacing: 0.07em;
}
@media screen and (min-width: 768px) {
  .p-page-top-first-actions-btn--tel {
    width: calc(205 * var(--design-px));
    padding: 0;
  }
}

.p-page-top-access {
  padding: calc(80 * var(--design-px)) 0 calc(80 * var(--design-px));
  background: rgba(249, 249, 249, 0.64);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-page-top-access {
    padding: calc(128 * var(--design-px)) 0 calc(80 * var(--design-px));
    padding-bottom: calc(60 * var(--design-px));
  }
}

@media screen and (min-width: 768px) {
  .p-page-top-access__content {
    display: flex;
    gap: 6.25%;
  }
}

.p-page-top-access__main {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-page-top-access__main {
    flex: 560;
    min-width: 0;
  }
}
.p-page-top-access__main::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(8 * var(--design-px) - 80 * var(--design-px));
  bottom: calc(56 * var(--design-px) / 2);
  left: calc(-24 * var(--design-px));
  right: calc(-24 * var(--design-px));
  background: rgba(255, 255, 255, 0.64);
}
@media screen and (min-width: 768px) {
  .p-page-top-access__main::before {
    top: calc(12 * var(--design-px) - 128 * var(--design-px));
    bottom: calc(12 * var(--design-px) - 60 * var(--design-px));
    left: calc(12 * var(--design-px) - 80 * var(--design-px));
    right: -22.1428571429%;
  }
}
.p-page-top-access__main::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: calc(614 * var(--design-px) - 598 * var(--design-px));
  right: 0;
  width: calc(24 * var(--design-px));
  aspect-ratio: 1;
  border-radius: 4px;
  background: rgba(220, 228, 233, 0.32);
}
@media screen and (min-width: 768px) {
  .p-page-top-access__main::after {
    top: calc(38 * var(--design-px) - 128 * var(--design-px));
    bottom: auto;
    left: 116.4285714286%;
    right: auto;
    width: calc(64 * var(--design-px));
    border-radius: 8px;
  }
}

.p-page-top-access__header {
  margin-bottom: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-access__header {
    margin-bottom: calc(80 * var(--design-px));
  }
}

.p-page-top-access-timetable {
  color: #47586C;
}

.p-page-top-access-timetable table {
  width: 100%;
  border-collapse: collapse;
  line-height: 1;
}

.p-page-top-access-timetable table th,
.p-page-top-access-timetable table td {
  width: 8.282208589%;
  padding: calc(16 * var(--design-px)) 0;
  font-size: calc(15 * var(--design-px));
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-page-top-access-timetable table th,
  .p-page-top-access-timetable table td {
    font-size: calc(16 * var(--design-px));
    width: 8.9285714286%;
  }
}

.p-page-top-access-timetable table th:first-child {
  width: auto;
  padding-right: calc(8 * var(--design-px));
  padding-left: calc(8 * var(--design-px));
  font-size: calc(16 * var(--design-px));
  text-align: left;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-page-top-access-timetable table th:first-child {
    font-size: calc(20 * var(--design-px));
    padding-left: calc(12 * var(--design-px));
  }
}

.p-page-top-access-timetable table thead th {
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .p-page-top-access-timetable table tbody tr:first-child th,
  .p-page-top-access-timetable table tbody tr:first-child td {
    padding-block: calc((48 * var(--design-px) - 20 * var(--design-px)) / 2);
  }
}

.p-page-top-access-timetable table tbody tr:last-child th,
.p-page-top-access-timetable table tbody tr:last-child td {
  padding-bottom: calc(24 * var(--design-px));
  border-bottom: 1px solid #B1B1B1;
}

.p-page-top-access-timetable__note {
  margin: calc(16 * var(--design-px)) 0 0;
  padding-left: calc(8 * var(--design-px));
  font-size: calc(14 * var(--design-px));
  line-height: 1;
  color: #162930;
}
@media screen and (min-width: 768px) {
  .p-page-top-access-timetable__note {
    font-size: calc(16 * var(--design-px));
    padding-left: calc(12 * var(--design-px));
  }
}

.p-page-top-access-info {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--design-px));
  margin-top: calc(32 * var(--design-px));
  padding-inline: calc(8 * var(--design-px));
  font-size: calc(15 * var(--design-px));
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-page-top-access-info {
    margin-top: calc(40 * var(--design-px));
    padding-inline: calc(12 * var(--design-px));
  }
}

.p-page-top-access-info__item {
  display: flex;
  align-items: center;
  gap: calc(16 * var(--design-px));
}

.p-page-top-access-info__icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  width: calc(18 * var(--design-px));
}

.p-page-top-access-info__icon img {
  flex-shrink: 0;
  max-width: none;
  width: auto;
  height: calc(20 * var(--design-px));
}

.p-page-top-access__btn {
  display: flex;
  margin-top: calc(32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-access__btn {
    margin-top: calc(40 * var(--design-px));
    padding-left: calc(12 * var(--design-px));
  }
}

.p-page-top-access__map {
  position: relative;
  margin: calc(48 * var(--design-px)) calc(-16 * var(--design-px)) 0;
}
@media screen and (min-width: 768px) {
  .p-page-top-access__map {
    flex: 640;
    min-width: 0;
    margin: calc(168 * var(--design-px) - 128 * var(--design-px)) 0 0;
  }
}

.p-page-top-access__gmap {
  aspect-ratio: 358/280;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-page-top-access__gmap {
    aspect-ratio: 640/502;
    border-radius: 8px;
  }
}

.p-page-top-access__gmap iframe {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.p-page-top-access__maplink {
  display: flex;
  justify-content: flex-end;
  margin: calc(16 * var(--design-px)) 0 0;
  padding-right: calc(16 * var(--design-px));
}

.p-page-top-access-maplink {
  display: inline-flex;
  align-items: center;
  gap: calc(12 * var(--design-px));
  font-size: calc(14 * var(--design-px));
  line-height: 1;
  color: #47586C;
}

.p-page-top-access-maplink__icon {
  flex-shrink: 0;
  width: calc(15 * var(--design-px));
  line-height: 0;
}

.p-page-top-access-maplink__icon img {
  width: 100%;
}

.p-page-top-access-maplink__txt {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

.p-page-top-instagram {
  padding: calc(64 * var(--design-px)) 0;
  background: rgba(238, 244, 246, 0.64);
}
@media screen and (min-width: 768px) {
  .p-page-top-instagram {
    padding: calc(64 * var(--design-px)) 0 calc(80 * var(--design-px));
  }
}

.p-page-top-instagram__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .p-page-top-instagram__body {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: calc(16 * var(--design-px)) calc(32 * var(--design-px));
    padding-inline: 3.125%;
  }
}

.p-page-top-instagram__heading {
  margin: 0;
  display: flex;
  align-items: center;
  gap: calc(16 * var(--design-px));
  font-family: "Cinzel", serif;
  font-size: calc(32 * var(--design-px));
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.08em;
  color: #968969;
}
@media screen and (min-width: 768px) {
  .p-page-top-instagram__heading {
    margin-right: auto;
  }
}
.p-page-top-instagram__heading::before {
  content: "";
  flex-shrink: 0;
  width: calc(19 * var(--design-px));
  height: calc(12 * var(--design-px));
  background: url(../images/newtop/common/decorate_heading.svg) no-repeat center/contain;
}

.p-page-top-instagram__account {
  margin: calc(24 * var(--design-px)) 0 0;
  line-height: 1.25;
}
@media screen and (min-width: 768px) {
  .p-page-top-instagram__account {
    margin-top: 0;
  }
}

.p-page-top-instagram__content {
  align-self: stretch;
  margin-top: calc(48 * var(--design-px));
  margin-inline: calc(-32 * var(--design-px));
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-page-top-instagram__content {
    order: 1;
    width: 100%;
    margin-top: calc(40 * var(--design-px) - 16 * var(--design-px));
    margin-inline: 0;
  }
}

.p-page-top-instagram-posts {
  display: flex;
  justify-content: center;
  gap: calc(8 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-top-instagram-posts {
    gap: 0.8319467554%;
  }
}

.p-page-top-instagram-posts__item {
  flex: 0 0 calc(160 * var(--design-px));
  aspect-ratio: 1;
  border-radius: 4px;
  background: #D9D9D9;
}
@media screen and (min-width: 768px) {
  .p-page-top-instagram-posts__item {
    flex: 192;
    min-width: 0;
  }
}

.p-page-top-instagram__content #sb_instagram {
  padding: 0 !important;
}

.p-page-top-instagram__content #sb_instagram .sb_instagram_header,
.p-page-top-instagram__content #sb_instagram #sbi_load {
  display: none;
}

.p-page-top-instagram .p-page-top-instagram__content #sb_instagram #sbi_images {
  padding: 0 calc(32 * var(--design-px));
  display: flex;
  gap: calc(8 * var(--design-px)) !important;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: calc(32 * var(--design-px));
  scrollbar-width: none;
}
@media screen and (min-width: 768px) {
  .p-page-top-instagram .p-page-top-instagram__content #sb_instagram #sbi_images {
    padding: 0;
    gap: 0.8319467554% !important;
    overflow: visible;
  }
}

.p-page-top-instagram .p-page-top-instagram__content #sb_instagram #sbi_images .sbi_item {
  flex: 0 0 calc(160 * var(--design-px));
  width: auto;
  border-radius: 4px;
  background: #D9D9D9;
  scroll-snap-align: start;
}
@media screen and (min-width: 768px) {
  .p-page-top-instagram .p-page-top-instagram__content #sb_instagram #sbi_images .sbi_item {
    flex: 192;
    min-width: 0;
  }
}
.p-page-top-instagram .p-page-top-instagram__content #sb_instagram #sbi_images .sbi_item:nth-child(n+7) {
  display: none;
}

.p-page-top-instagram-follow {
  margin-top: calc(48 * var(--design-px));
  display: inline-flex;
  align-items: center;
  gap: calc(16 * var(--design-px));
  min-height: calc(56 * var(--design-px));
  padding: 0 calc(24 * var(--design-px));
  border-radius: 100vh;
  background: #fff;
  color: #47586C;
  font-size: calc(16 * var(--design-px));
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-page-top-instagram-follow {
    margin-top: 0;
  }
}

.p-page-top-instagram-follow__icon {
  flex-shrink: 0;
  width: calc(20 * var(--design-px));
  line-height: 0;
}

.p-page-top-instagram-follow__icon img {
  width: 100%;
}

.p-page-about-intro {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.64);
}

.p-page-about-intro__wrap {
  display: flex;
  flex-direction: column;
  gap: calc(48 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-about-intro__wrap {
    flex-direction: row;
    align-items: center;
    gap: 6.0606060606%;
    margin-right: calc(-40 * var(--design-px));
  }
}

.p-page-about-intro__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-about-intro__content {
    flex: 550;
    min-width: 0;
  }
}

.p-page-about-intro__header {
  align-self: stretch;
}

.p-page-about-intro__lead {
  margin: calc(32 * var(--design-px)) 0 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(20 * var(--design-px));
  font-weight: 400;
  line-height: 1.8;
  color: #47586C;
}
@media screen and (min-width: 768px) {
  .p-page-about-intro__lead {
    margin-top: calc(48 * var(--design-px));
    font-size: calc(24 * var(--design-px));
  }
}

.p-page-about-intro__txt {
  margin: calc(24 * var(--design-px)) 0 0;
  font-size: calc(15 * var(--design-px));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-page-about-intro__txt {
    margin-top: calc(48 * var(--design-px));
  }
}

.p-page-about-intro-list {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: calc(11 * var(--design-px));
}

.p-page-about-intro-list__item {
  display: flex;
  align-items: center;
}

.p-page-about-intro-list__img {
  position: relative;
  flex-shrink: 0;
  width: calc(64 * var(--design-px));
  border-radius: 4px;
  background: #D4DCDF;
  overflow: hidden;
}

.p-page-about-intro-list__photo {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  opacity: 0.08;
}

.p-page-about-intro-list__icon {
  position: absolute;
  inset: 0;
  width: auto;
  height: 62.5%;
  margin: auto;
}

.p-page-about-intro-list__body {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--design-px));
  padding: 0 calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-about-intro-list__body {
    padding: 0 calc(24 * var(--design-px));
  }
}

.p-page-about-intro-list__subheading {
  margin: 0;
  padding: 0 calc(2 * var(--design-px));
  font-family: "Cinzel", serif;
  font-size: calc(10 * var(--design-px));
  font-weight: 400;
  line-height: 1;
  color: #968969;
}

.p-page-about-intro-list__heading {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(17 * var(--design-px));
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-page-about-intro-list__heading {
    font-size: calc(18 * var(--design-px));
  }
}

.p-page-about-intro__photos {
  position: relative;
  isolation: isolate;
  display: flex;
  gap: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-about-intro__photos {
    flex: 690;
    min-width: 0;
    gap: 3.4782608696%;
  }
}
@media screen and (min-width: 768px) {
  .p-page-about-intro__photos::before, .p-page-about-intro__photos::after {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 4px;
  }
}
@media screen and (min-width: 768px) {
  .p-page-about-intro__photos::before {
    top: calc(-84 * var(--design-px));
    left: calc(180 * var(--design-px));
    width: calc(470 * var(--design-px));
    height: calc(672 * var(--design-px));
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.64);
  }
}
@media screen and (min-width: 768px) {
  .p-page-about-intro__photos::after {
    top: calc(-116 * var(--design-px));
    left: calc(212 * var(--design-px));
    width: calc(64 * var(--design-px));
    height: calc(64 * var(--design-px));
    background: rgba(220, 228, 233, 0.32);
  }
}

.p-page-about-intro__photo {
  overflow: hidden;
  border-radius: 4px;
  background: #fff;
}

.p-page-about-intro__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-page-about-intro__photo--01 {
  flex: 360;
  min-width: 0;
  aspect-ratio: 360/480;
}

.p-page-about-intro__photo--02 {
  flex: 306;
  min-width: 0;
  aspect-ratio: 306/480;
}

.p-page-about-concept {
  background: rgba(249, 249, 249, 0.64);
}

.p-page-about-concept-list {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-about-concept-list {
    flex-direction: row;
    gap: 3.125%;
  }
}

.p-page-about-concept-list__item {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--design-px));
  padding: calc(24 * var(--design-px));
  border-top: 1px solid #B1B1B1;
  border-left: 1px solid #B1B1B1;
  border-radius: 4px 0 0 0;
}
@media screen and (min-width: 768px) {
  .p-page-about-concept-list__item {
    flex: 400;
    min-width: 0;
    padding: calc(40 * var(--design-px));
  }
}

.p-page-about-concept-list__header {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--design-px));
}
.p-page-about-concept-list__header::before {
  content: "";
  width: calc(20 * var(--design-px));
  height: 2px;
  background: linear-gradient(90deg, #8F9AA1 50%, #7992A2 50%);
}

.p-page-about-concept-list__name {
  margin: 0;
  display: flex;
  align-items: center;
  gap: calc(14 * var(--design-px));
}

.p-page-about-concept-list__en {
  display: flex;
  align-items: center;
  gap: calc(14 * var(--design-px));
  font-family: "Cinzel", serif;
  font-size: calc(12 * var(--design-px));
  font-weight: 400;
  line-height: 1.4;
  color: #7B9DB2;
}
.p-page-about-concept-list__en::after {
  content: "";
  width: 1px;
  height: calc(16 * var(--design-px));
  background: #89A8BB;
}

.p-page-about-concept-list__ja {
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(28 * var(--design-px));
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-page-about-concept-list__ja {
    font-size: calc(32 * var(--design-px));
  }
}

.p-page-about-concept-list__heading {
  margin: 0;
  display: flex;
  align-items: center;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(22 * var(--design-px));
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-page-about-concept-list__heading {
    min-height: calc(68 * var(--design-px));
    font-size: calc(24 * var(--design-px));
  }
}

.p-page-about-concept-list__txt {
  margin: 0;
  font-size: calc(15 * var(--design-px));
  line-height: 1.8;
}

.p-page-about-reason {
  background: rgba(238, 244, 246, 0.64);
}

.p-page-about-reason-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-about-reason-list {
    grid-template-columns: repeat(3, 1fr);
    gap: calc(17 * var(--design-px)) calc(18 * var(--design-px));
  }
}

.p-page-about-reason-list__item {
  display: flex;
  flex-direction: column;
  gap: calc(20 * var(--design-px));
  padding: calc(12 * var(--design-px)) calc(12 * var(--design-px)) calc(20 * var(--design-px));
  border-top: 1px solid #B1B1B1;
  border-left: 1px solid #B1B1B1;
  border-radius: 4px 0 0 0;
}
@media screen and (min-width: 768px) {
  .p-page-about-reason-list__item {
    gap: calc(24 * var(--design-px));
    padding: calc(16 * var(--design-px)) calc(16 * var(--design-px)) calc(24 * var(--design-px));
  }
}

.p-page-about-reason-list__img {
  overflow: hidden;
  border-radius: 4px;
  background: #7992A2;
  aspect-ratio: 382/200;
}

.p-page-about-reason-list__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-page-about-reason-list__body {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--design-px));
  padding: 0 calc(8 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-about-reason-list__body {
    padding: 0 calc(16 * var(--design-px));
  }
}

.p-page-about-reason-list__heading {
  margin: 0;
  display: flex;
  align-items: center;
  gap: calc(12 * var(--design-px));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(20 * var(--design-px));
  font-weight: 500;
  line-height: 1.4;
  color: #47586C;
}
@media screen and (min-width: 768px) {
  .p-page-about-reason-list__heading {
    font-size: calc(22 * var(--design-px));
  }
}

.p-page-about-reason-list__num {
  flex-shrink: 0;
  font-family: "Cinzel", serif;
  font-size: calc(40 * var(--design-px));
  font-weight: 400;
  line-height: 1;
  color: #B9AE93;
}
@media screen and (min-width: 768px) {
  .p-page-about-reason-list__num {
    font-size: calc(48 * var(--design-px));
  }
}

.p-page-about-reason-list__txt {
  margin: 0;
  font-size: calc(15 * var(--design-px));
  line-height: 1.6;
}

.p-page-about-equipment {
  background: rgba(249, 249, 249, 0.64);
}

.p-page-about-quality {
  background: rgba(238, 244, 246, 0.64);
}

.p-page-about-quality__small {
  font-size: 0.8em;
}

.p-page-about-quality__txt {
  margin: 0 0 calc(32 * var(--design-px));
  font-size: calc(16 * var(--design-px));
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-page-about-quality__txt {
    margin-bottom: calc(64 * var(--design-px));
    font-size: calc(18 * var(--design-px));
  }
}

.p-page-about-photo {
  background: rgba(245, 245, 245, 0.64);
}

.p-page-staff-doctors {
  background: rgba(255, 255, 255, 0.64);
}

.p-page-staff-doctors-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(10 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-staff-doctors-list {
    grid-template-columns: repeat(5, 1fr);
  }
}

.p-page-staff-doctors-list__item {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--design-px));
  padding: calc(8 * var(--design-px) - 1px) calc(8 * var(--design-px)) calc(12 * var(--design-px)) calc(8 * var(--design-px) - 1px);
  border-top: 1px solid #B1B1B1;
  border-left: 1px solid #B1B1B1;
  border-radius: 4px 0 0 0;
}
@media screen and (min-width: 768px) {
  .p-page-staff-doctors-list__item {
    gap: calc(16 * var(--design-px));
    padding: calc(12 * var(--design-px) - 1px) calc(12 * var(--design-px)) calc(16 * var(--design-px)) calc(12 * var(--design-px) - 1px);
  }
}

.p-page-staff-doctors-list__img {
  overflow: hidden;
  border-radius: 4px;
  background: #47586C;
  aspect-ratio: 1/1;
}

.p-page-staff-doctors-list__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-page-staff-doctors-list__body {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--design-px));
  line-height: 1.5;
}

.p-page-staff-doctors-list__role {
  margin: 0;
  font-size: calc(13 * var(--design-px));
  color: #A1A8AA;
}
@media screen and (min-width: 768px) {
  .p-page-staff-doctors-list__role {
    font-size: calc(14 * var(--design-px));
  }
}

.p-page-staff-doctors-list__name {
  margin: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(16 * var(--design-px));
  font-weight: 500;
}

.p-page-guidance-info {
  background: rgba(245, 245, 245, 0.64);
}
@media screen and (min-width: 768px) {
  .p-page-guidance-info {
    padding-bottom: calc(45 * var(--design-px));
  }
}

.p-page-guidance-info__row {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-guidance-info__row {
    flex-direction: row;
    gap: 5%;
  }
}

.p-page-guidance-info__photo {
  overflow: hidden;
  border-radius: 4px;
  background: #fff;
  aspect-ratio: 640/429;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-info__photo {
    width: 50%;
  }
}

.p-page-guidance-info__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-page-guidance-info-table {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--design-px));
  padding: calc(16 * var(--design-px));
  border-top: 0.5px solid #B1B1B1;
  border-left: 0.5px solid #B1B1B1;
  border-radius: 4px 0 0 0;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-info-table {
    width: 43.75%;
    gap: calc(16 * var(--design-px));
    padding: calc(32 * var(--design-px));
  }
}

.p-page-guidance-info-table__row {
  display: flex;
  gap: calc(16 * var(--design-px));
  padding: calc(16 * var(--design-px)) calc(8 * var(--design-px));
  border-bottom: 0.5px solid #B1B1B1;
}
.p-page-guidance-info-table__row:last-child {
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-info-table__row {
    padding: calc(16 * var(--design-px));
  }
}

.p-page-guidance-info-table__term {
  flex-shrink: 0;
  width: calc(64 * var(--design-px));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(15 * var(--design-px));
  font-weight: 600;
  line-height: 1.6;
  color: #47586C;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-info-table__term {
    line-height: 1;
  }
}

.p-page-guidance-info-table__desc {
  margin: 0;
  font-size: calc(15 * var(--design-px));
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-info-table__desc {
    line-height: 1;
  }
}

.p-page-guidance-schedule {
  margin-top: calc(40 * var(--design-px));
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-guidance-schedule {
    margin-top: calc(64 * var(--design-px));
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.p-page-guidance-schedule__box {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--design-px));
  padding: calc(12 * var(--design-px));
  border-top: 0.5px solid #B1B1B1;
  border-left: 0.5px solid #B1B1B1;
  border-radius: 4px 0 0 0;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-schedule__box {
    width: 43.75%;
    padding: calc(32 * var(--design-px));
  }
}

.p-page-guidance-schedule-table {
  display: block;
  border-collapse: collapse;
  color: #47586C;
}

.p-page-guidance-schedule-table thead,
.p-page-guidance-schedule-table tbody {
  display: block;
}

.p-page-guidance-schedule-table__row {
  display: flex;
  align-items: center;
  gap: calc(8 * var(--design-px));
  padding: calc(20 * var(--design-px)) calc(8 * var(--design-px));
}
.p-page-guidance-schedule-table__row:last-child {
  border-bottom: 0.5px solid #B1B1B1;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-schedule-table__row {
    gap: calc(28 * var(--design-px));
    padding: calc(24 * var(--design-px)) calc(16 * var(--design-px));
  }
}

.p-page-guidance-schedule-table__head {
  margin-right: auto;
  padding: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(14 * var(--design-px));
  font-weight: 600;
  line-height: 1;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-schedule-table__head {
    font-size: calc(16 * var(--design-px));
  }
}

.p-page-guidance-schedule-table__head--title {
  font-size: calc(17 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-guidance-schedule-table__head--title {
    font-size: calc(20 * var(--design-px));
  }
}

.p-page-guidance-schedule-table__cell {
  flex-shrink: 0;
  width: calc(16 * var(--design-px));
  padding: 0;
  font-size: calc(14 * var(--design-px));
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-schedule-table__cell {
    font-size: calc(16 * var(--design-px));
  }
}

.p-page-guidance-schedule__note {
  margin: 0;
  padding: 0 calc(8 * var(--design-px));
  font-size: calc(14 * var(--design-px));
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-schedule__note {
    padding: 0 calc(16 * var(--design-px));
  }
}

.p-page-guidance-schedule__photos {
  display: flex;
  gap: 2.5%;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-schedule__photos {
    width: 50%;
  }
}

.p-page-guidance-schedule__photo {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  border-radius: 4px;
  background: #fff;
  aspect-ratio: 312/326;
}

.p-page-guidance-schedule__photo--short {
  aspect-ratio: 312/270;
}

.p-page-guidance-schedule__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-page-guidance-access {
  background: rgba(249, 249, 249, 0.64);
}

.p-page-guidance-access__row {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-guidance-access__row {
    flex-direction: row;
    gap: 5%;
  }
}

.p-page-guidance-access__map {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-guidance-access__map {
    flex: 640;
    min-width: 0;
  }
}

.p-page-guidance-access__gmap {
  align-self: stretch;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  aspect-ratio: 640/502;
}

.p-page-guidance-access__gmap iframe {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.p-page-guidance-access__maplink {
  display: inline-flex;
  align-items: center;
  gap: calc(12 * var(--design-px));
  padding-right: calc(16 * var(--design-px));
  color: #47586C;
  font-size: calc(14 * var(--design-px));
  line-height: 1;
}

.p-page-guidance-access__maplink img {
  width: calc(15 * var(--design-px));
}

.p-page-guidance-access__maptxt {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .p-page-guidance-access__info {
    flex: 576;
    min-width: 0;
  }
}

.p-page-guidance-access__block {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--design-px));
  padding-bottom: calc(24 * var(--design-px));
  border-bottom: 0.5px solid #B1B1B1;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-access__block {
    gap: calc(32 * var(--design-px));
  }
}

.p-page-guidance-access__block--route {
  margin-top: calc(32 * var(--design-px));
  padding-bottom: calc(32 * var(--design-px));
  border-bottom: 0;
}

.p-page-guidance-access__heading {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(22 * var(--design-px));
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-access__heading {
    font-size: calc(24 * var(--design-px));
  }
}

.p-page-guidance-access__txt {
  margin: 0;
  font-size: calc(14 * var(--design-px));
  line-height: 1.8;
}

.p-page-guidance-access-route {
  display: flex;
  justify-content: space-between;
}

.p-page-guidance-access-route__item {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--design-px));
  width: 30.9027777778%;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-access-route__item {
    gap: calc(16 * var(--design-px));
  }
}

.p-page-guidance-access-route__img {
  overflow: hidden;
  border-radius: 4px;
  aspect-ratio: 178/120;
}

.p-page-guidance-access-route__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-page-guidance-access-route__txt {
  margin: 0;
  font-size: calc(12 * var(--design-px));
  line-height: 1.6;
}

.p-page-guidance-access-note {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--design-px));
  padding: calc(16 * var(--design-px));
  border-radius: 4px;
  background: rgba(249, 249, 249, 0.9);
}

.p-page-guidance-access-note__heading {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(17 * var(--design-px));
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-access-note__heading {
    font-size: calc(18 * var(--design-px));
    line-height: 1;
  }
}

.p-page-guidance-access-note__txt {
  margin: 0;
  font-size: calc(12 * var(--design-px));
  line-height: 1.6;
}

.p-page-guidance-parking {
  background: rgba(245, 245, 245, 0.64);
}

.p-page-guidance-parking__row {
  display: flex;
  flex-direction: column;
  gap: calc(32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-guidance-parking__row {
    flex-direction: row;
    align-items: center;
    gap: 5%;
  }
}

.p-page-guidance-parking__body {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-guidance-parking__body {
    flex: 576;
    min-width: 0;
    gap: calc(32 * var(--design-px));
  }
}

.p-page-guidance-parking__heading {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(22 * var(--design-px));
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-parking__heading {
    font-size: calc(24 * var(--design-px));
    line-height: 1;
  }
}

.p-page-guidance-parking__txt {
  margin: 0;
  font-size: calc(14 * var(--design-px));
  line-height: 1.8;
}

.p-page-guidance-parking__photos {
  display: flex;
  gap: 2.5%;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-parking__photos {
    flex: 640;
    min-width: 0;
  }
}

.p-page-guidance-parking__photo {
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}

.p-page-guidance-parking__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-page-guidance-parking__photo--map {
  flex: 344;
  min-width: 0;
  aspect-ratio: 344/277;
}

.p-page-guidance-parking__photo--building {
  flex: 280;
  min-width: 0;
  aspect-ratio: 280/277;
}

.p-page-guidance-first {
  padding: calc(64 * var(--design-px)) 0 calc(120 * var(--design-px));
  background: rgba(255, 255, 255, 0.64);
}
@media screen and (min-width: 768px) {
  .p-page-guidance-first {
    padding: calc(80 * var(--design-px)) 0 calc(189 * var(--design-px));
  }
}

.p-page-guidance-payment {
  padding: calc(64 * var(--design-px)) 0;
  background: rgba(245, 245, 245, 0.72);
}

.p-page-guidance-payment__row {
  display: flex;
  flex-direction: column;
  gap: calc(56 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-guidance-payment__row {
    flex-direction: row;
    gap: 0;
  }
}

.p-page-guidance-payment__col {
  display: flex;
  flex-direction: column;
  gap: calc(32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-guidance-payment__col {
    flex: 1;
    min-width: 0;
    gap: calc(40 * var(--design-px));
    padding: 0 calc(32 * var(--design-px));
  }
}

.p-page-guidance-payment__col--mynumber {
  gap: calc(32 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-guidance-payment__col--mynumber {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 0 calc(64 * var(--design-px));
  }
}

.p-page-guidance-payment__box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(16 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-guidance-payment__box {
    width: 95.4861111111%;
  }
}

@media screen and (min-width: 768px) {
  .p-page-guidance-payment__box--mynumber {
    width: 52.0833333333%;
  }
}

.p-page-guidance-payment__header {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--design-px));
}
.p-page-guidance-payment__header::before {
  content: "";
  width: calc(20 * var(--design-px));
  height: 2px;
  background: linear-gradient(90deg, #47586C 50%, #162930 50%);
}

.p-page-guidance-payment__header--light::before {
  background: linear-gradient(90deg, #8F9AA1 50%, #7992A2 50%);
}

.p-page-guidance-payment__heading {
  margin: 0;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(24 * var(--design-px));
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-payment__heading {
    font-size: calc(28 * var(--design-px));
  }
}

.p-page-guidance-payment__subheading {
  margin: 0;
  font-family: "Cinzel", serif;
  font-size: calc(14 * var(--design-px));
  font-weight: 400;
  line-height: 1.4;
  color: #968969;
}

.p-page-guidance-payment__txt {
  margin: 0;
  font-size: calc(15 * var(--design-px));
  line-height: 1.8;
}

.p-page-guidance-payment__link {
  margin-top: calc(16 * var(--design-px));
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--design-px));
  padding-bottom: calc(8 * var(--design-px));
  border-bottom: 1px solid #162930;
  font-size: calc(16 * var(--design-px));
  line-height: 1;
}

.p-page-guidance-payment__link .c-btn__arrow {
  background: #162930;
  color: #fff;
}

.p-page-guidance-payment-logos {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: calc(5 * var(--design-px));
}
@media screen and (min-width: 768px) {
  .p-page-guidance-payment-logos {
    width: 90.2777777778%;
    gap: calc(12 * var(--design-px)) calc(8 * var(--design-px));
  }
}

.p-page-guidance-payment-logos__item {
  line-height: 0;
}

.p-page-guidance-payment-logos__item img {
  width: 100%;
}

.p-page-guidance-payment__photo {
  width: calc(232 * var(--design-px));
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  aspect-ratio: 232/244;
}
@media screen and (min-width: 768px) {
  .p-page-guidance-payment__photo {
    width: 40.2777777778%;
  }
}

.p-page-guidance-payment__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.u-left {
  text-align: left;
}

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

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

@media screen and (min-width: 768px) {
  .u-pc-left {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .u-pc-center {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .u-pc-right {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-left {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-center {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .u-sp-right {
    text-align: right;
  }
}
.is-primary {
  color: #2B3D59 !important;
}

.is-secondary {
  color: #4769A0 !important;
}

.is-base {
  color: #2B2B2B !important;
}

.is-bodybg {
  color: #F5F5F5 !important;
}

.is-link {
  color: #000 !important;
}

.is-black {
  color: #000 !important;
}

.is-white {
  color: #fff !important;
}

.is-gray {
  color: #EDF0F4 !important;
}

.is-gray2 {
  color: #F9F9F9 !important;
}

.is-gray3 {
  color: #5C6266 !important;
}

.is-blue {
  color: #7B9DB2 !important;
}

.is-blue2 {
  color: #8F9AA1 !important;
}

.is-blue3 {
  color: #7992A2 !important;
}

.is-blue4 {
  color: #89A8BB !important;
}

.is-blue5 {
  color: #7E8DA7 !important;
}

.is-blue6 {
  color: #809AC1 !important;
}

.is-blue7 {
  color: #1D2B42 !important;
}

.is-blue8 {
  color: #5173AA !important;
}

.is-blue9 {
  color: #657FA8 !important;
}

.is-red {
  color: #e61d47 !important;
}

.is-beige {
  color: #f9f0dc !important;
}

.is-bg-primary {
  background-color: #2B3D59 !important;
}

.is-bg-secondary {
  background-color: #4769A0 !important;
}

.is-bg-base {
  background-color: #2B2B2B !important;
}

.is-bg-bodybg {
  background-color: #F5F5F5 !important;
}

.is-bg-link {
  background-color: #000 !important;
}

.is-bg-black {
  background-color: #000 !important;
}

.is-bg-white {
  background-color: #fff !important;
}

.is-bg-gray {
  background-color: #EDF0F4 !important;
}

.is-bg-gray2 {
  background-color: #F9F9F9 !important;
}

.is-bg-gray3 {
  background-color: #5C6266 !important;
}

.is-bg-blue {
  background-color: #7B9DB2 !important;
}

.is-bg-blue2 {
  background-color: #8F9AA1 !important;
}

.is-bg-blue3 {
  background-color: #7992A2 !important;
}

.is-bg-blue4 {
  background-color: #89A8BB !important;
}

.is-bg-blue5 {
  background-color: #7E8DA7 !important;
}

.is-bg-blue6 {
  background-color: #809AC1 !important;
}

.is-bg-blue7 {
  background-color: #1D2B42 !important;
}

.is-bg-blue8 {
  background-color: #5173AA !important;
}

.is-bg-blue9 {
  background-color: #657FA8 !important;
}

.is-bg-red {
  background-color: #e61d47 !important;
}

.is-bg-beige {
  background-color: #f9f0dc !important;
}

.u-fz15-18 {
  font-size: clamp(1.5rem, 1.875vw, 1.8rem);
}

.u-fz20-28 {
  font-size: clamp(2rem, 2.9166666667vw, 2.8rem);
}

.u-lh1 {
  line-height: 1;
}

.u-lh11 {
  line-height: 1.1;
}

.u-lh12 {
  line-height: 1.2;
}

.u-lh13 {
  line-height: 1.3;
}

.u-lh14 {
  line-height: 1.4;
}

.u-lh15 {
  line-height: 1.5;
}

.u-lh16 {
  line-height: 1.6;
}

.u-lh17 {
  line-height: 1.7;
}

.u-lh18 {
  line-height: 1.8;
}

.u-lh19 {
  line-height: 1.9;
}

.u-lh2 {
  line-height: 2;
}

.u-lh21 {
  line-height: 2.1;
}

.u-lh22 {
  line-height: 2.2;
}

.u-lh23 {
  line-height: 2.3;
}

.u-lh24 {
  line-height: 2.4;
}

.u-m0 {
  margin: 0 !important;
}

.u-mt0 {
  margin-top: 0 !important;
}

.u-mr0 {
  margin-right: 0 !important;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-ml0 {
  margin-left: 0 !important;
}

.u-m-inline-auto {
  margin-inline: auto;
}

.u-mt20 {
  margin-top: 20px;
}

.u-mb10 {
  margin-bottom: 10px;
}

.u-mb16-32 {
  margin-bottom: min(4.2666666667vw, 32px);
}

.u-mb20 {
  margin-bottom: 20px;
}

.u-mb40-80 {
  margin-bottom: min(10.6666666667vw, 80px);
}

.u-scroll-animation {
  transition: all 0.5s ease-out;
  opacity: 0;
  transform: translateY(80px);
}

.u-scroll-animation.is-show {
  opacity: 1;
  transform: translateY(0);
}

.u-indent {
  padding-left: 1em;
  text-indent: -1em;
}

.u-db {
  display: block;
}

.u-pc-db, .u-pc-dib {
  display: none;
}

@media screen and (min-width: 768px) {
  .u-pc-db {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .u-pc-dib {
    display: inline-block;
  }
}
.u-sp-db {
  display: block;
}

@media screen and (min-width: 768px) {
  .u-sp-db {
    display: none;
  }
}
.u-sp-dib {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .u-sp-dib {
    display: none;
  }
}

/* Blog archive: use the logo only when no featured image is assigned. */
.p-blog-card__img--no-thumbnail {
    position: relative;
}
.p-blog-card__img--no-thumbnail::before,
.p-page-top-blog-list__img--no-thumbnail::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #617790;
    opacity: 1;
    z-index: 1;
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url('../images/newtop/lower/blog_noimage.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.p-page-top-blog-list__img--no-thumbnail {
    position: relative;
    aspect-ratio: 325/217;
    background: #8F9AA1;
}
@media screen and (min-width: 768px) {
    .p-page-top-blog-list__img--no-thumbnail {
        aspect-ratio: 361/222;
    }
}

/* Clinic blog follow buttons match the area TOP footer. */
.p-follow.p-follow--clinic {
  position: fixed;
  right: 8px;
  bottom: 8px;
  left: 8px;
  z-index: 80;
  display: flex;
  gap: 4px;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media screen and (min-width: 768px) {
  .p-follow.p-follow--clinic {
    right: 16px;
    bottom: 16px;
    left: auto;
    gap: 8px;
  }
}

.p-follow--clinic .p-follow__btn {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 48px;
  border-radius: 24px;
  background: #3F6CB4;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: #FFFFFF;
  white-space: nowrap;
}
.p-follow--clinic .p-follow__btn::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background: no-repeat center/contain;
}
@media screen and (min-width: 768px) {
  .p-follow--clinic .p-follow__btn {
    flex: none;
    gap: 8px;
    width: 176px;
    height: 56px;
    border-radius: 28px;
    font-size: 16px;
  }
  .p-follow--clinic .p-follow__btn::before {
    width: 20px;
    height: 20px;
  }
}

.p-follow--clinic .p-follow__btn--reserve::before {
  background-image: url("../images/corporate/icon_calendar.svg");
}

.p-follow--clinic .p-follow__btn { box-shadow: 0 0 0 1px rgba(255, 255, 255, .6); }
.p-follow--clinic .p-follow__btn--tel { background-color: #47586C; }
.p-follow--clinic .p-follow__btn--reserve { background-color: #C8961A; }
@media (max-width: 400px) {
  .p-follow--clinic .p-follow__btn { font-size: 12px; letter-spacing: 0; }
  .p-follow--clinic .p-follow__btn--reserve { flex-grow: 1.2; }
}

/* 下部「ご相談・ご予約」：予約色とカレンダー1個の表示を統一。 */
.p-lower-cv__btnwrap > .c-btn--cta {
  background-color: #C8961A;
}
.p-lower-cv__btnwrap > .c-btn--cta::before {
  content: none;
}