@charset "UTF-8";
/**
 * Pressance Theme - Main Stylesheet
 */
/* text colors */
.text-black {
  color: #000000;
}

.text-white {
  color: #FFFFFF;
}

.text-blue {
  color: #013A72;
}

.text-blue-dark {
  color: #0F132A;
}

.text-blue-light {
  color: #35597C;
}

.text-blue-lighter {
  color: #287FC7;
}

/* background colors */
.bg-black {
  background-color: #000000;
}

.bg-white {
  background-color: #FFFFFF;
}

.bg-blue {
  background-color: #013A72;
}

.bg-blue-dark {
  background-color: #0F132A;
}

.bg-blue-light {
  background-color: #35597C;
}

.bg-blue-lighter {
  background-color: #287FC7;
}

.bg-gray {
  background-color: #8898A7;
}

.bg-yellow {
  background-color: #F6E236;
}

.bg-orange {
  background-color: #FFC81F;
}

/* border colors */
.border-black {
  border-color: #000000;
}

.border-white {
  border-color: #FFFFFF;
}

.border-blue {
  border-color: #013A72;
}

.border-blue-dark {
  border-color: #0F132A;
}

.border-blue-light {
  border-color: #35597C;
}

.border-blue-lighter {
  border-color: #287FC7;
}

.border-gray {
  border-color: #8898A7;
}

.border-yellow {
  border-color: #F6E236;
}

.border-orange {
  border-color: #FFC81F;
}

.border-none {
  border: none !important;
}

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

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}
@media (min-width: 768px) {
  html {
    scroll-padding-top: 100px;
  }
}

body {
  margin: 0;
  padding: 0;
}

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

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

html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 1rem;
  line-height: 1.7;
  color: #000000;
  background-color: #ffffff;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.5em;
  line-height: 1.4;
}

p {
  margin: 0 0 1em;
}

sup {
  font-size: 75%;
  line-height: 1;
  vertical-align: super;
}

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

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

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

.text-align-justify {
  text-align: justify !important;
}

.font-style-italic {
  font-style: italic !important;
}

.font-style-normal {
  font-style: normal !important;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.l-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 0;
  padding-inline: 0;
  height: 50px;
  background-color: transparent;
  transition: background-color 0.6s ease;
  border-bottom: 1px solid #013A72;
}
@media (min-width: 992px) {
  .l-header__inner {
    padding-inline: 24px;
    height: 100px;
    border-width: 2px;
  }
}
.l-header__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 102;
}
.l-header__main-tel {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
@media (min-width: 992px) {
  .l-header__main-tel {
    gap: 24px;
  }
}
.l-header__main-tel-time {
  font-size: 0.875rem;
  line-height: 1.4;
  display: none;
}
.l-header__main-tel-time dt,
.l-header__main-tel-time dd {
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .l-header__main-tel-time {
    display: flex;
  }
}
.l-header__main-tel-link {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #013A72;
  text-decoration: none;
}
.l-header__main-tel-link .icon-tel {
  font-size: 80%;
  margin-top: 2px;
}
@media (min-width: 992px) {
  .l-header__main-tel-link {
    font-size: 40px;
  }
}
.l-header__main-tel-link-img {
  width: 140px;
  height: auto;
}
@media (min-width: 992px) {
  .l-header__main-tel-link-img {
    width: 280px;
  }
}
.l-header__logo {
  position: relative;
  z-index: 102;
  padding-left: 20px;
}
@media (min-width: 992px) {
  .l-header__logo {
    padding-left: 0;
  }
}
.l-header__logo a {
  display: block;
  line-height: 0;
}
.l-header__logo img {
  display: block;
  width: 120px;
  height: auto;
}
@media (min-width: 992px) {
  .l-header__logo img {
    width: 244px;
  }
}
.l-header__toggle {
  position: relative;
  z-index: 102;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background-color: #013A72;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .l-header__toggle:hover {
    background-color: #0F132A;
  }
}
@media (min-width: 992px) {
  .l-header__toggle {
    width: 60px;
    height: 60px;
  }
}
.l-header__toggle-inner {
  display: block;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 33%;
  position: relative;
}
.l-header__toggle-bar {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
  border-radius: 1px;
  transition: transform 0.3s ease, opacity 0.3s ease, width 0.3s ease;
  transform-origin: center;
  position: absolute;
  left: 0;
}
.l-header__toggle-bar:nth-child(1) {
  top: 0;
}
.l-header__toggle-bar:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.l-header__toggle-bar:nth-child(3) {
  bottom: 0;
}
.l-header__overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  background-color: rgba(15, 19, 42, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  cursor: pointer;
}
.l-header__nav {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  -webkit-overflow-scrolling: touch;
}
.l-header__nav-inner {
  width: 100%;
  padding-top: 50px;
  background-color: #ffffff;
  box-shadow: -4px 0 24px rgba(15, 19, 42, 0.12);
}
@media (min-width: 992px) {
  .l-header__nav-inner {
    padding-top: 100px;
  }
}
.l-header__nav-content {
  border-top: 2px solid #013A72;
  padding-block: 24px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .l-header__nav-content {
    font-size: 15px;
    padding-block: 40px;
  }
}
.l-header__nav-content .l-container {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .l-header__nav-content .l-container {
    flex-wrap: nowrap;
  }
}
.l-header__nav-sitemap {
  width: 100%;
  display: contents;
}
@media (min-width: 992px) {
  .l-header__nav-sitemap {
    display: block;
    width: auto;
    flex: 1;
    padding-right: 24px;
    border-right: 2px solid #013A72;
    align-self: auto;
    display: flex;
    flex-wrap: wrap;
  }
}
.l-header__nav-gallery {
  margin-top: 24px;
  width: 100%;
}
@media (min-width: 992px) {
  .l-header__nav-gallery {
    margin-top: 0;
    padding-left: 24px;
    width: 40%;
  }
}
.l-header__nav-gallery-title {
  font-size: 1.075em;
  line-height: 1.5;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .l-header__nav-gallery .gallery-search .link {
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
  }
  .l-header__nav-gallery .gallery-search .link .link-text {
    padding-bottom: 0 !important;
  }
  .l-header__nav-gallery .gallery-search .link .link-text::after {
    display: none;
  }
  .l-header__nav-gallery .gallery-search .link .link-text .default {
    display: none;
  }
  .l-header__nav-gallery .gallery-search .link .link-text .header-sp {
    display: block !important;
  }
  .l-header__nav-gallery .gallery-search .link .link-icon img {
    width: auto;
    height: 3em;
  }
}
.l-header__nav-sitemap-primary {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .l-header__nav-sitemap-primary {
    flex-direction: row;
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .l-header__nav-sitemap-primary {
    gap: 20px;
  }
}
.l-header__nav-sitemap-secondary {
  margin-top: 24px;
  width: 100%;
  order: 2;
}
@media (min-width: 992px) {
  .l-header__nav-sitemap-secondary {
    margin-top: 32px;
    order: unset;
    align-self: flex-end;
  }
}
.l-header__nav-sitemap-secondary ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.l-header__nav-sitemap-secondary ul li {
  margin: 0;
  padding: 0;
  line-height: 1.25;
}
.l-header__nav-sitemap-secondary ul li:not(:last-child) {
  padding-right: 1.5em;
  margin-right: 1.5em;
  border-right: 1px solid #013A72;
}
.l-header__nav-sitemap-secondary ul li a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  transition: all 0.3s ease;
}
.l-header__nav-sitemap-secondary ul li a:hover {
  color: #35597C;
  font-weight: 500;
}
.l-header__menu {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 992px) {
  .l-header__menu {
    gap: 16px;
  }
}
.l-header__menu li {
  margin: 0;
  padding: 0;
}
.l-header__menu li a {
  display: block;
  padding: 8px 0 8px 2em;
  line-height: 1.25;
  position: relative;
  transition: all 0.3s ease;
}
.l-header__menu li a:hover {
  color: #35597C;
  font-weight: 500;
}
.l-header__menu li a::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 1.25em;
  height: 1.25em;
  background-color: #013A72;
  border-radius: 100%;
}
.l-header__nav-sitemap {
  flex: 1;
}
.l-header .button-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .l-header .button-list {
    flex-wrap: nowrap;
    gap: 12px;
    margin-top: 32px;
    align-self: flex-end;
  }
}
.l-header .button-list .nav-sitemap-button {
  flex: 1;
}
.l-header .button-list .nav-sitemap-button:nth-child(1) {
  width: 100%;
  flex: none;
}
@media (min-width: 768px) {
  .l-header .button-list .nav-sitemap-button:nth-child(1) {
    width: auto;
    flex: 1;
  }
}
.l-header .button-list .nav-sitemap-button a {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 60px;
  padding: 8px 14px 8px 12px;
  border: 1px solid currentColor;
  border-radius: 10px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  transition: all 0.3s ease;
}
.l-header .button-list .nav-sitemap-button a:hover {
  background-color: #013A72;
  border-color: #013A72;
  color: #fff;
}
@media (min-width: 768px) {
  .l-header .button-list .nav-sitemap-button a {
    height: 85px;
    padding: 8px 24px 8px 16px;
  }
}
.l-header .button-list .nav-sitemap-button a .btn-right {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
}
@media (min-width: 768px) {
  .l-header .button-list .nav-sitemap-button a .btn-right {
    right: 16px;
  }
}
.l-header .c-page-header__inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

body.is-scrolled .c-page-header__inner {
  opacity: 1;
  visibility: visible;
}

html.is-nav-open .l-header__overlay {
  opacity: 1;
  visibility: visible;
}
html.is-nav-open .l-header__nav {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}
html.is-nav-open .l-header__toggle-bar:nth-child(1) {
  transform: rotate(45deg);
  top: unset;
}
html.is-nav-open .l-header__toggle-bar:nth-child(2) {
  opacity: 0;
}
html.is-nav-open .l-header__toggle-bar:nth-child(3) {
  transform: rotate(-45deg);
  bottom: unset;
}

/* wpadminbarが有効の時の調整 */
body.admin-bar .l-header,
body.admin-bar .l-header__nav {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar .l-header,
  body.admin-bar .l-header__nav {
    top: 46px;
  }
}

.icon {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon-arrow-left {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-left.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-left.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon-arrow-right {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon-arrow-top {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-top.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-top.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
@media (min-width: 768px) {
  .icon-arrow-top {
    width: 18px;
    height: 18px;
  }
}

.icon-arrow-bottom {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-bottom.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-bottom.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon-location {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-location.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-location.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon-access {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-access.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-access.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon-building_age {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-building_age.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-building_age.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon-building_floors {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-building_floors.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-building_floors.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon-total_units {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-total_units.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-total_units.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon-search {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-search.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-search.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon-close {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-close.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-close.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon-external {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-external.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-external.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon-tel {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-tel.png");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-tel.png");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon-circle-check {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/circle-check-solid-full.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/circle-check-solid-full.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

/* footer-cta */
.footer-cta {
  background-color: #0F132A;
}
@media (min-width: 768px) {
  .footer-cta__inner > .footer-cta__button {
    display: none;
  }
}
.footer-cta__box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 16px;
  max-width: 1000px;
  margin: 0 auto;
  padding: 16px;
  background-color: #fff;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .footer-cta__box {
    flex-wrap: nowrap;
    gap: 32px;
    padding: 32px;
  }
}
@media (min-width: 992px) {
  .footer-cta__box {
    gap: 40px;
    padding: 40px;
  }
}
.footer-cta__image {
  width: 100px;
}
@media (min-width: 768px) {
  .footer-cta__image {
    width: 30%;
  }
}
.footer-cta__image img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 100%;
}
.footer-cta__content {
  display: contents;
}
@media (min-width: 768px) {
  .footer-cta__content {
    display: block;
    flex: 1;
  }
}
.footer-cta__content .footer-cta__button {
  display: none;
}
@media (min-width: 768px) {
  .footer-cta__content .footer-cta__button {
    display: block;
  }
}
.footer-cta__title {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  margin: 0;
  width: 100%;
  order: -1;
}
@media (min-width: 768px) {
  .footer-cta__title {
    order: 0;
    width: auto;
    font-size: 2.5rem;
    text-align: left;
    margin-bottom: 16px;
  }
}
.footer-cta__description {
  flex: 1;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}
@media (min-width: 768px) {
  .footer-cta__description {
    font-size: 1.125rem;
    margin-bottom: 24px;
  }
}
.footer-cta__button {
  margin-top: 16px;
  /* inquiry-gift-box */
}
.footer-cta__button .cta-button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 16px;
  background-color: #FFFFFF;
  border: 1px solid #0F132A;
  border-radius: 99999px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
}
@media (min-width: 768px) {
  .footer-cta__button .cta-button {
    padding: 24px 24px;
  }
}
.footer-cta__button .cta-button:hover {
  background-color: #013A72;
  color: #FFFFFF;
}
.footer-cta__button .cta-button::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
.footer-cta__button .inquiry-gift-tips {
  margin-bottom: 12px;
  text-align: center;
}
@media (min-width: 768px) {
  .footer-cta__button .inquiry-gift-tips {
    margin-bottom: 16px;
  }
}
.footer-cta__button .inquiry-gift-tips .inquiry-gift-tips-inner {
  position: relative;
  display: inline-block;
  background-color: #F15252;
  padding: 4px 16px;
  border-radius: 99999px;
  color: #fff;
  font-size: 0.75em;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
}
@media (min-width: 768px) {
  .footer-cta__button .inquiry-gift-tips .inquiry-gift-tips-inner {
    padding: 8px 24px;
    font-size: 1em;
  }
}
.footer-cta__button .inquiry-gift-tips .inquiry-gift-tips-inner::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px;
  border-style: solid;
  border-color: #F15252 transparent transparent transparent;
}

@media (max-width: 767px) {
  .footer-main .footer-info .footer-logo {
    text-align: center;
  }
  .footer-main .footer-info .footer-logo img {
    width: 260px;
  }
  .footer-main .footer-info .footer-tel {
    text-align: center;
    margin-top: 24px;
  }
  .footer-main .footer-info .footer-tel p {
    margin: 0;
  }
  .footer-main .footer-info .footer-tel p a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
  }
  .footer-main .footer-info .footer-tel p a .icon-tel {
    font-size: 80%;
    margin-top: 6px;
  }
  .footer-main .footer-info .footer-address {
    display: flex;
    margin-top: 24px;
    font-size: 0.925rem;
  }
  .footer-main .footer-info .footer-address label {
    display: block;
    padding: 12px 12px 12px 0;
    margin-right: 12px;
    border-right: 1px solid #000000;
  }
  .footer-main .footer-info .footer-address p {
    margin: 0;
  }
  .footer-main .footer-nav {
    margin-top: 24px;
  }
  .footer-main .footer-nav .footer-nav__menu {
    list-style: none;
    margin-block: 0;
    margin-inline: -20px;
    padding: 0;
  }
  .footer-main .footer-nav .footer-nav__menu li a {
    display: block;
    padding: 16px 20px;
    background-color: #e5e5e5;
    border-bottom: 1px solid #aaaaaa;
    font-size: 1rem;
    line-height: 1.5;
  }
  .footer-main .footer-nav .footer-nav__menu li:first-child a {
    border-top: 1px solid #aaaaaa;
  }
  .footer-main .footer-company {
    margin-top: 24px;
  }
  .footer-main .footer-company label {
    display: block;
    padding: 0 12px 12px 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #000000;
  }
  .footer-main .footer-company .footer-company__name {
    font-weight: 500;
    margin-bottom: 8px;
    padding-left: 12px;
  }
  .footer-main .footer-company .footer-company__address {
    margin-bottom: 0;
    padding-left: 12px;
  }
  .footer-bottom {
    background-color: #0F132A;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 80px;
  }
  .footer-bottom .footer-bottom__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
  }
  .footer-bottom .footer-bottom__menu li a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    text-decoration: none;
  }
  .footer-bottom .footer-copyright {
    font-size: 0.925rem;
    text-align: center;
    margin: 24px 0;
  }
}
@media (min-width: 768px) {
  .footer-main {
    font-size: 0.925rem;
  }
  .footer-main .footer-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 60px;
  }
  .footer-main .footer-info .footer-logo img {
    width: 250px;
  }
  .footer-main .footer-info .footer-tel {
    text-align: center;
  }
  .footer-main .footer-info .footer-tel p {
    margin: 0;
  }
  .footer-main .footer-info .footer-tel p a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
  }
  .footer-main .footer-info .footer-tel p a .icon-tel {
    font-size: 80%;
    margin-top: 6px;
  }
  .footer-main .footer-info .footer-address {
    display: flex;
    align-items: center;
  }
  .footer-main .footer-info .footer-address label {
    display: block;
    padding: 12px 12px 12px 0;
    margin-right: 12px;
    border-right: 1px solid #000000;
  }
  .footer-main .footer-info .footer-address p {
    margin: 0;
  }
  .footer-main .footer-nav {
    display: flex;
    justify-content: space-between;
    margin-top: 48px;
  }
  .footer-main .footer-nav .footer-nav__nav {
    flex: 1;
  }
  .footer-main .footer-nav .footer-nav__nav .footer-nav__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    column-count: 3;
    column-gap: 24px;
  }
  .footer-main .footer-nav .footer-nav__nav .footer-nav__menu li {
    margin-bottom: 24px;
  }
  .footer-main .footer-nav .footer-nav__nav .footer-nav__menu li a {
    display: block;
    font-size: 0.925rem;
    line-height: 1.5;
    text-decoration: none;
    transition: all 0.3s ease;
  }
  .footer-main .footer-nav .footer-nav__nav .footer-nav__menu li a:hover {
    color: #35597C;
    font-weight: 500;
  }
  .footer-main .footer-nav .footer-company label {
    display: block;
    padding: 0 0 8px;
    margin: 0 0 8px;
    border-bottom: 1px solid #000000;
  }
  .footer-main .footer-nav .footer-company .footer-company__name {
    font-weight: 500;
    margin-bottom: 6px;
  }
  .footer-main .footer-nav .footer-company .footer-company__address {
    margin-bottom: 0;
  }
  .footer-bottom {
    background-color: #0F132A;
    color: #fff;
    font-size: 0.925rem;
    line-height: 1.5;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .footer-bottom .footer-bottom__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer-bottom .footer-bottom__inner .footer-bottom__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 40px;
  }
  .footer-bottom .footer-bottom__inner .footer-bottom__menu li a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: opacity 0.3s ease;
  }
  .footer-bottom .footer-bottom__inner .footer-bottom__menu li a:hover {
    opacity: 0.8;
  }
  .footer-bottom .footer-bottom__inner .footer-copyright {
    margin: 0;
  }
}
/* floating-button */
.floating-button {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
}
.floating-button .floating-button__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 2px;
}
.floating-button .floating-button__list .floating-button__item {
  flex: 1;
  text-align: center;
}
.floating-button .floating-button__list .floating-button__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  width: 100%;
  height: 50px;
  border-radius: 24px 24px 0 0;
  background-color: #fff;
  color: #000000;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  position: relative;
}
.floating-button .floating-button__list .floating-button__item a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
@media (hover: hover) {
  .floating-button .floating-button__list .floating-button__item a {
    transition: all 0.3s ease;
  }
  .floating-button .floating-button__list .floating-button__item a:hover {
    opacity: 0.8;
  }
}
.floating-button .floating-button__list .floating-button__item.item-inquiry {
  position: relative;
  /* inquiry-gift-box */
}
.floating-button .floating-button__list .floating-button__item.item-inquiry a {
  background-color: #000000;
  color: #fff;
}
.floating-button .floating-button__list .floating-button__item.item-inquiry .inquiry-gift-tips {
  margin-bottom: -8px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.floating-button .floating-button__list .floating-button__item.item-inquiry .inquiry-gift-tips .inquiry-gift-tips-inner {
  position: relative;
  display: inline-block;
  background-color: #c32222;
  padding: 2px 6px;
  border-radius: 8px;
  color: #fff;
  font-size: 11px;
  line-height: 1.25;
  text-align: center;
  font-weight: 500;
}
.floating-button .floating-button__list .floating-button__item.item-inquiry .inquiry-gift-tips .inquiry-gift-tips-inner::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: #c32222 transparent transparent transparent;
}
.floating-button .floating-button__list .floating-button__item.item-seminar a {
  background-color: #F6E236;
}
.floating-button .floating-button__list .floating-button__item.item-ebook {
  display: none;
}
@media (min-width: 992px) {
  .floating-button {
    left: auto;
    right: 0;
    top: 140px;
    bottom: auto;
  }
  .floating-button .floating-button__list {
    flex-direction: column;
    gap: 8px;
  }
  .floating-button .floating-button__list .floating-button__item .inquiry-gift-tips {
    display: none;
  }
  .floating-button .floating-button__list .floating-button__item a {
    width: 54px;
    height: auto;
    padding: 24px 18px 48px 18px;
    border-radius: 24px 0 0 24px;
    font-size: 16px;
    line-height: 1.125;
    letter-spacing: 0;
  }
  .floating-button .floating-button__list .floating-button__item a .item-text {
    display: inline-block;
    width: 1em;
  }
  .floating-button .floating-button__list .floating-button__item a .item-text .text-rotate {
    display: inline-block;
    transform: rotate(90deg);
  }
  .floating-button .floating-button__list .floating-button__item a::before {
    top: auto;
    bottom: 16px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .floating-button .floating-button__list .floating-button__item.item-ebook {
    display: block;
  }
  .floating-button .floating-button__list .floating-button__item.item-ebook a {
    border: 1px solid #000000;
    border-right: none;
  }
}

body.is-scrolled .floating-button {
  opacity: 1;
  visibility: visible;
}

.l-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
}
.l-wrapper .l-header {
  flex-shrink: 0;
}
.l-wrapper .l-main {
  flex-grow: 1;
}
.l-wrapper .l-footer {
  flex-shrink: 0;
}

.l-container {
  max-width: 1360px;
  margin-inline: auto;
  padding-inline: 20px;
}
@media (min-width: 768px) {
  .l-container {
    padding-inline: 40px;
  }
}

@media (max-width: 767px) {
  .pc {
    display: none;
  }
}
@media (min-width: 768px) {
  .sp {
    display: none;
  }
}
/* display */
.display-none {
  display: none;
}

.display-block {
  display: block;
}

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

.display-inline {
  display: inline;
}

.display-flex {
  display: flex;
}

.display-inline-flex {
  display: inline-flex;
}

.display-grid {
  display: grid;
}

.display-inline-grid {
  display: inline-grid;
}

/* wordpress */
.wp-block-group.alignfull {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: none;
}
.wp-block-group.alignfull > .wp-block-group__inner-container {
  max-width: 1360px;
  margin-inline: auto;
  padding-inline: 20px;
}
@media (min-width: 768px) {
  .wp-block-group.alignfull > .wp-block-group__inner-container {
    padding-inline: 40px;
  }
}

.c-archive-header {
  margin-bottom: 40px;
  padding-bottom: 24px;
  border-bottom: 2px solid #0F132A;
}
.c-archive-header__title {
  font-size: 1.75rem;
  color: #0F132A;
}
.c-archive-header__description {
  margin-top: 12px;
  color: #666666;
}

.c-breadcrumb {
  padding-block: 8px;
}
.c-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.8125rem;
  line-height: 1.5;
}
.c-breadcrumb__item {
  color: #666666;
}
.c-breadcrumb__separator {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: #b0b8c4;
}
.c-breadcrumb__separator-icon {
  display: block;
}
.c-breadcrumb__link {
  color: #666666;
  text-decoration: none;
}
.c-breadcrumb__link:hover {
  color: #0F132A;
  text-decoration: underline;
}
.c-breadcrumb__current {
  color: #000000;
}

.c-no-posts {
  text-align: center;
  padding: 60px 20px;
  color: #666666;
}

/**
 * Pressance Theme - Main Stylesheet
 */
/**
 * Form
 */
.l-main input[type=text],
.l-main input[type=number],
.l-main input[type=tel],
.l-main input[type=email],
.l-main input[type=url],
.l-main input[type=password],
.l-main input[type=search],
.l-main input[type=url],
.l-main select,
.l-main textarea,
.l-main .smf-textarea-control__control,
.smf-form input[type=text],
.smf-form input[type=number],
.smf-form input[type=tel],
.smf-form input[type=email],
.smf-form input[type=url],
.smf-form input[type=password],
.smf-form input[type=search],
.smf-form input[type=url],
.smf-form select,
.smf-form textarea,
.smf-form .smf-textarea-control__control {
  width: 100%;
  padding: 12px 16px;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 6px;
  font: inherit;
  line-height: 1.5;
  outline: none;
}
@media (min-width: 768px) {
  .l-main input[type=text],
  .l-main input[type=number],
  .l-main input[type=tel],
  .l-main input[type=email],
  .l-main input[type=url],
  .l-main input[type=password],
  .l-main input[type=search],
  .l-main input[type=url],
  .l-main select,
  .l-main textarea,
  .l-main .smf-textarea-control__control,
  .smf-form input[type=text],
  .smf-form input[type=number],
  .smf-form input[type=tel],
  .smf-form input[type=email],
  .smf-form input[type=url],
  .smf-form input[type=password],
  .smf-form input[type=search],
  .smf-form input[type=url],
  .smf-form select,
  .smf-form textarea,
  .smf-form .smf-textarea-control__control {
    border-radius: 10px;
  }
}
.l-main input[type=text]:focus,
.l-main input[type=number]:focus,
.l-main input[type=tel]:focus,
.l-main input[type=email]:focus,
.l-main input[type=url]:focus,
.l-main input[type=password]:focus,
.l-main input[type=search]:focus,
.l-main input[type=url]:focus,
.l-main select:focus,
.l-main textarea:focus,
.l-main .smf-textarea-control__control:focus,
.smf-form input[type=text]:focus,
.smf-form input[type=number]:focus,
.smf-form input[type=tel]:focus,
.smf-form input[type=email]:focus,
.smf-form input[type=url]:focus,
.smf-form input[type=password]:focus,
.smf-form input[type=search]:focus,
.smf-form input[type=url]:focus,
.smf-form select:focus,
.smf-form textarea:focus,
.smf-form .smf-textarea-control__control:focus {
  border-color: #013A72;
  outline: none;
}
.l-main input[type=text]:-webkit-autofill,
.l-main input[type=number]:-webkit-autofill,
.l-main input[type=tel]:-webkit-autofill,
.l-main input[type=email]:-webkit-autofill,
.l-main input[type=url]:-webkit-autofill,
.l-main input[type=password]:-webkit-autofill,
.l-main input[type=search]:-webkit-autofill,
.l-main input[type=url]:-webkit-autofill,
.l-main select:-webkit-autofill,
.l-main textarea:-webkit-autofill,
.l-main .smf-textarea-control__control:-webkit-autofill,
.smf-form input[type=text]:-webkit-autofill,
.smf-form input[type=number]:-webkit-autofill,
.smf-form input[type=tel]:-webkit-autofill,
.smf-form input[type=email]:-webkit-autofill,
.smf-form input[type=url]:-webkit-autofill,
.smf-form input[type=password]:-webkit-autofill,
.smf-form input[type=search]:-webkit-autofill,
.smf-form input[type=url]:-webkit-autofill,
.smf-form select:-webkit-autofill,
.smf-form textarea:-webkit-autofill,
.smf-form .smf-textarea-control__control:-webkit-autofill {
  box-shadow: 0 0 0px 100px #FFFFFF inset;
}
.l-main input::placeholder,
.smf-form input::placeholder {
  font: inherit;
  color: #c8c8c8;
}
.l-main select,
.smf-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" /></svg>');
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 1em 1em;
  padding-right: 2.5em !important;
}
.l-main button,
.smf-form button {
  font: inherit;
}

/*** snow-monkey-forms ***/
.snow-monkey-form {
  margin: auto;
  max-width: 900px;
}
.snow-monkey-form .smf-progress-tracker {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .snow-monkey-form .smf-progress-tracker {
    margin-bottom: 80px;
  }
}
.snow-monkey-form .smf-form .wp-block-separator {
  border-top: 1px solid #35597C;
  width: 100%;
}
.snow-monkey-form .smf-form .smf-item {
  padding: 8px 0;
}
@media (min-width: 640px) {
  .snow-monkey-form .smf-form .smf-item {
    align-items: center;
  }
}
.snow-monkey-form .smf-form .smf-item .smf-item__col--label {
  padding-bottom: 4px;
}
@media (min-width: 640px) {
  .snow-monkey-form .smf-form .smf-item .smf-item__col--label {
    padding-bottom: 0;
    padding-right: 16px;
    flex: 0 0 280px;
    max-width: 280px;
  }
}
.snow-monkey-form .smf-form .smf-item .smf-item__col--label .smf-item__label {
  display: flex;
  justify-content: space-between;
  gap: 0.5em;
  align-items: center;
}
@media (min-width: 640px) {
  .snow-monkey-form .smf-form .smf-item .smf-item__col--label .smf-item__label {
    justify-content: space-between;
  }
}
.snow-monkey-form .smf-form .smf-item .smf-item__col--label .smf-item__label .smf-item__label__text {
  font-weight: 500;
}
@media (min-width: 640px) {
  .snow-monkey-form .smf-form .smf-item .smf-item__col--label .smf-item__label .smf-item__label__text {
    flex: 1;
  }
}
@media (max-width: 639px) {
  .snow-monkey-form .smf-form .smf-item .smf-item__col--label .smf-item__label .smf-item__label__text br {
    display: none;
  }
}
.snow-monkey-form .smf-form .smf-item .smf-item__col--label .smf-item__label:after {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25em 0.65em;
  border-radius: 9999px;
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  color: #FFFFFF;
  background: #35597C;
  color: #FFFFFF;
  background: #000000;
  border: 3px solid rgba(0, 0, 0, 0.5);
  margin-left: 1em;
}
@media (min-width: 640px) {
  .snow-monkey-form .smf-form .smf-item .smf-item__col--controls {
    flex: 1 1 calc(100% - 280px);
    max-width: calc(100% - 280px);
  }
}
.snow-monkey-form .smf-form .smf-item:has([data-validations~=required]) .smf-item__label::after {
  content: "必須";
}
.snow-monkey-form .smf-form .smf-item:not(:has([data-validations~=required])) .smf-item__label::after {
  content: "任意";
  color: #013A72;
  background: #FFFFFF;
  border-color: rgba(1, 58, 114, 0.5);
}
.snow-monkey-form .smf-action {
  margin-top: 30px;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 24px;
}
@media (min-width: 768px) {
  .snow-monkey-form .smf-action {
    margin-top: 40px;
  }
}
.snow-monkey-form .smf-action .smf-button-control {
  flex: 1;
  width: calc((100% - 24px) / 2);
  margin: 0;
}
.snow-monkey-form .smf-action .smf-button-control__control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 300px;
  max-width: 100%;
  padding: 0.875em 1em;
  background: #FFC81F;
  border: none;
  border-radius: 9999px;
  outline: none;
  color: #FFFFFF;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.5;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .snow-monkey-form .smf-action .smf-button-control__control {
    width: 420px;
    font-size: 1.25em;
  }
}
@media (hover: hover) {
  .snow-monkey-form .smf-action .smf-button-control__control {
    cursor: pointer;
  }
  .snow-monkey-form .smf-action .smf-button-control__control:hover {
    color: #FFFFFF;
    opacity: 0.8;
  }
}
.snow-monkey-form .smf-action .smf-button-control__control[disabled] {
  background: #000000;
  color: #FFFFFF;
  cursor: not-allowed;
}
.snow-monkey-form .smf-action .smf-button-control__control[data-action=back] {
  background: #8898A7;
}
.snow-monkey-form .gallery-confirm-box {
  display: none;
}
.snow-monkey-form .gallery-message-box {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 24px 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .snow-monkey-form .gallery-message-box {
    padding: 40px 24px;
    margin-bottom: 40px;
  }
}
.snow-monkey-form .gallery-message-box .text-name-gallery {
  font-weight: 500;
  margin: 0;
}
.snow-monkey-form .gallery-message-box .text-caution {
  color: #cc3033;
  margin: 0.5em 0 0;
}
.snow-monkey-form[data-screen=confirm] {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
@media (min-width: 768px) {
  .snow-monkey-form[data-screen=confirm] {
    padding: 40px;
  }
}
.snow-monkey-form[data-screen=confirm] .gallery-confirm-box {
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid #013A72;
}
@media (min-width: 768px) {
  .snow-monkey-form[data-screen=confirm] .gallery-confirm-box {
    padding-bottom: 30px;
  }
}
.snow-monkey-form[data-screen=confirm] .gallery-confirm-box p {
  margin: 0 0 0.5em;
}
.snow-monkey-form[data-screen=confirm] .gallery-message-box {
  box-shadow: none;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #013A72;
}
@media (min-width: 768px) {
  .snow-monkey-form[data-screen=confirm] .gallery-message-box {
    padding: 24px 24px;
  }
}
.smf-form .smf-select-control {
  width: 100%;
}
.smf-form .smf-select-control .smf-select-control__toggle {
  display: none;
}

/*** snow-monkey-forms & turnstile ***/
.snow-monkey-form {
  display: flex;
  flex-direction: column;
  /*** 完了画面 ***/
}
.snow-monkey-form .smf-action {
  order: 2;
}
.snow-monkey-form[data-screen=complete] .snow-monkey-forms-turnstile {
  display: none;
}

.snow-monkey-forms-turnstile--position\:after {
  margin-top: 60px !important;
  margin-bottom: 40px !important;
  text-align: center;
}

.snow-monkey-forms-turnstile--position\:after > div {
  display: inline-grid;
}

.form-progress-tracker {
  display: flex;
  justify-content: center;
  list-style-type: none;
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.form-progress-tracker li {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.form-progress-tracker li::before {
  content: "";
  display: block;
  height: 0.2em;
  position: absolute;
  left: 0;
  right: 50%;
  top: 1em;
  background-color: #c1c1c1;
}
.form-progress-tracker li::after {
  content: "";
  display: block;
  height: 0.2em;
  position: absolute;
  left: 50%;
  right: 0;
  top: 1em;
  background-color: #000000;
}
.form-progress-tracker li .form-progress-tracker-item-number {
  align-items: center;
  background-color: #000000;
  border-radius: 100%;
  color: #FFFFFF;
  display: flex;
  font-size: 1.13em;
  font-weight: bold;
  width: 2em;
  height: 2em;
  justify-content: center;
  letter-spacing: 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.form-progress-tracker li .form-progress-tracker-item-text {
  font-size: 0.88em;
  color: inherit;
  margin-top: 0.5em;
}
.form-progress-tracker li.form-progress-tracker-item--complete:after, .form-progress-tracker li.form-progress-tracker-item--input:before {
  display: none;
}

[data-screen=back] .form-progress-tracker-item--input .form-progress-tracker-item-number,
[data-screen=complete] .form-progress-tracker-item--complete .form-progress-tracker-item-number,
[data-screen=confirm] .form-progress-tracker-item--confirm .form-progress-tracker-item-number,
[data-screen=input] .form-progress-tracker-item--input .form-progress-tracker-item-number,
[data-screen=invalid] .form-progress-tracker-item--input .form-progress-tracker-item-number {
  background-color: #35597C;
}

[data-screen=confirm] .label-badge {
  display: none;
}

.file-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1em;
  position: relative;
  width: 100%;
  border: 2px dashed #dadada;
  padding: 1.5rem;
}
.file-control > label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1em;
  outline: none;
  position: relative;
}
.file-control .file-control-control {
  display: none;
}
.file-control .file-control-label {
  font-size: 0.88em;
  padding: 0.5em 1em;
  background: rgb(238, 238, 238);
  background: linear-gradient(0deg, rgb(238, 238, 238) 0%, rgb(255, 255, 255) 100%);
  border: 1px solid #cccccc;
  border-radius: 0.25em;
}
@media (hover: hover) {
  .file-control .file-control-label {
    transition: opacity 0.3s ease-in-out;
  }
  .file-control .file-control-label:hover {
    cursor: pointer;
    opacity: 0.8;
  }
}
.file-control .file-control-filename {
  font-size: 0.88em;
}
.file-control .file-control-clear {
  display: none;
  align-items: center;
  gap: 0.2em;
  font-size: 0.88em;
  font-weight: 500;
}
@media (hover: hover) {
  .file-control .file-control-clear {
    transition: opacity 0.3s ease-in-out;
  }
  .file-control .file-control-clear:hover {
    cursor: pointer;
    opacity: 0.8;
  }
}
.file-control .file-control-clear::before {
  content: "";
  display: inline-block;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23000" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  width: 1em;
  height: 1em;
  background-color: currentColor;
}
.file-control .file-control-filename--no-file {
  display: inline-block;
}
.file-control .file-control-filename--has-file {
  display: none;
}
.file-control.file-control--set .file-control-clear {
  display: inline-flex;
}
.file-control.file-control--set .file-control-filename--no-file {
  display: none;
}
.file-control.file-control--set .file-control-filename--has-file {
  display: inline-block;
}
.file-control + .file-control {
  margin-top: 2rem;
}

.file-control-group {
  margin-top: 2rem;
  position: relative;
}
.file-control-group .remove-file-group {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate3d(50%, -50%, 0);
  border: none;
  font-size: 2.5rem;
  color: #737373;
  display: inline-block;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  width: 1em;
  height: 1em;
  background-color: currentColor;
}

#add-file-button {
  font-size: 0.75em;
  padding: 0.25em 1em;
  background: #35597C;
  border: 1px solid #35597C;
  border-radius: 0.25em;
  margin-top: 2rem;
  color: #FFF;
}
@media (hover: hover) {
  #add-file-button {
    transition: opacity 0.3s ease-in-out;
  }
  #add-file-button:hover {
    cursor: pointer;
    opacity: 0.8;
  }
}

.error-msg {
  display: block;
  color: #c21818;
  font-size: 0.9em;
  margin-top: 0.5em;
}

/*** 条件分岐 ***/
.form-group.branch {
  display: none;
}

.form-group.branch.active {
  display: flex;
}

/* カレンダー */
input.datepicker,
input.month-year-input {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 30"><path fill="%23000" d="M13.5,16.5h-3v3h3Zm6,0h-3v3h3Zm6,0h-3v3h3ZM28.5,6H27V3H24V6H12V3H9V6H7.5A2.986,2.986,0,0,0,4.515,9L4.5,30a3,3,0,0,0,3,3h21a3.009,3.009,0,0,0,3-3V9A3.009,3.009,0,0,0,28.5,6Zm0,24H7.5V13.5h21" transform="translate(-4.5 -3)" /></svg>');
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 18px 20px;
}

/* form-text */
/* チェックボックス・ラジオボタン */
.form-checkbox-group,
.form-radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.form-checkbox-group.vertical,
.form-radio-group.vertical {
  flex-direction: column;
  gap: 1rem;
}

.form-checkbox-field,
.form-radio-field,
.smf-checkbox-control,
.smf-radio-button-control {
  cursor: pointer;
}
.form-checkbox-field input[type=checkbox],
.form-checkbox-field input[type=radio],
.form-radio-field input[type=checkbox],
.form-radio-field input[type=radio],
.smf-checkbox-control input[type=checkbox],
.smf-checkbox-control input[type=radio],
.smf-radio-button-control input[type=checkbox],
.smf-radio-button-control input[type=radio] {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
.form-checkbox-field .form-checkbox-field-text,
.form-checkbox-field .form-radio-field-text,
.form-checkbox-field .smf-checkbox-control__label,
.form-checkbox-field .smf-radio-button-control__label,
.form-radio-field .form-checkbox-field-text,
.form-radio-field .form-radio-field-text,
.form-radio-field .smf-checkbox-control__label,
.form-radio-field .smf-radio-button-control__label,
.smf-checkbox-control .form-checkbox-field-text,
.smf-checkbox-control .form-radio-field-text,
.smf-checkbox-control .smf-checkbox-control__label,
.smf-checkbox-control .smf-radio-button-control__label,
.smf-radio-button-control .form-checkbox-field-text,
.smf-radio-button-control .form-radio-field-text,
.smf-radio-button-control .smf-checkbox-control__label,
.smf-radio-button-control .smf-radio-button-control__label {
  padding-left: 2em;
  box-sizing: border-box;
  width: auto;
  line-height: 1.3;
  position: relative;
}
.form-checkbox-field .form-checkbox-field-text::before,
.form-checkbox-field .smf-checkbox-control__label::before,
.form-radio-field .form-checkbox-field-text::before,
.form-radio-field .smf-checkbox-control__label::before,
.smf-checkbox-control .form-checkbox-field-text::before,
.smf-checkbox-control .smf-checkbox-control__label::before,
.smf-radio-button-control .form-checkbox-field-text::before,
.smf-radio-button-control .smf-checkbox-control__label::before {
  content: "";
  display: block;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 8px;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: border 0.3s ease-in-out;
}
.form-checkbox-field .form-checkbox-field-text::after,
.form-checkbox-field .smf-checkbox-control__label::after,
.form-radio-field .form-checkbox-field-text::after,
.form-radio-field .smf-checkbox-control__label::after,
.smf-checkbox-control .form-checkbox-field-text::after,
.smf-checkbox-control .smf-checkbox-control__label::after,
.smf-radio-button-control .form-checkbox-field-text::after,
.smf-radio-button-control .smf-checkbox-control__label::after {
  content: "";
  display: block;
  border-right: 0.2em solid #35597C;
  border-bottom: 0.2em solid #35597C;
  width: 0.5em;
  height: 1em;
  left: 0.5em;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(45deg) translate3d(0, 2px, 0) scale3d(0.7, 0.7, 1);
  opacity: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.form-checkbox-field input[type=checkbox]:checked + .form-checkbox-field-text::before,
.form-checkbox-field input[type=checkbox]:checked + .smf-checkbox-control__label::before,
.form-radio-field input[type=checkbox]:checked + .form-checkbox-field-text::before,
.form-radio-field input[type=checkbox]:checked + .smf-checkbox-control__label::before,
.smf-checkbox-control input[type=checkbox]:checked + .form-checkbox-field-text::before,
.smf-checkbox-control input[type=checkbox]:checked + .smf-checkbox-control__label::before,
.smf-radio-button-control input[type=checkbox]:checked + .form-checkbox-field-text::before,
.smf-radio-button-control input[type=checkbox]:checked + .smf-checkbox-control__label::before {
  background: #FFFFFF;
  border-color: #35597C;
}
.form-checkbox-field input[type=checkbox]:checked + .form-checkbox-field-text::after,
.form-checkbox-field input[type=checkbox]:checked + .smf-checkbox-control__label::after,
.form-radio-field input[type=checkbox]:checked + .form-checkbox-field-text::after,
.form-radio-field input[type=checkbox]:checked + .smf-checkbox-control__label::after,
.smf-checkbox-control input[type=checkbox]:checked + .form-checkbox-field-text::after,
.smf-checkbox-control input[type=checkbox]:checked + .smf-checkbox-control__label::after,
.smf-radio-button-control input[type=checkbox]:checked + .form-checkbox-field-text::after,
.smf-radio-button-control input[type=checkbox]:checked + .smf-checkbox-control__label::after {
  opacity: 1;
  transform: rotate(45deg) scale3d(1, 1, 1);
}
.form-checkbox-field .form-radio-field-text::before,
.form-checkbox-field .smf-radio-button-control__label::before,
.form-radio-field .form-radio-field-text::before,
.form-radio-field .smf-radio-button-control__label::before,
.smf-checkbox-control .form-radio-field-text::before,
.smf-checkbox-control .smf-radio-button-control__label::before,
.smf-radio-button-control .form-radio-field-text::before,
.smf-radio-button-control .smf-radio-button-control__label::before {
  content: "";
  display: block;
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 100%;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: border 0.3s ease-in-out;
}
.form-checkbox-field .form-radio-field-text::after,
.form-checkbox-field .smf-radio-button-control__label::after,
.form-radio-field .form-radio-field-text::after,
.form-radio-field .smf-radio-button-control__label::after,
.smf-checkbox-control .form-radio-field-text::after,
.smf-checkbox-control .smf-radio-button-control__label::after,
.smf-radio-button-control .form-radio-field-text::after,
.smf-radio-button-control .smf-radio-button-control__label::after {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-color: #35597C;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: scale3d(0, 0, 1);
  opacity: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.form-checkbox-field input[type=radio]:checked + .form-radio-field-text::before,
.form-checkbox-field input[type=radio]:checked + .smf-radio-button-control__label::before,
.form-radio-field input[type=radio]:checked + .form-radio-field-text::before,
.form-radio-field input[type=radio]:checked + .smf-radio-button-control__label::before,
.smf-checkbox-control input[type=radio]:checked + .form-radio-field-text::before,
.smf-checkbox-control input[type=radio]:checked + .smf-radio-button-control__label::before,
.smf-radio-button-control input[type=radio]:checked + .form-radio-field-text::before,
.smf-radio-button-control input[type=radio]:checked + .smf-radio-button-control__label::before {
  background: #FFFFFF;
  border-color: #35597C;
}
.form-checkbox-field input[type=radio]:checked + .form-radio-field-text::after,
.form-checkbox-field input[type=radio]:checked + .smf-radio-button-control__label::after,
.form-radio-field input[type=radio]:checked + .form-radio-field-text::after,
.form-radio-field input[type=radio]:checked + .smf-radio-button-control__label::after,
.smf-checkbox-control input[type=radio]:checked + .form-radio-field-text::after,
.smf-checkbox-control input[type=radio]:checked + .smf-radio-button-control__label::after,
.smf-radio-button-control input[type=radio]:checked + .form-radio-field-text::after,
.smf-radio-button-control input[type=radio]:checked + .smf-radio-button-control__label::after {
  opacity: 1;
  transform: scale3d(0.6, 0.6, 1);
}

.smf-placeholder[data-name=agree] {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .smf-placeholder[data-name=agree] {
    margin-top: 40px;
  }
}

/*** 個別相談 ***/
.form-inquiry .smf-item .smf-radio-buttons-control__control,
.form-inquiry .smf-item .smf-checkboxes-control__control {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
@media (min-width: 768px) {
  .form-inquiry .smf-item .smf-radio-buttons-control__control,
  .form-inquiry .smf-item .smf-checkboxes-control__control {
    grid-template-columns: repeat(2, 1fr);
  }
}
.form-inquiry .smf-item .smf-radio-buttons-control__control .smf-label label,
.form-inquiry .smf-item .smf-checkboxes-control__control .smf-label label {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5em;
  border: 1px solid #000000;
  padding: 4px 16px;
  min-height: 40px;
  border-radius: 8px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .form-inquiry .smf-item .smf-radio-buttons-control__control .smf-label label,
  .form-inquiry .smf-item .smf-checkboxes-control__control .smf-label label {
    min-height: 48px;
  }
}
.form-inquiry .smf-item .smf-radio-buttons-control__control .smf-label label:has(.smf-radio-button-control__control:checked,
.smf-checkbox-control__control:checked),
.form-inquiry .smf-item .smf-checkboxes-control__control .smf-label label:has(.smf-radio-button-control__control:checked,
.smf-checkbox-control__control:checked) {
  background-color: #35597C;
  color: #FFF;
}
.form-inquiry .smf-item .smf-radio-buttons-control__control .smf-label label .form-checkbox-field,
.form-inquiry .smf-item .smf-radio-buttons-control__control .smf-label label .form-radio-field,
.form-inquiry .smf-item .smf-radio-buttons-control__control .smf-label label .smf-checkbox-control,
.form-inquiry .smf-item .smf-radio-buttons-control__control .smf-label label .smf-radio-button-control,
.form-inquiry .smf-item .smf-checkboxes-control__control .smf-label label .form-checkbox-field,
.form-inquiry .smf-item .smf-checkboxes-control__control .smf-label label .form-radio-field,
.form-inquiry .smf-item .smf-checkboxes-control__control .smf-label label .smf-checkbox-control,
.form-inquiry .smf-item .smf-checkboxes-control__control .smf-label label .smf-radio-button-control {
  display: block !important;
}
.form-inquiry .smf-item .smf-radio-buttons-control__control .smf-label label .form-checkbox-field-text,
.form-inquiry .smf-item .smf-radio-buttons-control__control .smf-label label .form-radio-field-text,
.form-inquiry .smf-item .smf-radio-buttons-control__control .smf-label label .smf-checkbox-control__label,
.form-inquiry .smf-item .smf-radio-buttons-control__control .smf-label label .smf-radio-button-control__label,
.form-inquiry .smf-item .smf-checkboxes-control__control .smf-label label .form-checkbox-field-text,
.form-inquiry .smf-item .smf-checkboxes-control__control .smf-label label .form-radio-field-text,
.form-inquiry .smf-item .smf-checkboxes-control__control .smf-label label .smf-checkbox-control__label,
.form-inquiry .smf-item .smf-checkboxes-control__control .smf-label label .smf-radio-button-control__label {
  display: block !important;
}

/*** privacy ***/
.fancybox-content {
  padding: 20px;
}
@media (min-width: 768px) {
  .fancybox-content {
    width: 1200px;
    max-width: 100%;
    padding: 40px;
  }
}
.fancybox-content .policy_title {
  font-size: 1.33rem;
  font-weight: 500;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
}
.fancybox-content .privacy_inner {
  font-size: 0.88em;
  line-height: 1.75em;
  margin: auto;
  background-color: #FFFFFF;
  padding: 0px;
}
.fancybox-content .privacy_inner h2 {
  margin: 1.5em 0 0.5em;
  font-size: 1.25rem;
  font-weight: 500;
}

/**** form_status ****/
ul.form_status {
  list-style-type: none;
  display: flex;
  margin: 0px 0px 40px;
  padding: 0;
  border-radius: 9999px;
  overflow: hidden;
}
@media (min-width: 768px) {
  ul.form_status {
    margin: 0px 0px 80px;
  }
}
ul.form_status li {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e6e6e6;
  font-size: 0.94rem;
  font-weight: 500;
  height: 3.5em;
  position: relative;
}
@media (min-width: 768px) {
  ul.form_status li {
    font-size: 1rem;
    height: 4em;
  }
}
ul.form_status li .inner {
  display: block;
}
ul.form_status li:not(:last-child) .inner {
  margin-right: -20px;
}
@media (min-width: 768px) {
  ul.form_status li:not(:last-child) .inner {
    margin-right: -30px;
  }
}
ul.form_status li:not(:last-child)::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: calc(100% + 6px);
  background: linear-gradient(to bottom left, transparent 50%, #e6e6e6 50%) no-repeat top left/100% 50%, linear-gradient(to top left, transparent 50%, #e6e6e6 50%) no-repeat bottom left/100% 50%;
  position: absolute;
  left: 100%;
  top: 50%;
  z-index: 2;
  transform: translate3d(-3px, -50%, 0);
}
@media (min-width: 768px) {
  ul.form_status li:not(:last-child)::before {
    width: 30px;
    height: calc(100% + 8px);
    transform: translate3d(-4px, -50%, 0);
  }
}
ul.form_status li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: calc(100% + 8px);
  background: linear-gradient(to bottom left, transparent 50%, #FFFFFF 50%) no-repeat top left/100% 50%, linear-gradient(to top left, transparent 50%, #FFFFFF 50%) no-repeat bottom left/100% 50%;
  position: absolute;
  left: 100%;
  top: 50%;
  z-index: 1;
  transform: translate3d(0, -50%, 0);
}
@media (min-width: 768px) {
  ul.form_status li:not(:last-child)::after {
    width: 30px;
  }
}

/**** 完了画面 ****/
.thanks-wrap {
  text-align: center;
  padding-bottom: 4rem;
}
.thanks-wrap .thanks-title {
  font-size: 1.5em;
  font-weight: 500;
  margin-bottom: 30px;
}
.thanks-wrap .btn-wrap {
  margin-top: 80px;
}
@media (min-width: 768px) {
  .thanks-wrap .btn-wrap {
    margin-top: 60px;
  }
}

.p-country-name,
#privacy-policy {
  display: none;
}

/* recaptcha */
.recaptcha-wrap {
  margin-top: 6rem;
  text-align: center;
}
.recaptcha-wrap .g-recaptcha {
  display: inline-block;
}

/* reCAPTCHA v3 */
.grecaptcha-badge {
  visibility: hidden;
}

.recapcha-v3-text {
  font-size: 0.75em;
}
.recapcha-v3-text a {
  font-weight: 500;
  color: #35597C;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
@media (hover: hover) {
  .recapcha-v3-text a:hover {
    text-decoration: none;
  }
}

/*** common-form ***/
.smf-checkbox-control__label a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.hidden-field {
  display: none !important;
}

/*** ebook-form ***/
.snow-monkey-form .smf-form .smf-item {
  padding: 8px 0;
}
@media (min-width: 768px) {
  .snow-monkey-form .smf-form .smf-item {
    align-items: center;
  }
}

.ebook-form {
  margin-top: 16px;
  padding: 16px;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .ebook-form {
    margin-top: 24px;
    padding: 24px;
  }
}
@media (min-width: 640px) {
  .ebook-form .smf-form--simple-table .smf-item__col--label {
    padding-right: 12px !important;
    flex: 0 0 12em !important;
    max-width: 12em !important;
  }
  .ebook-form .smf-form--simple-table .smf-item__col--controls {
    flex: 1 1 calc(100% - 12em) !important;
    max-width: calc(100% - 12em) !important;
  }
}
.ebook-form .smf-action .smf-button-control__control {
  width: 100%;
}

.c-button,
.wp-block-buttons .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 34px 12px 24px;
  border: 1px solid currentColor;
  border-radius: 9999px;
  background-color: #FFFFFF;
  max-width: 100%;
  width: 280px;
  height: 48px;
  font-weight: 500;
  line-height: 1.5;
  color: inherit;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .c-button,
  .wp-block-buttons .wp-block-button__link {
    width: 360px;
    height: 60px;
  }
}
.c-button::after,
.wp-block-buttons .wp-block-button__link::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
.c-button.bg-yellow,
.wp-block-buttons .wp-block-button__link.bg-yellow {
  background-color: #F6E236;
  border-color: #F6E236;
  color: #000000;
}
.c-button.bg-black,
.wp-block-buttons .wp-block-button__link.bg-black {
  background-color: #000000;
  border-color: #000000;
  color: #FFFFFF;
}
.c-button.bg-blue-lighter,
.wp-block-buttons .wp-block-button__link.bg-blue-lighter {
  background-color: #287FC7;
  border-color: #287FC7;
  color: #ffffff;
}
@media (hover: hover) {
  .c-button:hover:not(.hover-opacity),
  .wp-block-buttons .wp-block-button__link:hover:not(.hover-opacity) {
    background-color: #013A72;
    border-color: #013A72;
    color: #FFFFFF;
  }
  .c-button.hover-opacity:hover,
  .wp-block-buttons .wp-block-button__link.hover-opacity:hover {
    opacity: 0.8;
  }
}

/* Slick dots → progress bar */
.slick-slider.is-progressing.slick-dotted {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 32px 12px;
}
@media (min-width: 768px) {
  .slick-slider.is-progressing.slick-dotted {
    gap: 40px 16px;
  }
}
.slick-slider.is-progressing.slick-dotted .slick-list {
  order: -2;
}
.slick-slider.is-progressing.slick-dotted .slick-dots {
  order: -1;
  position: relative;
  z-index: 1;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: calc(100% - 24px - 80px);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .slick-slider.is-progressing.slick-dotted .slick-dots {
    width: 300px;
  }
}
.slick-slider.is-progressing.slick-dotted .slick-dots li {
  position: relative;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
}
.slick-slider.is-progressing.slick-dotted .slick-dots li button {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background-color: rgba(15, 19, 42, 0.25);
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
  overflow: hidden;
}
.slick-slider.is-progressing.slick-dotted .slick-dots li button::before {
  display: none;
}
.slick-slider.is-progressing.slick-dotted .slick-dots li button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background-color: #0F132A;
}
.slick-slider.is-progressing.slick-dotted .slick-dots li.slick-active:not(.is-progressing) button::after {
  width: 100%;
}
.slick-slider.is-progressing.slick-dotted .slick-dots li.is-progressing button::after {
  width: 0;
  animation: slick-dot-progress var(--slick-autoplay-speed, 5s) linear forwards;
}
.slick-slider.is-progressing.slick-dotted .slick-dots li.is-progressing.is-paused button::after {
  animation-play-state: paused;
}
.slick-slider.is-progressing.slick-dotted .slick-prev,
.slick-slider.is-progressing.slick-dotted .slick-next {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #000000;
  border-radius: 100%;
  background-color: #FFFFFF;
  color: #000000;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  z-index: 1;
  transform: none;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .slick-slider.is-progressing.slick-dotted .slick-prev,
  .slick-slider.is-progressing.slick-dotted .slick-next {
    width: 60px;
    height: 60px;
  }
}
@media (hover: hover) {
  .slick-slider.is-progressing.slick-dotted .slick-prev:hover,
  .slick-slider.is-progressing.slick-dotted .slick-next:hover {
    background-color: #013A72;
    border-color: #013A72;
    color: #FFFFFF;
  }
}
.slick-slider.is-progressing.slick-dotted .slick-prev::before {
  content: "";
  display: block;
  color: inherit;
  display: inline-block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-left.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-left.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
.slick-slider.is-progressing.slick-dotted .slick-next::before {
  content: "";
  display: block;
  color: inherit;
  display: inline-block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

@keyframes slick-dot-progress {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.is-single-slider {
  display: flex;
  justify-content: center;
  opacity: 1 !important;
}
@media (min-width: 768px) {
  .is-single-slider {
    justify-content: flex-start;
  }
}
.is-single-slider .slick-slide {
  width: 100%;
  max-width: 300px;
}

.bg-pattern-grid {
  background-image: linear-gradient(#e4e3e2 1px, transparent 1px), linear-gradient(90deg, #e4e3e2 1px, transparent 1px);
  background-size: 16px 16px;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .bg-pattern-grid {
    background-size: 32px 32px;
  }
}

.bg-gradation-layer {
  position: relative;
  z-index: 1;
}
.bg-gradation-layer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #99C7E4;
  background: linear-gradient(90deg, rgb(153, 199, 228) 0%, rgb(253, 253, 229) 50%, rgb(153, 199, 228) 100%);
  z-index: -2;
}
.bg-gradation-layer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/front/concept-bg-layer-sp.png) no-repeat center top/cover;
  mix-blend-mode: soft-light;
}
@media (min-width: 992px) {
  .bg-gradation-layer:after {
    background: url(../images/front/concept-bg-layer.png) no-repeat center top/cover;
  }
}

.bg-blue-layer {
  position: relative;
  z-index: 1;
}
.bg-blue-layer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e1f2fc;
  z-index: -2;
}
.bg-blue-layer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/front/concept-bg-layer-sp.png) no-repeat center top/cover;
  mix-blend-mode: soft-light;
}
@media (min-width: 992px) {
  .bg-blue-layer:after {
    background: url(../images/front/concept-bg-layer.png) no-repeat center top/cover;
  }
}

.bg-pattern-01 {
  background-image: url("../images/common/bg-pattern-01.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.bg-pattern-02 {
  background-image: url("../images/common/bg-pattern-02.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
}

.c-page-header__inner {
  position: relative;
  padding-top: 50px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .c-page-header__inner {
    padding-top: 100px;
  }
}
@media (min-width: 992px) {
  .c-page-header__inner .c-page-header__content-inner {
    height: 180px;
  }
}
.c-page-header__bg--left {
  position: absolute;
  left: 0;
  top: 0;
  width: 48.6666666667%;
}
@media (min-width: 992px) {
  .c-page-header__bg--left {
    width: 38.0208333333%;
    max-width: 730px;
  }
}
.c-page-header__bg--right {
  position: absolute;
  right: 0;
  top: 20px;
  width: 26.9333333333%;
}
@media (min-width: 992px) {
  .c-page-header__bg--right {
    width: 21.0416666667%;
    max-width: 404px;
  }
}
.c-page-header__content {
  position: relative;
  z-index: 1;
}
.c-page-header__content-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  padding-block: 16px;
}
@media (min-width: 768px) {
  .c-page-header__content-inner {
    gap: 4px;
    padding-block: 32px;
  }
}
.c-page-header__subtitle {
  font-size: 1rem;
  line-height: 1.8;
  margin: 0;
  font-weight: 600;
}
.c-page-header__subtitle .text-inner {
  background-color: #ffffff;
  padding: 2px 8px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media (min-width: 992px) {
  .c-page-header__subtitle {
    font-size: 1.25rem;
  }
}
.c-page-header__title {
  font-size: 1.5rem;
  line-height: 1.8;
  color: #013A72;
  margin: 0;
  font-weight: 600;
}
.c-page-header__title .text-inner {
  background-color: #ffffff;
  padding: 2px 8px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media (min-width: 992px) {
  .c-page-header__title {
    font-size: 2rem;
  }
}
.c-page-header > .c-page-header__content {
  padding-top: 50px;
}
@media (min-width: 992px) {
  .c-page-header > .c-page-header__content {
    padding-top: 100px;
  }
}

.nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 60px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .nav-links {
    margin-top: 80px;
    margin-bottom: 60px;
  }
}
.nav-links .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
  color: #787878;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .nav-links .page-numbers {
    width: 50px;
    height: 50px;
    font-size: 16px;
  }
}
.nav-links .page-numbers:hover, .nav-links .page-numbers.current {
  background-color: #013A72;
  border-color: #013A72;
  color: #FFFFFF;
}
.nav-links .page-numbers.next, .nav-links .page-numbers.prev {
  background-color: #FFFFFF;
  border-color: #000000;
  color: #000000;
  font-size: 90%;
}
.nav-links .page-numbers.next {
  margin-left: 10px;
}
@media (min-width: 768px) {
  .nav-links .page-numbers.next {
    margin-left: 40px;
  }
}
.nav-links .page-numbers.prev {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .nav-links .page-numbers.prev {
    margin-right: 40px;
  }
}

/* 画像スライダー（ブロック / 部屋内装） */
.c-image-slider,
.p-gallery-interior-slider {
  margin: 0 16px;
}
.c-image-slider .slick-track,
.p-gallery-interior-slider .slick-track {
  display: flex;
  align-items: stretch;
}
.c-image-slider .c-image-slider__item,
.c-image-slider .p-gallery-interior-slider-item,
.p-gallery-interior-slider .c-image-slider__item,
.p-gallery-interior-slider .p-gallery-interior-slider-item {
  padding: 0 8px;
  width: 200px;
}
@media (min-width: 768px) {
  .c-image-slider .c-image-slider__item,
  .c-image-slider .p-gallery-interior-slider-item,
  .p-gallery-interior-slider .c-image-slider__item,
  .p-gallery-interior-slider .p-gallery-interior-slider-item {
    padding: 0 12px;
  }
}
.c-image-slider .c-image-slider__item a,
.c-image-slider .p-gallery-interior-slider-item a,
.p-gallery-interior-slider .c-image-slider__item a,
.p-gallery-interior-slider .p-gallery-interior-slider-item a {
  display: block;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #eee;
}
.c-image-slider .c-image-slider__item img,
.c-image-slider .p-gallery-interior-slider-item img,
.p-gallery-interior-slider .c-image-slider__item img,
.p-gallery-interior-slider .p-gallery-interior-slider-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-image-slider .slick-prev,
.c-image-slider .slick-next,
.c-image-slider .slick-prev:focus,
.c-image-slider .slick-next:focus,
.p-gallery-interior-slider .slick-prev,
.p-gallery-interior-slider .slick-next,
.p-gallery-interior-slider .slick-prev:focus,
.p-gallery-interior-slider .slick-next:focus {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  color: #000000;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .c-image-slider .slick-prev,
  .c-image-slider .slick-next,
  .c-image-slider .slick-prev:focus,
  .c-image-slider .slick-next:focus,
  .p-gallery-interior-slider .slick-prev,
  .p-gallery-interior-slider .slick-next,
  .p-gallery-interior-slider .slick-prev:focus,
  .p-gallery-interior-slider .slick-next:focus {
    width: 48px;
    height: 48px;
  }
}
.c-image-slider .slick-prev:hover,
.c-image-slider .slick-next:hover,
.c-image-slider .slick-prev:focus:hover,
.c-image-slider .slick-next:focus:hover,
.p-gallery-interior-slider .slick-prev:hover,
.p-gallery-interior-slider .slick-next:hover,
.p-gallery-interior-slider .slick-prev:focus:hover,
.p-gallery-interior-slider .slick-next:focus:hover {
  background-color: #287FC7;
  border-color: #287FC7;
  color: #FFFFFF;
}
.c-image-slider .slick-prev:hover::before,
.c-image-slider .slick-next:hover::before,
.c-image-slider .slick-prev:focus:hover::before,
.c-image-slider .slick-next:focus:hover::before,
.p-gallery-interior-slider .slick-prev:hover::before,
.p-gallery-interior-slider .slick-next:hover::before,
.p-gallery-interior-slider .slick-prev:focus:hover::before,
.p-gallery-interior-slider .slick-next:focus:hover::before {
  background-color: #FFFFFF;
}
.c-image-slider .slick-prev,
.p-gallery-interior-slider .slick-prev {
  left: -16px;
}
.c-image-slider .slick-prev::before,
.p-gallery-interior-slider .slick-prev::before {
  content: "";
  display: block;
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-left.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-left.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  background-color: #000000;
  width: 16px;
  height: 16px;
  opacity: 1;
  transform: none;
  transition: all 0.3s ease;
}
.c-image-slider .slick-next,
.p-gallery-interior-slider .slick-next {
  right: -16px;
}
.c-image-slider .slick-next::before,
.p-gallery-interior-slider .slick-next::before {
  content: "";
  display: block;
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  background-color: #000000;
  width: 16px;
  height: 16px;
  opacity: 1;
  transform: none;
  transition: all 0.3s ease;
}

.c-image-slider {
  margin-left: 0;
  margin-right: 0;
}
.c-image-slider .c-image-slider__title {
  margin: 0 0 24px;
  font-size: 1.25rem;
  line-height: 1.5;
}
.c-image-slider .c-image-slider__track {
  margin: 0 16px;
}

.l-section--thanks {
  margin-top: 50px;
}
@media (min-width: 992px) {
  .l-section--thanks {
    margin-top: 100px;
  }
}
.l-section--thanks .thanks-content {
  background-color: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 12px 16px 24px;
}
@media (min-width: 768px) {
  .l-section--thanks .thanks-content {
    border-radius: 10px;
    padding: 16px 48px 48px;
  }
}
.l-section--thanks .thanks-content__inner {
  max-width: 1080px;
  margin: 0 auto;
}
.l-section--thanks .thanks-content__inner h1.wp-block-heading,
.l-section--thanks .thanks-content__inner h2.wp-block-heading {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  color: #013A72;
  margin-top: 2em;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .l-section--thanks .thanks-content__inner h1.wp-block-heading,
  .l-section--thanks .thanks-content__inner h2.wp-block-heading {
    font-size: 1.5rem;
  }
}
.l-section--thanks .thanks-content__inner h3.wp-block-heading {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  margin-top: 2em;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .l-section--thanks .thanks-content__inner h3.wp-block-heading {
    font-size: 1.25rem;
  }
}
.l-section--thanks .thanks-content__inner .wp-block-separator {
  width: 80px;
  border-top: 2px solid #013A72;
  margin: 2rem auto;
}
@media (min-width: 768px) {
  .l-section--thanks .thanks-content__inner .wp-block-separator {
    width: 100px;
    border-width: 3px;
  }
}
.l-section--thanks .thanks-content__inner .wp-block-buttons {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .l-section--thanks .thanks-content__inner .wp-block-buttons {
    margin-top: 60px;
  }
}
.l-section--thanks .thanks-content__inner .wp-block-buttons .wp-block-button__link {
  min-width: 315px;
  max-width: 100%;
  font-size: 1.5rem;
  color: #fff;
  background-color: #35597C;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .l-section--thanks .thanks-content__inner .wp-block-buttons .wp-block-button__link:hover {
    background-color: #013A72;
  }
}

/* 編集画面と表示側で共有 */
/* 共通セクション見出し（フロント / 編集画面） */
.section-header {
  text-align: center;
  margin-bottom: 40px;
}
.section-header .section-header__title {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-style: italic;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.375;
  color: #0F132A;
  margin: 0;
}
@media (min-width: 768px) {
  .section-header .section-header__title {
    font-size: 50px;
  }
}
.section-header .section-header__title .text-small {
  font-size: 60%;
}
.section-header .section-header__subtitle {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #0F132A;
  margin: 16px 0 0;
}
@media (min-width: 768px) {
  .section-header .section-header__subtitle {
    font-size: 20px;
  }
}
.section-header .section-description {
  font-size: 14px;
  line-height: 1.675;
  color: #0F132A;
  margin: 40px 0 0;
}
@media (min-width: 768px) {
  .section-header .section-description {
    font-size: 18px;
  }
}

/* 投稿本文まわり（フロント / 編集画面） */
/* layout */
.l-section {
  padding-block: 30px;
}
@media (min-width: 768px) {
  .l-section {
    padding-block: 45px;
  }
}
@media (min-width: 992px) {
  .l-section {
    padding-block: 60px;
  }
}

.font-family-serif {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
}

/* common */
hr.wp-block-separator {
  width: 80px;
  border-top: 2px solid #013A72;
  margin: 2rem auto;
}
@media (min-width: 768px) {
  hr.wp-block-separator {
    width: 100px;
    border-width: 3px;
  }
}

.wp-block-paragraph a {
  color: #35597C;
}
@media (hover: hover) {
  .wp-block-paragraph a {
    transition: color 0.3s ease-in-out;
  }
  .wp-block-paragraph a:hover {
    color: #287FC7;
  }
}

@media (hover: hover) {
  .wp-block-image a {
    transition: opacity 0.3s ease-in-out;
  }
  .wp-block-image a:hover {
    opacity: 0.8;
  }
}

/* ebook */
.single-ebook h2.wp-block-heading,
.post-type-ebook h2.wp-block-heading {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  padding-bottom: 0.75em;
  border-bottom: 1px solid #d0d0d0;
  margin-block: 2em 1em;
}
.single-ebook ul.wp-block-list,
.post-type-ebook ul.wp-block-list {
  list-style: none;
}
.single-ebook ul.wp-block-list li,
.post-type-ebook ul.wp-block-list li {
  position: relative;
}
.single-ebook ul.wp-block-list li::before,
.post-type-ebook ul.wp-block-list li::before {
  content: "";
  display: inline-block;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/circle-check-solid-full.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/circle-check-solid-full.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  line-height: inherit;
  color: #287FC7;
  position: absolute;
  left: -2em;
  top: 0.2em;
}
.single-ebook ol.wp-block-list li::marker,
.post-type-ebook ol.wp-block-list li::marker {
  color: #287FC7;
  font-weight: 500;
}
.single-ebook .recommend-box,
.post-type-ebook .recommend-box {
  border: 1px solid #d0d0d0;
  padding: 16px;
  margin-block: 2em;
}
@media (min-width: 768px) {
  .single-ebook .recommend-box,
  .post-type-ebook .recommend-box {
    padding: 24px;
  }
}
.single-ebook .recommend-box .wp-block-group__inner-container > *:first-child,
.post-type-ebook .recommend-box .wp-block-group__inner-container > *:first-child {
  margin-top: 0;
}
.single-ebook .recommend-box .wp-block-group__inner-container > *:last-child,
.post-type-ebook .recommend-box .wp-block-group__inner-container > *:last-child {
  margin-bottom: 0;
}
.single-ebook .recommend-box h2.wp-block-heading,
.post-type-ebook .recommend-box h2.wp-block-heading {
  border-color: #287FC7;
}
.single-ebook .c-image-slider,
.post-type-ebook .c-image-slider {
  margin-block: 2rem;
}

/* inquiry */
.wp-block-group.inquiry-step {
  grid-template-columns: 1fr;
  gap: 56px;
}
@media (min-width: 768px) {
  .wp-block-group.inquiry-step {
    grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr));
    gap: 56px;
  }
}
@media (min-width: 1360px) {
  .wp-block-group.inquiry-step {
    grid-template-columns: repeat(5, 1fr);
    gap: 44px;
  }
}
.wp-block-group.inquiry-step > .wp-block-group {
  border: 1px solid #000;
  padding: 24px 8px;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
}
.wp-block-group.inquiry-step > .wp-block-group:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate3d(-50%, -20px, 0) rotate(90deg);
  background: url(../images/common/inquiry-step-arrow.png) no-repeat center center/contain;
  background-image: image-set(url(../images/common/inquiry-step-arrow.webp) type("image/webp"), url(../images/common/inquiry-step-arrow.png) type("image/png"));
  width: 20px;
  height: 106px;
}
@media (min-width: 768px) {
  .wp-block-group.inquiry-step > .wp-block-group:not(:last-child)::after {
    top: 50%;
    left: 100%;
    transform: translate3d(16px, -50%, 0) rotate(0);
  }
}
.wp-block-group.inquiry-step > .wp-block-group > .wp-block-group__inner-container {
  display: flex;
  gap: 24px;
}
@media (min-width: 768px) {
  .wp-block-group.inquiry-step > .wp-block-group > .wp-block-group__inner-container {
    flex-direction: column;
  }
}
.wp-block-group.inquiry-step > .wp-block-group > .wp-block-group__inner-container > .wp-block-image {
  width: 120px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .wp-block-group.inquiry-step > .wp-block-group > .wp-block-group__inner-container > .wp-block-image {
    width: 100%;
    padding: 0 16px;
    max-width: 220px;
    margin-inline: auto;
  }
}
.wp-block-group.inquiry-step > .wp-block-group > .wp-block-group__inner-container > .wp-block-group {
  flex: 1;
}
.wp-block-group.inquiry-step h3 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 16px;
}
.wp-block-group.inquiry-step p {
  margin-bottom: 0;
}

.no-campaign #campaign-section {
  display: none;
}

.campain-box {
  border: 1px solid #000000;
  border-radius: 10px;
}
.campain-box .wp-block-group__inner-container.wp-block-group__inner-container {
  padding: 16px;
  margin-block: 2em;
}
@media (min-width: 768px) {
  .campain-box .wp-block-group__inner-container.wp-block-group__inner-container {
    padding: 32px;
  }
}
.campain-box .campain-box-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .campain-box .campain-box-header {
    flex-direction: row;
    gap: 32px;
    margin-bottom: 56px;
  }
}
.campain-box .campain-box-header > *:first-child {
  margin-top: 0;
  color: #013A72;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  border: 2px solid currentColor;
  border-radius: 1em;
  padding: 1em 2em;
}
@media (min-width: 768px) {
  .campain-box .campain-box-header > *:first-child {
    border-width: 3px;
    border-radius: 1.5em;
    padding: 0.75em 1.5em;
  }
}
.campain-box .campain-box-header > *:first-child br {
  display: none;
}
@media (min-width: 768px) {
  .campain-box .campain-box-header > *:first-child br {
    display: block;
  }
}
.campain-box .campain-box-header > *:last-child {
  margin-bottom: 0;
}
.campain-box .campain-box-header .wp-block-group .wp-block-group__inner-container {
  padding: 0;
  margin: 0;
}
.campain-box .campain-box-header .wp-block-group .wp-block-group__inner-container p {
  margin-block: 0;
}
@media (min-width: 768px) {
  .campain-box .campain-box-header .wp-block-group .wp-block-group__inner-container p br {
    display: none;
  }
}
.campain-box .campain-box-header .wp-block-group .wp-block-group__inner-container p code {
  font: inherit;
  background: linear-gradient(transparent 60%, #e0f8f3 40%);
}
.campain-box h3.wp-block-heading {
  color: #013A72;
}

.entry-content .campain-box {
  width: 1080px;
  max-width: 100%;
  margin-inline: auto;
}
.entry-content .campain-box .readmore-content {
  height: 200px;
  transition: height 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
  margin-top: -3em;
}
@media (min-width: 768px) {
  .entry-content .campain-box .readmore-content {
    margin-top: -5em;
  }
}
.entry-content .campain-box .readmore-content::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  height: 80px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
}
.entry-content .campain-box .readmore-content .toggle-button {
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  margin: 0 0 0 auto;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 0.675rem;
  width: 7.5em;
  height: 7.5em;
  border: 3px solid #e0f8f3;
  border-radius: 50%;
  color: #013A72;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .entry-content .campain-box .readmore-content .toggle-button {
    border-width: 4px;
    font-size: 0.875rem;
  }
}
.entry-content .campain-box .readmore-content .toggle-button::before {
  content: "";
  display: inline-block;
  display: inline-block;
  width: 2em;
  height: 2em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/plus-solid-full.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/plus-solid-full.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
.entry-content .campain-box .readmore-content .toggle-button::after {
  content: "続きを見る";
  display: inline-block;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
@media (hover: hover) {
  .entry-content .campain-box .readmore-content .toggle-button:hover {
    background-color: #e0f8f3;
  }
}
.entry-content .campain-box .readmore-content .wp-block-group__inner-container {
  padding: 0;
  margin: 0;
}
.entry-content .campain-box .readmore-content.is-open {
  height: auto;
}
.entry-content .campain-box .readmore-content.is-open::before {
  display: none;
}
.entry-content .campain-box .readmore-content.is-open .toggle-button::before {
  display: inline-block;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/minus-solid-full.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/minus-solid-full.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
.entry-content .campain-box .readmore-content.is-open .toggle-button::after {
  content: "閉じる";
}

/* anchor-link */
.anchor-link-list {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .anchor-link-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    margin-bottom: 40px;
  }
}
.anchor-link-list > * {
  height: 100%;
}
.anchor-link-list a {
  display: flex;
  align-items: center;
  background-color: #35597C;
  height: 100%;
  font-size: 0.875rem;
  color: #fff;
  font-weight: 600;
  line-height: 1.25;
  padding: 0.3em 2.5em 0.3em 1em;
  min-height: 3.2em;
  border-radius: 10px;
  text-decoration: none;
  position: relative;
  transition: background-color 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .anchor-link-list a {
    font-size: 1rem;
    border-radius: 9999px;
    padding: 0.6em 2.5em 0.6em 1em;
  }
}
.anchor-link-list a:after {
  content: "";
  display: inline-block;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-triangle-down.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-triangle-down.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  background-color: #e0f1fd;
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
}
.anchor-link-list a:hover {
  background-color: #000000;
  color: #fff;
}

/* faq */
.faq-section {
  max-width: 1080px;
  margin-inline: auto;
  padding-block: 30px;
}
@media (min-width: 768px) {
  .faq-section {
    padding-block: 40px;
  }
}
.faq-section .wp-block-heading {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #013A72;
  padding-bottom: 0.75em;
  margin-bottom: 2em;
  position: relative;
}
.faq-section .wp-block-heading::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 80px;
  height: 2px;
  background-color: #013A72;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .faq-section .wp-block-heading::before {
    width: 110px;
    height: 3px;
  }
}

.wp-block-accordion .wp-block-accordion-item {
  border: 1px solid #000000;
  border-radius: 10px;
  overflow: hidden;
}
.wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading {
  margin: 0;
}
.wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  background-color: #f7f8f9;
  border-radius: 0 0 10px 10px;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
    gap: 16px;
    height: 92px;
    padding: 24px 32px;
  }
}
.wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle::before {
  content: "Q.";
  display: inline-block;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.5;
}
.wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-title {
  text-decoration: none;
}
.wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon {
  font-size: 0;
}
.wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/plus-solid-full.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/plus-solid-full.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  transition: all 0.3s ease-in-out;
}
.wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel {
  padding: 16px 24px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}
@media (min-width: 768px) {
  .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel {
    padding: 24px 40px;
  }
}
.wp-block-accordion .wp-block-accordion-item + .wp-block-accordion-item {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .wp-block-accordion .wp-block-accordion-item + .wp-block-accordion-item {
    margin-top: 40px;
  }
}
.wp-block-accordion .wp-block-accordion-item.is-open .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
  background-color: #35597C;
  color: #fff;
}
.wp-block-accordion .wp-block-accordion-item.is-open .wp-block-accordion-heading .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon {
  transform: rotate(0);
}
.wp-block-accordion .wp-block-accordion-item.is-open .wp-block-accordion-heading .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon::before {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/minus-solid-full.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/minus-solid-full.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

/* マガジン ページ */
body.wp-admin.post-type-post .block-editor-iframe__html h2.wp-block-heading,
.magazine-single-editor h2.wp-block-heading {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 0.2em 0 0.2em 1em;
  position: relative;
}
@media (min-width: 768px) {
  body.wp-admin.post-type-post .block-editor-iframe__html h2.wp-block-heading,
  .magazine-single-editor h2.wp-block-heading {
    font-size: 1.75rem;
  }
}
body.wp-admin.post-type-post .block-editor-iframe__html h2.wp-block-heading::before,
.magazine-single-editor h2.wp-block-heading::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  background-color: #35597C;
  border-radius: 9999px;
}
@media (min-width: 768px) {
  body.wp-admin.post-type-post .block-editor-iframe__html h2.wp-block-heading::before,
  .magazine-single-editor h2.wp-block-heading::before {
    width: 10px;
  }
}
body.wp-admin.post-type-post .block-editor-iframe__html h2.wp-block-heading::after,
.magazine-single-editor h2.wp-block-heading::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -0.5em;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c9c9c9;
}
body.wp-admin.post-type-post .block-editor-iframe__html h3.wp-block-heading,
.magazine-single-editor h3.wp-block-heading {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 2em;
  margin-bottom: 1em;
  padding-left: 1.5em;
  position: relative;
}
@media (min-width: 768px) {
  body.wp-admin.post-type-post .block-editor-iframe__html h3.wp-block-heading,
  .magazine-single-editor h3.wp-block-heading {
    font-size: 1.375rem;
  }
}
body.wp-admin.post-type-post .block-editor-iframe__html h3.wp-block-heading::before,
.magazine-single-editor h3.wp-block-heading::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.15em;
  left: 0;
  width: 1em;
  height: 1em;
  background-color: #35597C;
  border-radius: 9999px;
}
body.wp-admin.post-type-post .block-editor-iframe__html .c-related-posts,
.magazine-single-editor .c-related-posts {
  margin-top: 3em;
  margin-bottom: 3em;
}

/* 下線 グラデーション */
.underline-gradation {
  display: inline-block;
  position: relative;
}
.underline-gradation::after {
  content: "";
  display: block;
  height: 1rem;
  background: url("../images/common/underline-gradation.svg") no-repeat center top;
  background-size: 100% 100%;
  position: absolute;
  top: 100%;
  left: -5px;
  right: -5px;
}

/* テンプレート コンテンツ CTA */
.template-cta-01 {
  background-color: #35597c;
  padding: 16px 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 2em;
  margin-bottom: 2em;
  gap: 8px 16px;
}
@media (min-width: 768px) {
  .template-cta-01 {
    padding: 16px 24px;
  }
}
.template-cta-01__content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}
@media (min-width: 768px) {
  .template-cta-01__content {
    width: auto;
    gap: 1em;
  }
}
.template-cta-01__content .free {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 3.7333333333vw;
  font-weight: 600;
  line-height: 1;
  color: #FFFFFF;
  width: 3.15em;
  height: 3.15em;
  border-radius: 50%;
  background-color: #f15252;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .template-cta-01__content .free {
    font-size: 1.25rem;
    width: 4em;
    height: 4em;
  }
}
.template-cta-01__content .template-cta-01__title {
  font-size: 5.3333333333vw;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  color: #FFFFFF;
  margin: 0;
}
@media (min-width: 768px) {
  .template-cta-01__content .template-cta-01__title {
    flex: 1;
    font-size: 2rem;
  }
}
.template-cta-01__content .template-cta-01__title .small {
  font-size: 68.75%;
}
.template-cta-01__content .template-cta-01__title .strong {
  color: #ffffe1;
}
.template-cta-01__button {
  text-align: center;
  padding: 8px 0;
}
.template-cta-01__button .c-button {
  width: 300px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .template-cta-01__button .c-button {
    width: 274px;
  }
}

.template-cta-a {
  margin-top: 2em;
  margin-bottom: 2em;
  border: 1px solid #c9c9c9;
}
.template-cta-a__content {
  background-position: 8px 8px;
  padding: 16px 0;
  position: relative;
  text-align: center;
}
.template-cta-a__content:before {
  content: "";
  display: block;
  height: 100px;
  background: url("../images/common/bg-bottom-gradation-sp.png") no-repeat center top/cover;
  background-image: image-set(url("../images/common/bg-bottom-gradation-sp.webp") type("image/webp"), url("../images/common/bg-bottom-gradation-sp.png") type("image/png"));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  .template-cta-a__content:before {
    height: 130px;
    background-image: image-set(url("../images/common/bg-bottom-gradation.webp") type("image/webp"), url("../images/common/bg-bottom-gradation.png") type("image/png"));
  }
}
@media (min-width: 768px) {
  .template-cta-a__content {
    padding: 32px 24px;
    background-position: 16px 16px;
  }
}
.template-cta-a__title-wrap {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .template-cta-a__title-wrap {
    gap: 16px;
  }
}
.template-cta-a__title-wrap:before {
  content: "";
  display: block;
  background: url("../images/common/template-cta-a-img-01.png") no-repeat center center/contain;
  background-image: image-set(url("../images/common/template-cta-a-img-01.webp") type("image/webp"), url("../images/common/template-cta-a-img-01.png") type("image/png"));
  width: 19.8666666667vw;
  height: 10.6666666667vw;
}
@media (min-width: 768px) {
  .template-cta-a__title-wrap:before {
    width: 149px;
    height: 80px;
  }
}
.template-cta-a__title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  flex: 1;
  text-align: left;
}
@media (min-width: 768px) {
  .template-cta-a__title {
    font-size: 1.375rem;
  }
}
.template-cta-a__title .title-inner {
  display: inline-block;
}
.template-cta-a__title .strong {
  font-size: 145%;
}
.template-cta-a__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  position: relative;
}
@media (min-width: 768px) {
  .template-cta-a__list {
    gap: 12px;
  }
}
.template-cta-a__list li {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.35;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  border: 1px solid #000000;
  border-radius: 50%;
  background-color: #FFFFFF;
  width: 105px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
@media (min-width: 768px) {
  .template-cta-a__list li {
    font-size: 1.125rem;
    width: 165px;
    height: 165px;
    padding: 8px;
  }
}
.template-cta-a__footer {
  text-align: center;
  background-color: #6da2c8;
  padding: 8px 16px 24px;
}
@media (min-width: 768px) {
  .template-cta-a__footer {
    padding: 16px 24px 24px;
    position: relative;
  }
}
.template-cta-a__footer-text-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .template-cta-a__footer-text-wrap {
    display: block;
  }
}
.template-cta-a__footer-text-wrap::after {
  content: "";
  display: block;
  background: url("../images/common/template-cta-a-img-02.png") no-repeat center center/contain;
  background-image: image-set(url("../images/common/template-cta-a-img-02.webp") type("image/webp"), url("../images/common/template-cta-a-img-02.png") type("image/png"));
  width: 17.2vw;
  height: 20.8vw;
}
@media (min-width: 768px) {
  .template-cta-a__footer-text-wrap::after {
    width: 129px;
    height: 156px;
    position: absolute;
    bottom: 0;
    right: 8px;
  }
}
.template-cta-a__footer-text {
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .template-cta-a__footer-text {
    flex: 1;
    padding: 0 110px;
  }
}
@media (min-width: 768px) {
  .template-cta-a__footer-text .text-inner {
    display: inline-block;
  }
}
.template-cta-a__footer-text .strong {
  color: #fdfdde;
}
@media (min-width: 768px) {
  .template-cta-a__footer-text .strong {
    font-size: 136%;
  }
}

.template-cta-b {
  background-color: #0F132A;
  padding: 16px;
  margin-top: 2em;
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .template-cta-b {
    padding: 32px 24px;
  }
}
.template-cta-b__title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  color: #FFFFFF;
  text-align: center;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .template-cta-b__title {
    font-size: 1.375rem;
    margin-bottom: 24px;
  }
}
.template-cta-b__button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 768px) {
  .template-cta-b__button-list {
    gap: 16px;
  }
}

.template-cta-c {
  background-color: #ffffe1;
  padding: 16px;
  margin-top: 2em;
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .template-cta-c {
    padding: 32px 24px;
  }
}
.template-cta-c__title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  color: #000000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .template-cta-c__title {
    font-size: 1.375rem;
    margin-bottom: 24px;
  }
}
.template-cta-c__title .strong {
  font-size: 136%;
  color: #013A72;
}
.template-cta-c__text {
  text-align: center;
  margin-top: 0;
  margin-bottom: 16px;
}
.template-cta-c__button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 768px) {
  .template-cta-c__button-list {
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .template-cta-c__button-list .c-button {
    width: 482px;
  }
}

.template-cta-d {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 2em;
  margin-bottom: 2em;
  border: 1px solid #c9c9c9;
  padding: 16px;
  background-position: 8px 8px;
}
@media (min-width: 768px) {
  .template-cta-d {
    gap: 24px;
    padding: 32px 24px;
    background-position: 16px 16px;
  }
}
.template-cta-d:before {
  content: "";
  display: block;
  width: 120px;
  height: 120px;
  background: url("../images/common/template-cta-d-img.png") no-repeat center center/contain;
  background-image: image-set(url("../images/common/template-cta-d-img.webp") type("image/webp"), url("../images/common/template-cta-d-img.png") type("image/png"));
}
@media (min-width: 768px) {
  .template-cta-d:before {
    width: 180px;
    height: 180px;
  }
}
.template-cta-d__content {
  width: 100%;
}
@media (min-width: 768px) {
  .template-cta-d__content {
    flex: 1;
  }
}
.template-cta-d__title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  color: #000000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .template-cta-d__title {
    justify-content: flex-start;
    font-size: 1.375rem;
    margin-bottom: 32px;
    text-align: left;
  }
}
.template-cta-d__title .strong {
  font-size: 159%;
}
.template-cta-d__text {
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .template-cta-d__text {
    margin-bottom: 24px;
  }
}
.template-cta-d__button-list {
  display: flex;
  justify-content: center;
  align-items: center;
}
.template-cta-d__button-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 768px) {
  .template-cta-d__button-list {
    gap: 16px;
  }
}

/* thanks */
.thanks-merit .wp-block-column {
  border-radius: 6px;
}
.thanks-merit .wp-block-column .wp-block-image {
  margin: 0;
}
.thanks-merit .wp-block-column .wp-block-image img {
  border-radius: 10px 10px 0 0;
  width: 100%;
}
.thanks-merit .wp-block-column .thanks-merit-text {
  margin: 0;
  position: relative;
  background-color: #35597C;
  padding: 8px 8px 8px 70px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 66px;
  border-radius: 0 0 10px 10px;
}
.thanks-merit .wp-block-column .thanks-merit-text::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  background: url(../images/common/icon-thanks-check.png) no-repeat center center/contain;
}

/* 背景 上書き */
.child-section-bg-none section {
  background: none !important;
}

/* ご契約の流れ */
.flow-flow-block {
  width: 1080px;
  max-width: 100%;
  margin-inline: auto;
  padding: 24px 16px;
  border: 1px solid #000000;
  border-radius: 10px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .flow-flow-block {
    padding: 32px;
  }
}
.flow-flow-block .wp-block-media-text {
  gap: 24px;
}
.flow-flow-block .wp-block-media-text .wp-block-media-text__media img {
  border-radius: 10px;
}
.flow-flow-block .wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.flow-flow-block .wp-block-media-text + .wp-block-media-text {
  margin-top: 60px;
  position: relative;
}
@media (min-width: 768px) {
  .flow-flow-block .wp-block-media-text + .wp-block-media-text {
    margin-top: 120px;
  }
}
.flow-flow-block .wp-block-media-text + .wp-block-media-text::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 75px solid transparent;
  border-left: 75px solid transparent;
  border-top: 30px solid #e0f1fd;
  border-bottom: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin-inline: auto;
  transform: translate3d(0, -15px, 0);
}
@media (min-width: 768px) {
  .flow-flow-block .wp-block-media-text + .wp-block-media-text::before {
    border-right: 100px solid transparent;
    border-left: 100px solid transparent;
    border-top: 40px solid #e0f1fd;
    border-bottom: 0;
    transform: translate3d(0, -30px, 0);
  }
}
.flow-flow-block .flow-flow-block-header {
  align-items: baseline;
  border-bottom: 1px solid #35597c;
  padding-bottom: 8px;
  margin-bottom: 16px;
}
.flow-flow-block .flow-flow-block-header p {
  line-height: 1;
}
.flow-flow-block .flow-flow-block-column {
  margin-top: 16px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .flow-flow-block .flow-flow-block-column {
    margin-top: 24px;
  }
}
.flow-flow-block .flow-flow-block-column > .wp-block-column {
  display: flex;
  flex-wrap: wrap;
}
.flow-flow-block .flow-flow-block-column > .wp-block-column > * {
  width: 100%;
}
.flow-flow-block .flow-flow-block-column > .wp-block-column > .wp-block-buttons {
  align-self: flex-end;
}
.flow-flow-block .flow-flow-block-column > .wp-block-column p {
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .flow-flow-block .flow-flow-block-column > .wp-block-column p {
    margin-bottom: 8px;
  }
}

.flow-start-block {
  margin-top: 40px;
  padding-inline: 16px;
}
@media (min-width: 768px) {
  .flow-start-block {
    margin-top: 100px;
    padding-inline: 32px;
  }
}
.flow-start-block > .wp-block-group__inner-container {
  width: 1860px !important;
  max-width: 100% !important;
  margin-inline: auto;
  padding: 24px 16px;
  background-color: #35597c;
  border-radius: 20px 20px 0 0;
}
@media (min-width: 768px) {
  .flow-start-block > .wp-block-group__inner-container {
    padding: 64px 24px;
    border-radius: 30px 30px 0 0;
  }
}
.flow-start-block .flow-start-block-content-01 {
  width: 1280px;
  max-width: 100%;
  margin-inline: auto;
  gap: 0;
  color: #fff;
}
.flow-start-block .flow-start-block-content-02 {
  width: 1280px;
  max-width: 100%;
  margin-inline: auto;
  padding: 24px 16px;
}
@media (min-width: 768px) {
  .flow-start-block .flow-start-block-content-02 {
    padding: 48px 32px;
    margin-top: 100px;
  }
}
.flow-start-block .flow-start-block-content-02 .wp-block-columns {
  margin-block: 0 40px;
  gap: 24px;
}
@media (min-width: 768px) {
  .flow-start-block .flow-start-block-content-02 .wp-block-columns {
    gap: 56px;
  }
}
.flow-start-block .flow-start-block-content-02 .wp-block-columns .wp-block-column {
  margin-block: 0;
}
.flow-start-block .flow-start-block-content-02 .flow-start-block-content-title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #013A72;
  padding-bottom: 0.75em;
  margin-top: 1em;
  margin-bottom: 2em;
  position: relative;
}
.flow-start-block .flow-start-block-content-02 .flow-start-block-content-title::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 80px;
  height: 2px;
  background-color: #013A72;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .flow-start-block .flow-start-block-content-02 .flow-start-block-content-title::before {
    width: 110px;
    height: 3px;
  }
}
@media (min-width: 768px) {
  .flow-start-block .flow-start-block-content-02 .flow-start-block-content-img {
    margin-top: -100px;
  }
}

.intro-section-block {
  margin-bottom: 0;
}
.intro-section-block .intro-section-subtitle {
  margin-bottom: 0;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: clamp(1rem, 4.2666666667vw, 1.125rem);
  font-weight: 600;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .intro-section-block .intro-section-subtitle {
    font-size: clamp(1.125rem, 2.2177419355vw, 1.375rem);
  }
}
.intro-section-block .intro-section-title {
  margin-bottom: 0;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  .intro-section-block {
    gap: 0;
  }
  .intro-section-block .wp-block-column:first-child {
    display: contents;
  }
  .intro-section-block .intro-section-header {
    width: 100%;
    order: -2;
    text-align: center;
  }
  .intro-section-block .wp-block-column:nth-child(2) {
    order: -1;
    margin-top: 2em;
  }
  .intro-section-block .text-note {
    margin-top: 0;
  }
}

/* 賃貸管理システム */
.support-support-block {
  gap: 24px;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .support-support-block {
    gap: 32px;
  }
}
@media (min-width: 992px) {
  .support-support-block {
    gap: 56px;
  }
}
.support-support-block > .wp-block-column {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 10px;
  padding: 16px;
}
@media (min-width: 768px) {
  .support-support-block > .wp-block-column {
    padding: 24px;
  }
}
@media (min-width: 992px) {
  .support-support-block > .wp-block-column {
    padding: 40px;
  }
}
.support-support-block > .wp-block-column .support-support-header {
  gap: 8px;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .support-support-block > .wp-block-column .support-support-header {
    gap: 16px;
  }
}
.support-support-block > .wp-block-column .support-support-header img {
  width: 75px !important;
}
@media (min-width: 992px) {
  .support-support-block > .wp-block-column .support-support-header img {
    width: 100px !important;
  }
}
.support-support-block > .wp-block-column .support-support-header .support-support-title {
  flex: 1;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .support-support-block > .wp-block-column .support-support-header .support-support-title {
    font-size: 2.1875rem;
  }
}
.support-support-block > .wp-block-column .support-support-header .support-support-title .text-small {
  font-size: 70%;
}
.support-support-block > .wp-block-column .support-support-img {
  margin-top: 2rem;
}
.support-support-block > .wp-block-column .support-support-list {
  background-color: #fff2b7;
  border-radius: 10px;
  padding: 16px;
  text-align: center;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .support-support-block > .wp-block-column .support-support-list {
    padding: 24px;
  }
}
.support-support-block > .wp-block-column .support-support-list ul {
  display: inline-flex;
  flex-direction: column;
  gap: 0.5em;
  list-style: none;
  padding: 0;
  margin: 0;
}
.support-support-block > .wp-block-column .support-support-list ul li {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  color: #013A72;
  padding-left: 2em;
  position: relative;
}
.support-support-block > .wp-block-column .support-support-list ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.25em;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-check.png");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-check.png");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  color: #000000;
}

.support-flow-block {
  margin-bottom: 2rem;
}
.support-flow-block .support-flow-item {
  border: 1px solid #000000;
  border-radius: 10px;
  background-color: #fff;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 768px) {
  .support-flow-block .support-flow-item {
    height: 160px;
    flex-direction: row;
    gap: 1em;
  }
}
.support-flow-block .support-flow-item .support-flow-num {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
  background-color: #0F132A;
  border-radius: 9px 9px 0 0;
  width: 2.5em;
  height: 100%;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .support-flow-block .support-flow-item .support-flow-num {
    width: 120px;
    font-size: 1.5rem;
    border-radius: 9px 0 0 9px;
    flex-direction: column;
  }
}
.support-flow-block .support-flow-item .support-flow-num .number {
  padding-left: 0.25em;
}
@media (min-width: 768px) {
  .support-flow-block .support-flow-item .support-flow-num .number {
    padding-left: 0;
    display: block;
  }
}
.support-flow-block .support-flow-item .support-flow-content {
  flex: 1;
  gap: 1em;
  flex-direction: column;
  padding: 16px;
}
@media (min-width: 768px) {
  .support-flow-block .support-flow-item .support-flow-content {
    flex-direction: row;
    padding: 0;
  }
}
.support-flow-block .support-flow-item .support-flow-content .support-flow-header {
  width: 100%;
}
@media (min-width: 768px) {
  .support-flow-block .support-flow-item .support-flow-content .support-flow-header {
    gap: 1rem;
    width: auto;
  }
}
.support-flow-block .support-flow-item .support-flow-content .support-flow-icon img {
  width: 75px !important;
}
@media (min-width: 768px) {
  .support-flow-block .support-flow-item .support-flow-content .support-flow-icon img {
    width: 200px !important;
  }
}
.support-flow-block .support-flow-item .support-flow-content .support-flow-title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .support-flow-block .support-flow-item .support-flow-content .support-flow-title {
    width: 7em;
    font-size: 1.25rem;
  }
}
.support-flow-block .support-flow-item .support-flow-content .support-flow-text {
  flex: 1;
  padding: 16px;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .support-flow-block .support-flow-item .support-flow-content .support-flow-text {
    padding-right: 1.5em;
  }
}
.support-flow-block .support-flow-item + .support-flow-item {
  margin-top: 40px;
  position: relative;
}
@media (min-width: 768px) {
  .support-flow-block .support-flow-item + .support-flow-item {
    margin-top: 56px;
  }
}
.support-flow-block .support-flow-item + .support-flow-item::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translate3d(0, -8px, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  border-top: 25px solid #01386d;
  border-bottom: 0;
}
@media (min-width: 768px) {
  .support-flow-block .support-flow-item + .support-flow-item::before {
    transform: translate3d(0, -10px, 0);
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
    border-top: 35px solid #01386d;
    border-bottom: 0;
  }
}

.support-app-block {
  margin-bottom: 0;
}
.support-app-block .support-app-img-01 {
  margin-top: 0;
  margin-bottom: -30px;
  padding-inline: 30px;
}
@media (min-width: 768px) {
  .support-app-block .support-app-img-01 {
    margin-top: -120px;
    margin-bottom: -45px;
    padding-inline: 0;
  }
}
@media (min-width: 992px) {
  .support-app-block .support-app-img-01 {
    margin-top: -120px;
    margin-bottom: -60px;
  }
}

/* プレサンスではじめる不動産投資 */
.investment-intro-wrapper {
  position: relative;
  z-index: 1;
}
.investment-intro-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #e1f2fc;
  z-index: -2;
}
.investment-intro-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/front/concept-bg-layer-sp.png) no-repeat center top/cover;
  mix-blend-mode: soft-light;
  display: inline-block;
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .investment-intro-wrapper:after {
    background: url(../images/front/concept-bg-layer.png) no-repeat center top/cover;
  }
}

.investment-intro-arrow {
  display: block;
  width: 100%;
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
}
.investment-intro-arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  right: calc(50% + 110px);
  height: 100%;
  background-color: #FFFFFF;
}
@media (min-width: 768px) {
  .investment-intro-arrow::before {
    right: calc(50% + 220px);
  }
}
.investment-intro-arrow::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% + 110px);
  right: calc(50% - 50vw);
  height: 100%;
  background-color: #FFFFFF;
}
@media (min-width: 768px) {
  .investment-intro-arrow::after {
    left: calc(50% + 220px);
  }
}
.investment-intro-arrow .investment-intro-arrow-inner {
  display: block;
  position: relative;
  width: 220px;
  height: 35px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .investment-intro-arrow .investment-intro-arrow-inner {
    width: 440px;
    height: 70px;
  }
}
.investment-intro-arrow .investment-intro-arrow-inner::before {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background: #FFFFFF;
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  position: absolute;
  left: 0;
  bottom: 0;
}
.investment-intro-arrow .investment-intro-arrow-inner::after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background: #FFFFFF;
  clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .investment-intro-block {
    gap: 24px;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
}
@media (min-width: 1280px) {
  .investment-intro-block {
    gap: 40px;
  }
}
@media (max-width: 1279px) {
  .investment-intro-block {
    width: 824px;
    max-width: 100%;
    margin-inline: auto;
  }
}
@media (max-width: 781px) {
  .investment-intro-block {
    width: 400px;
    max-width: 100%;
    margin-inline: auto;
  }
}
.investment-intro-block > .wp-block-column {
  background-color: #fff;
  border: 1px solid #000000;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.investment-intro-block > .wp-block-column > * {
  width: 100%;
}
@media (min-width: 782px) and (max-width: 1279px) {
  .investment-intro-block > .wp-block-column {
    flex-basis: unset !important;
    flex-grow: unset !important;
    width: calc((100% - 24px) / 2);
  }
}
.investment-intro-block .investment-intro-image {
  position: relative;
  margin: 0;
}
.investment-intro-block .investment-intro-image .wp-block-image {
  margin: 0;
}
.investment-intro-block .investment-intro-image .investment-intro-catch {
  position: absolute;
  bottom: 16px;
  left: 16px;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .investment-intro-block .investment-intro-image .investment-intro-catch {
    bottom: 24px;
    left: 24px;
  }
}
.investment-intro-block .investment-intro-image .investment-intro-catch p {
  display: inline;
  background-color: #ffffff;
  padding: 4px 10px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  margin: 0;
}
.investment-intro-block .investment-intro-content {
  flex: 1;
  padding: 4px 16px 0;
  margin: 0;
  flex-direction: row;
  gap: 0;
}
@media (min-width: 768px) {
  .investment-intro-block .investment-intro-content {
    padding: 8px 16px 0;
  }
}
@media (min-width: 992px) {
  .investment-intro-block .investment-intro-content {
    padding: 8px 20px 0;
  }
}
@media (min-width: 1280px) {
  .investment-intro-block .investment-intro-content {
    padding: 8px 24px 0;
  }
}
.investment-intro-block .investment-intro-content > * {
  width: 100%;
}
.investment-intro-block .investment-intro-content p {
  margin: 0;
}
.investment-intro-block .investment-intro-content .investment-intro-title {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0;
  gap: 0;
  align-items: baseline;
  flex-wrap: wrap !important;
}
@media (min-width: 768px) {
  .investment-intro-block .investment-intro-content .investment-intro-title {
    font-size: clamp(1.25rem, 1.7647058824vw, 1.75rem);
  }
}
.investment-intro-block .investment-intro-content .investment-intro-title p {
  line-height: 1.25;
}
.investment-intro-block .wp-block-buttons {
  margin: 0;
  align-self: flex-end;
  padding: 4px 16px 16px;
}
@media (min-width: 768px) {
  .investment-intro-block .wp-block-buttons {
    padding: 8px 24px 24px;
  }
}

.investment-intro-subtitle {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: clamp(1.5rem, 5.3333333333vw, 2.75rem);
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .investment-intro-subtitle {
    font-size: clamp(2rem, 3.90625vw, 3.125rem);
  }
}
.investment-intro-subtitle .text-small {
  display: inline-block;
  font-size: 66%;
}
.investment-intro-subtitle .text-large {
  font-size: 120%;
}

.investment-supprot-header {
  width: 1080px;
  max-width: 100%;
  margin-inline: auto;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .investment-supprot-header p {
    margin-left: 23rem;
  }
}

.investment-supprot-balloon {
  display: inline-flex;
  padding: 8px 24px;
  border-radius: 24px;
  background-color: #287FC7;
  position: absolute;
  bottom: 100%;
  transform: translate3d(0, -8px, 0);
}
@media (min-width: 768px) {
  .investment-supprot-balloon {
    transform: translate3d(0, 16px, 0);
  }
}
.investment-supprot-balloon::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transform: translate3d(0, -1px, 0);
  margin: 0 auto;
  width: 16px;
  height: 20px;
  background-color: #287FC7;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.investment-supprot-balloon p {
  margin: 0 0 4px;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  color: #fff;
}
.investment-supprot-balloon p .text-large {
  font-size: 150%;
}
@media (min-width: 768px) {
  .investment-supprot-balloon p {
    font-size: 1.75rem;
  }
}

.investment-supprot-block {
  width: 1080px;
  max-width: 100%;
  margin-inline: auto;
  background-color: #fff;
  border-radius: 10px;
  padding: 16px;
  position: relative;
  margin-top: 8rem;
}
@media (min-width: 768px) {
  .investment-supprot-block {
    margin-top: 0;
    padding: 40px;
  }
}
.investment-supprot-block .wp-block-columns {
  margin-block: 0;
}

.investment-supprot-table-wrapper {
  border: 1px solid #000000;
  border-radius: 10px;
  overflow: hidden;
  margin-block: 0;
}
.investment-supprot-table-wrapper + .investment-supprot-table-wrapper {
  margin-top: 2em;
}
.investment-supprot-table-wrapper .investment-supprot-table-title {
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  background-color: #0F132A;
  color: #fff;
  padding: 8px;
  margin: 0;
}
@media (min-width: 768px) {
  .investment-supprot-table-wrapper .investment-supprot-table-title {
    padding: 16px;
  }
}
.investment-supprot-table-wrapper .wp-block-columns {
  margin-block: 0;
  gap: 0;
}
@media (min-width: 768px) {
  .investment-supprot-table-wrapper .wp-block-columns > .wp-block-column:nth-child(2) {
    border-left: 1px solid #000000;
  }
}
.investment-supprot-table-wrapper .wp-block-columns > .wp-block-column:nth-child(2) table tr {
  background-color: #eeeeee;
}
.investment-supprot-table-wrapper .wp-block-columns > .wp-block-column:nth-child(2) table tr:nth-child(even) {
  background-color: #fff;
}
.investment-supprot-table-wrapper .wp-block-columns > .wp-block-column:nth-child(2) table tr:first-child {
  font: inherit;
  color: inherit;
}
.investment-supprot-table-wrapper .investment-supprot-table {
  margin-block: 0;
}
.investment-supprot-table-wrapper table th, .investment-supprot-table-wrapper table td {
  border: none;
  height: 48px;
  padding: 4px 10px;
  line-height: 1.3;
}
.investment-supprot-table-wrapper table tr {
  background-color: #fff;
}
.investment-supprot-table-wrapper table tr:nth-child(even) {
  background-color: #eeeeee;
}
.investment-supprot-table-wrapper table tr:first-child {
  font-size: 1.25rem;
  font-weight: 600;
  color: #287FC7;
}
.investment-supprot-table-wrapper table tr > *:nth-child(1) {
  width: 4rem;
}
.investment-supprot-table-wrapper table tr > *:nth-child(3) {
  width: 6rem;
  text-align: right;
}
.investment-expect-wrapper {
  position: relative;
  z-index: 1;
}
.investment-expect-wrapper:before {
  content: "";
  display: block;
  height: 100px;
  background: url("../images/common/bg-bottom-gradation-sp.png") no-repeat center top/cover;
  background-image: image-set(url("../images/common/bg-bottom-gradation-sp.webp") type("image/webp"), url("../images/common/bg-bottom-gradation-sp.png") type("image/png"));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
@media (min-width: 768px) {
  .investment-expect-wrapper:before {
    height: 315px;
    background-image: image-set(url("../images/common/bg-bottom-gradation.webp") type("image/webp"), url("../images/common/bg-bottom-gradation.png") type("image/png"));
  }
}

.investment-expect-block {
  width: 950px;
  max-width: 100%;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .investment-expect-block {
    overflow-x: auto;
  }
  .investment-expect-block > .wp-block-group__inner-container {
    width: 750px;
  }
}
.investment-expect-block .investment-expect-block-01 {
  border: 1px solid #000000;
  border-radius: 10px;
  background-color: #fff;
  padding: 16px 8px;
  margin-top: 2rem;
  margin-bottom: 1rem;
  gap: 8px;
}
@media (min-width: 768px) {
  .investment-expect-block .investment-expect-block-01 {
    padding: 24px 32px;
    gap: 16px;
  }
}
.investment-expect-block .investment-expect-block-01 .wp-block-image {
  margin-bottom: 0;
}
.investment-expect-block .investment-expect-block-02 {
  margin-bottom: 0;
  padding: 0 8px;
  gap: 10px;
}
@media (min-width: 768px) {
  .investment-expect-block .investment-expect-block-02 {
    padding: 0 32px;
    gap: 16px;
  }
}
.investment-expect-block .investment-expect-block-02 > .wp-block-column {
  text-align: center;
}
.investment-expect-block .investment-expect-block-02 > .wp-block-column p {
  display: inline-block;
  text-align: left;
  font-size: 0.75rem;
  margin-bottom: 0;
}
.investment-high-grade-section-title {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .investment-high-grade-section-title {
    font-size: 2.18rem;
  }
}

.investment-high-grade-block {
  width: 1280px;
  max-width: 100%;
  margin-inline: auto;
}
.investment-high-grade-block .investment-high-grade-item {
  border: 1px solid #000000;
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
  padding: 0;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.investment-high-grade-block .investment-high-grade-item .wp-block-media-text__media {
  height: 100%;
}
.investment-high-grade-block .investment-high-grade-item .wp-block-media-text__media img {
  height: 100%;
  object-fit: cover;
}
.investment-high-grade-block .investment-high-grade-item .wp-block-media-text__content {
  padding: 16px;
}
@media (min-width: 768px) {
  .investment-high-grade-block .investment-high-grade-item .wp-block-media-text__content {
    padding: 24px 24px;
  }
}
@media (min-width: 992px) {
  .investment-high-grade-block .investment-high-grade-item .wp-block-media-text__content {
    padding: 24px 48px;
  }
}
@media (min-width: 1280px) {
  .investment-high-grade-block .investment-high-grade-item .wp-block-media-text__content {
    padding: 24px 64px;
  }
}
.investment-high-grade-block .investment-high-grade-item .investment-high-grade-title {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: clamp(1.25rem, 2.6666666667vw, 1.5rem);
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .investment-high-grade-block .investment-high-grade-item .investment-high-grade-title {
    font-size: clamp(1.25rem, 2.5vw, 2.125rem);
  }
}
@media (min-width: 1280px) {
  .investment-high-grade-block .investment-high-grade-item .investment-high-grade-title {
    font-size: 2.125rem;
  }
}
.investment-high-grade-block .investment-high-grade-item p {
  font-size: clamp(0.9125rem, 2vw, 1rem);
}
@media (min-width: 768px) {
  .investment-high-grade-block .investment-high-grade-item p {
    font-size: clamp(0.9125rem, 1.25vw, 1rem);
  }
}
@media (min-width: 1280px) {
  .investment-high-grade-block .investment-high-grade-item p {
    font-size: 1rem;
  }
}

.investment-new-block {
  width: 1280px;
  max-width: 100%;
  margin-inline: auto;
  margin-block: 0;
  border: 1px solid #000000;
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
  padding: 0;
  gap: 0;
  position: relative;
}
.investment-new-block .investment-new-img .wp-block-image {
  margin: 0;
  height: 100%;
  position: relative;
}
.investment-new-block .investment-new-img .wp-block-image .wp-element-caption {
  position: absolute;
  left: 16px;
  bottom: 16px;
  z-index: 1;
  background-color: #fff;
  margin: 0;
  padding: 4px 8px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25;
}
.investment-new-block .investment-new-img .wp-block-image img {
  height: 100%;
  object-fit: cover;
}
.investment-new-block .investment-new-content .investment-new-content-header {
  padding: 16px;
  border-bottom: 1px solid #000000;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px) {
  .investment-new-block .investment-new-content .investment-new-content-header {
    padding: 24px;
  }
}
.investment-new-block .investment-new-content .investment-new-content-header .investment-new-content-title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.95;
  text-align: center;
  margin-bottom: 1em;
}
.investment-new-block .investment-new-content .investment-new-content-header .investment-new-content-root {
  background-color: #e0f1fd;
  border-radius: 10px;
  padding: 12px 12px;
}
@media screen and (max-width: 420px) {
  .investment-new-block .investment-new-content .investment-new-content-header .investment-new-content-root .investment-new-content-root-inner {
    flex-direction: column;
    gap: 0;
  }
}
.investment-new-block .investment-new-content .investment-new-content-header .investment-new-content-root .text-main {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 1em;
}
.investment-new-block .investment-new-content .investment-new-content-header .investment-new-content-root .text-label {
  display: inline-block;
  font-size: 0.775rem;
  font-weight: 600;
  line-height: 1.25;
  margin: 0;
  background-color: #FFFFFF;
  padding: 8px 12px;
  border-radius: 99999px;
}
.investment-new-block .investment-new-content .investment-new-content-header .investment-new-content-root .text-and {
  font-size: 0.775rem;
  font-weight: 600;
  margin: 0;
}
.investment-new-block .investment-new-content .investment-new-content-body {
  padding: 16px 16px 32px;
}
@media (min-width: 768px) {
  .investment-new-block .investment-new-content .investment-new-content-body {
    padding: 24px 24px 40px;
  }
}
@media screen and (max-width: 991px) {
  .investment-new-block {
    flex-wrap: wrap !important;
  }
  .investment-new-block .wp-block-column {
    flex-basis: 100% !important;
  }
}

.investment-new-btn {
  margin-top: -24px;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .investment-new-btn {
    margin-top: -30px;
  }
}
@media (min-width: 768px) {
  .investment-new-btn .wp-block-button__link {
    width: 500px;
  }
}

.investment-gloup-block {
  width: 1000px;
  max-width: 100%;
  margin-inline: auto;
  margin-block: 0 3rem;
  border-radius: 40px;
  background-color: #fff;
  padding: 24px 16px;
}
@media (min-width: 768px) {
  .investment-gloup-block {
    padding: 24px 40px;
    border-radius: 9999px;
  }
}
@media screen and (min-width: 1080px) {
  .investment-gloup-block {
    padding: 24px 80px;
  }
}
.investment-gloup-block .investment-gloup-header {
  margin-block: 0;
}
.investment-gloup-block .investment-gloup-content {
  margin-top: 1.5rem;
  margin-bottom: 0;
  gap: 40px;
  flex-wrap: wrap !important;
}
@media (min-width: 768px) {
  .investment-gloup-block .investment-gloup-content {
    gap: 40px;
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1080px) {
  .investment-gloup-block .investment-gloup-content {
    gap: 60px;
  }
}
.investment-gloup-block .investment-gloup-content > .wp-block-group {
  text-align: center;
  width: calc((100% - 80px) / 3);
}
@media (min-width: 768px) {
  .investment-gloup-block .investment-gloup-content > .wp-block-group {
    width: auto;
  }
}
@media (max-width: 767px) {
  .investment-gloup-block .investment-gloup-content > .wp-block-group:nth-child(4) {
    margin-left: 40px;
  }
}
.investment-gloup-block .investment-gloup-content .wp-block-image {
  mask-border: 1rem;
  position: relative;
}
.investment-gloup-block .investment-gloup-content .wp-block-image::before {
  content: "";
  display: inline-block;
  max-width: 24px;
  width: 20%;
  height: auto;
  aspect-ratio: 24/44;
  background: #01386d;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  transform: translate3d(-8px, 0, 0);
  margin: auto;
}
@media screen and (min-width: 1080px) {
  .investment-gloup-block .investment-gloup-content .wp-block-image::before {
    transform: translate3d(-18px, 0, 0);
  }
}
.investment-gloup-block .investment-gloup-content p {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 0;
}
.investment-gloup-block .investment-gloup-content > .wp-block-group:first-child .wp-block-image::before {
  display: none;
}

body.home:not(.is-scrolled) .l-header__inner {
  border-bottom: none;
}
body.home:not(.is-scrolled) .c-page-header__inner {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
body.home.is-scrolled .c-page-header__inner {
  opacity: 1;
  visibility: visible;
}

.p-front {
  text-align: center;
  padding: 80px 20px;
}
.p-front__title {
  font-size: 2rem;
  color: #0F132A;
  margin-bottom: 16px;
}
.p-front__description {
  color: #666666;
}

.p-front-mv {
  position: relative;
}
.p-front-mv .mv-bg-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-front-mv .mv-bg-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 43.6%;
  aspect-ratio: 327/337;
}
@media (min-width: 768px) {
  .p-front-mv .mv-bg-left {
    width: 420px;
    aspect-ratio: 839/637;
  }
}
.p-front-mv .mv-bg-left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-front-mv .mv-bg-right {
  position: absolute;
  top: 56vw;
  right: 0;
  width: 25.6%;
  aspect-ratio: 192/420;
}
@media (min-width: 768px) {
  .p-front-mv .mv-bg-right {
    top: 160px;
    width: 291px;
    aspect-ratio: 582/977;
  }
}
.p-front-mv .mv-bg-right img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-front-mv .mv-bg-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center top;
}
@media (min-width: 768px) {
  .p-front-mv .mv-bg-bottom {
    height: 474px;
  }
}
.p-front-mv .mv-bg-bottom img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.p-front-mv .p-front-mv__inner {
  position: relative;
  z-index: 1;
  padding-top: 50px;
}
@media (min-width: 992px) {
  .p-front-mv .p-front-mv__inner {
    padding-top: 100px;
  }
}
@media (min-width: 1280px) {
  .p-front-mv .p-front-mv__content {
    min-height: 480px;
  }
}
.p-front-mv .p-front-mv__content .p-front-mv__header {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .p-front-mv .p-front-mv__content .p-front-mv__header {
    margin-bottom: 48px;
  }
}
.p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__title {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: 7.3333333333vw;
  font-weight: 600;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__title {
    font-size: 3.75vw;
    display: block;
    text-align: center;
  }
}
@media (min-width: 1281px) {
  .p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__title {
    font-size: 48px;
  }
}
.p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__title .text-large {
  font-size: 120%;
}
.p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__title .p-front-mv__title-inner {
  display: inline-block;
}
.p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__title .p-front-mv__title-inner:nth-child(2) {
  position: relative;
  z-index: 1;
  padding-bottom: 0.2em;
}
.p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__title .p-front-mv__title-inner:nth-child(2)::before {
  content: "";
  display: inline-block;
  width: 100%;
  aspect-ratio: 916/44;
  background: url(../images/front/mv-title-underline.png) no-repeat center center/contain;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 768px) {
  .p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__title .p-front-mv__title-inner {
    padding-bottom: 0.2em;
  }
}
.p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper {
    gap: 32px;
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (min-width: 1280px) {
  .p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper {
    display: block;
    position: relative;
  }
}
.p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper .p-front-mv__subtitle {
  font-size: 3.7333333333vw;
  line-height: 2.5;
  white-space: nowrap;
  margin: 0;
}
@media (min-width: 768px) {
  .p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper .p-front-mv__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 1280px) {
  .p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper .p-front-mv__subtitle {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper .p-front-mv__subtitle .text-large {
  font-size: 128%;
}
.p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper .p-front-mv__subtitle .subtitle-inner {
  display: inline;
  background-color: #287FC7;
  color: #FFFFFF;
  padding: 6px 8px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-weight: 600;
  line-height: 1.8;
}
.p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper .p-front-mv__subtitle .subtitle-inner .text-large {
  font-size: 128%;
}
.p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper .p-front-mv__ranking-text {
  text-align: center;
}
@media (min-width: 768px) {
  .p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper .p-front-mv__ranking-text {
    text-align: left;
    flex: none;
  }
}
@media (min-width: 1280px) {
  .p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper .p-front-mv__ranking-text {
    position: absolute;
    top: 0;
    left: 75%;
    right: 0;
    margin: auto;
    padding-left: 32px;
  }
}
.p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper .p-front-mv__ranking-text img {
  height: auto;
  object-fit: contain;
  width: 60vw;
  max-width: 100%;
}
@media (min-width: 768px) {
  .p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper .p-front-mv__ranking-text img {
    width: 230px;
  }
}
.p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper .p-front-mv__ranking-text .list-note {
  margin-top: 8px;
}
@media (max-width: 767px) {
  .p-front-mv .p-front-mv__content .p-front-mv__header .p-front-mv__subtitle-wrapper .p-front-mv__ranking-text .list-note li {
    font-size: clamp(0.6rem, 2.4vw, 0.875rem);
  }
}
.p-front-mv .p-front-mv__content .p-front-mv__main {
  padding-bottom: 32px;
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 768px) {
  .p-front-mv .p-front-mv__content .p-front-mv__main {
    padding-bottom: 72px;
    margin-left: 0;
    margin-right: 0;
  }
}

.p-front-mv-seminar-slider {
  margin-inline: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
  margin-inline: auto;
  max-width: 640px;
}
.p-front-mv-seminar-slider.slick-initialized {
  opacity: 1;
}
@media (min-width: 992px) {
  .p-front-mv-seminar-slider {
    margin-inline: auto;
    width: 640px;
    max-width: 50vw;
  }
}
.p-front-mv-seminar-slider:before {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  z-index: -1;
  aspect-ratio: 876/528;
  background-color: #93bcd4;
  border-radius: 8px;
  transform: rotate(3deg);
}
@media (min-width: 768px) {
  .p-front-mv-seminar-slider:before {
    top: 0;
    left: 0;
    right: 0;
  }
}
.p-front-mv-seminar-slider .slick-prev,
.p-front-mv-seminar-slider .slick-next {
  width: 40px;
  height: 40px;
  background-color: #287FC7;
  border-radius: 9999px;
  font-size: 0;
  line-height: 0;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: background-color 0.3s ease;
}
@media (min-width: 768px) {
  .p-front-mv-seminar-slider .slick-prev,
  .p-front-mv-seminar-slider .slick-next {
    width: 50px;
    height: 50px;
  }
}
.p-front-mv-seminar-slider .slick-prev:hover, .p-front-mv-seminar-slider .slick-prev:focus,
.p-front-mv-seminar-slider .slick-next:hover,
.p-front-mv-seminar-slider .slick-next:focus {
  background-color: #013A72;
}
.p-front-mv-seminar-slider .slick-prev {
  left: 24px;
  top: 30.1369863014vw;
  transform: translate3d(-50%, -50%, 0);
}
@media (min-width: 768px) {
  .p-front-mv-seminar-slider .slick-prev {
    left: 0;
    top: 192.8767123288px;
  }
}
.p-front-mv-seminar-slider .slick-prev::before {
  content: "";
  opacity: 1;
  font-size: 1rem;
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-left.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-left.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
.p-front-mv-seminar-slider .slick-next {
  right: 24px;
  top: 30.1369863014vw;
  transform: translate3d(50%, -50%, 0);
}
@media (min-width: 768px) {
  .p-front-mv-seminar-slider .slick-next {
    right: 0;
    top: 192.8767123288px;
  }
}
.p-front-mv-seminar-slider .slick-next::before {
  content: "";
  opacity: 1;
  font-size: 1rem;
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
.p-front-mv-seminar-slider .slick-dots {
  bottom: -32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  list-style: none;
}
@media (min-width: 768px) {
  .p-front-mv-seminar-slider .slick-dots {
    gap: 14px;
    bottom: -24px;
  }
}
.p-front-mv-seminar-slider .slick-dots li {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
.p-front-mv-seminar-slider .slick-dots li button {
  width: auto;
  height: auto;
  padding: 0;
}
.p-front-mv-seminar-slider .slick-dots li button::before {
  content: "";
  position: static;
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 2px solid #287FC7;
  border-radius: 9999px;
  opacity: 1;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .p-front-mv-seminar-slider .slick-dots li button::before {
    width: 14px;
    height: 14px;
  }
}
.p-front-mv-seminar-slider .slick-dots li.slick-active button::before {
  background-color: #287FC7;
  opacity: 1;
}
.p-front-mv-seminar-slider .slick-dots li:hover button::before {
  background-color: #287FC7;
  opacity: 1;
}
@media (min-width: 992px) {
  .p-front-mv-seminar-slider .slick-list {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
.p-front-mv-seminar-slider.is-single-slider .p-front-mv-seminar-slider__slide {
  padding: 0;
}
.p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide {
  padding: 0 24px;
  position: relative;
}
.p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide .p-front-mv-seminar-slider__link .p-front-mv-seminar-slider__image img {
  background-color: #FFFFFF;
  border: 1px solid #287FC7;
  border-radius: 8px;
  overflow: hidden;
  padding: 8px;
  height: auto;
  object-fit: cover;
  aspect-ratio: 876/528;
  width: 100%;
}
@media (min-width: 768px) {
  .p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide .p-front-mv-seminar-slider__link .p-front-mv-seminar-slider__image img {
    padding: 16px;
    max-width: 640px;
    width: calc(100vw - 40px);
  }
}
.p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide .p-front-mv-seminar-slider__link .p-front-mv-seminar-slider__content .p-front-mv-seminar-slider__title {
  font-size: 1.125rem;
  line-height: 2.2;
  margin: 24px 0 16px 0;
}
@media (min-width: 768px) {
  .p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide .p-front-mv-seminar-slider__link .p-front-mv-seminar-slider__content .p-front-mv-seminar-slider__title {
    margin: 24px 0 16px 16px;
  }
}
.p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide .p-front-mv-seminar-slider__link .p-front-mv-seminar-slider__content .p-front-mv-seminar-slider__title .text-inner {
  display: inline;
  background-color: #FFFFFF;
  padding: 4px 8px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media (max-width: 767px) {
  .p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide .p-front-mv-seminar-slider__link .p-front-mv-seminar-slider__content .p-front-mv-seminar-slider__button .c-button {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide {
    padding: 0;
  }
  .p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide .p-front-mv-seminar-slider__link {
    position: relative;
    padding-bottom: 40px;
  }
  .p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide .p-front-mv-seminar-slider__link .p-front-mv-seminar-slider__image img {
    width: 640px;
    max-width: 50vw;
    transform: scale(1) rotate(0);
    transform-origin: center bottom;
    margin-left: 0;
    transition: all 0.4s ease-in 0.1s;
  }
  .p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide .p-front-mv-seminar-slider__link .p-front-mv-seminar-slider__content {
    opacity: 1;
    visibility: visible;
    transition: all 0.4s ease-in 0.1s;
  }
}
@media (min-width: 992px) and (min-width: 1280px) {
  .p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide .p-front-mv-seminar-slider__link .p-front-mv-seminar-slider__content {
    position: absolute;
    left: 100%;
    bottom: 0;
    z-index: 1;
    width: 90%;
    max-width: 25vw;
    padding: 16px;
  }
}
@media (min-width: 992px) {
  .p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide.slick-slide:not(.slick-current) .p-front-mv-seminar-slider__link .p-front-mv-seminar-slider__image img {
    transform: scale(0.6) rotate(-5deg);
    transform-origin: left bottom;
    margin-left: 25%;
  }
  .p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide.slick-slide:not(.slick-current) .p-front-mv-seminar-slider__content {
    opacity: 0;
    visibility: hidden;
  }
  .p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide.slick-current ~ .slick-slide {
    z-index: -1;
  }
  .p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide.slick-current ~ .slick-slide .p-front-mv-seminar-slider__link .p-front-mv-seminar-slider__image img {
    transform: scale(0.6) rotate(5deg);
    transform-origin: right bottom;
    margin-left: -25%;
  }
}
@media (min-width: 992px) and (min-width: 1280px) {
  .p-front-mv-seminar-slider .p-front-mv-seminar-slider__slide.slick-current ~ .slick-slide .p-front-mv-seminar-slider__link .p-front-mv-seminar-slider__image img {
    transform: scale(0.6) rotate(5deg);
    transform-origin: right bottom;
    margin-left: 50%;
  }
}

/* menu section */
#menu-section {
  background-color: #35597C;
  position: relative;
}

.front-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .front-menu-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.front-menu-list li {
  width: 100%;
}
.front-menu-list li.item-title {
  text-align: center;
}
@media (min-width: 768px) {
  .front-menu-list li:nth-child(1) {
    width: 21%;
  }
  .front-menu-list li:nth-child(2), .front-menu-list li:nth-child(3) {
    width: calc((79% - 32px) / 2);
  }
  .front-menu-list li:nth-child(4), .front-menu-list li:nth-child(5), .front-menu-list li:nth-child(6) {
    flex: 1;
  }
}
.front-menu-list li .front-menu-list__title {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-style: italic;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.1;
  color: #FFFFFF;
  padding: 0.5em 1em;
  margin: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .front-menu-list li .front-menu-list__title {
    font-size: clamp(25px, 3.6764705882vw, 50px);
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    justify-content: center;
  }
}
.front-menu-list li a {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  padding: 12px 12px;
  border-radius: 8px;
  background-color: #FFFFFF;
  position: relative;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .front-menu-list li a:hover {
    opacity: 0.8;
  }
}
@media (min-width: 768px) {
  .front-menu-list li a {
    gap: 16px;
    font-size: 16px;
    padding: 16px 16px;
  }
}
.front-menu-list li a .inquiry-gift-tips {
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  z-index: 1;
  text-align: center;
}
@media (min-width: 768px) {
  .front-menu-list li a .inquiry-gift-tips {
    top: -24px;
  }
}
.front-menu-list li a .inquiry-gift-tips .inquiry-gift-tips-inner {
  position: relative;
  display: inline-block;
  background-color: #c32222;
  padding: 4px 8px;
  border-radius: 9999px;
  color: #fff;
  font-size: 11px;
  line-height: 1.25;
  text-align: center;
  font-weight: 500;
}
@media (min-width: 768px) {
  .front-menu-list li a .inquiry-gift-tips .inquiry-gift-tips-inner {
    padding: 8px 16px;
    font-size: 16px;
  }
}
.front-menu-list li a .inquiry-gift-tips .inquiry-gift-tips-inner::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: #c32222 transparent transparent transparent;
}
.front-menu-list li a .front-menu-list__icon {
  width: 35px;
  height: 35px;
}
@media (min-width: 768px) {
  .front-menu-list li a .front-menu-list__icon {
    width: 70px;
    height: 70px;
  }
}
.front-menu-list li a .front-menu-list__text {
  flex: 1;
}
.front-menu-list li a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

/* concept section */
#concept-section {
  background: #b9e3f0;
  position: relative;
}
#concept-section .concept-bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/front/concept-bg-layer-sp.png) no-repeat center top/cover;
  mix-blend-mode: soft-light;
}
@media (min-width: 992px) {
  #concept-section .concept-bg-layer {
    background: url(../images/front/concept-bg-layer.png) no-repeat center top/cover;
  }
}

.concept-box {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .concept-box {
    flex-direction: row;
    gap: 2.0833333333vw;
    padding-bottom: 4.6875vw;
    width: 1920px;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 1921px) {
  .concept-box {
    gap: 40px;
    padding-bottom: 90px;
  }
}
.concept-box .concept-box-img-01 {
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .concept-box .concept-box-img-01 {
    padding-left: 40px;
    width: 33.3%;
    align-self: flex-start;
  }
}
.concept-box .concept-box-img-01::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 24px;
  z-index: 1;
  transform: translate3d(0, 50%, 0);
  width: 22.2666666667vw;
  height: 22.2666666667vw;
  background-color: rgba(123, 178, 219, 0.3);
  border-radius: 16px;
  mix-blend-mode: multiply;
}
@media (min-width: 992px) {
  .concept-box .concept-box-img-01::before {
    width: 43.8%;
    height: 0;
    padding-bottom: 43.8%;
    bottom: -6%;
    right: -5%;
    transform: none;
    border-radius: 24px;
  }
}
.concept-box .concept-box-img-01 img {
  width: 100%;
  height: auto;
}
.concept-box .concept-box-img-02 {
  padding: 0 16px;
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .concept-box .concept-box-img-02 {
    padding: 30px 0 0;
    margin-bottom: 0;
    width: 31.8%;
    align-self: flex-start;
  }
}
.concept-box .concept-box-img-02::before {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 32px;
  z-index: -1;
  width: 22.2666666667vw;
  height: 22.2666666667vw;
  background-color: rgba(123, 178, 219, 0.3);
  border-radius: 16px;
  mix-blend-mode: multiply;
}
@media (min-width: 992px) {
  .concept-box .concept-box-img-02::before {
    width: 41.1%;
    height: 0;
    padding-bottom: 41.1%;
    top: 14.5%;
    bottom: auto;
    left: 30.2%;
    border-radius: 24px;
  }
}
.concept-box .concept-box-img-02::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 16vw;
  z-index: -1;
  width: 22.2666666667vw;
  height: 22.2666666667vw;
  background-color: rgba(123, 178, 219, 0.3);
  border-radius: 16px;
  mix-blend-mode: multiply;
}
@media (min-width: 992px) {
  .concept-box .concept-box-img-02::after {
    display: none;
  }
}
.concept-box .concept-box-img-02 img {
  width: 100%;
  height: auto;
}
.concept-box .concept-box-img-02 .list-note {
  text-align: right;
}
@media (min-width: 992px) {
  .concept-box .concept-box-img-02 .list-note {
    text-align: left;
  }
}
.concept-box .concept-box-content {
  display: contents;
}
@media (min-width: 992px) {
  .concept-box .concept-box-content {
    display: block;
    flex: 1;
    padding-top: 4.1666666667vw;
  }
}
@media (min-width: 1921px) {
  .concept-box .concept-box-content {
    padding-top: 80px;
  }
}
.concept-box .concept-box-content .concept-box-content-body {
  padding: 0 24px;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .concept-box .concept-box-content .concept-box-content-body {
    padding: 0;
  }
}
.concept-box .concept-box-content .concept-box-content-body .concept-box-content-body-title {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 24px;
  margin-bottom: 24px;
}
.concept-box .concept-box-content .concept-box-content-body .concept-box-content-body-title .text-large {
  font-size: 166%;
}
@media (min-width: 992px) {
  .concept-box .concept-box-content .concept-box-content-body .concept-box-content-body-title {
    font-size: 2.0833333333vw;
    margin-bottom: 2.9166666667vw;
  }
}
@media (min-width: 1921px) {
  .concept-box .concept-box-content .concept-box-content-body .concept-box-content-body-title {
    font-size: 40px;
    margin-bottom: 56px;
  }
}
.concept-box .concept-box-content .concept-box-content-body .concept-box-content-body-text {
  font-size: 1.125rem;
}
@media (min-width: 992px) {
  .concept-box .concept-box-content .concept-box-content-body .concept-box-content-body-text {
    margin-bottom: 2.0833333333vw;
    font-size: clamp(14px, 0.9375vw, 18px);
  }
}
@media (min-width: 1921px) {
  .concept-box .concept-box-content .concept-box-content-body .concept-box-content-body-text {
    margin-bottom: 40px;
  }
}
.concept-box .concept-box-content .concept-box-content-footer {
  order: 2;
  padding: 0 24px;
}
@media (min-width: 992px) {
  .concept-box .concept-box-content .concept-box-content-footer {
    order: 1;
    padding: 0;
  }
}
.concept-box .concept-box-content .concept-box-content-footer .concept-box-content-footer-button {
  margin-top: 24px;
  text-align: center;
}
@media (min-width: 992px) {
  .concept-box .concept-box-content .concept-box-content-footer .concept-box-content-footer-button {
    margin-top: 3.125vw;
  }
}
@media (min-width: 1921px) {
  .concept-box .concept-box-content .concept-box-content-footer .concept-box-content-footer-button {
    margin-top: 60px;
  }
}

/* reasons section */
#reasons-section {
  background: url(../images/front/reasons-bg-sp.png) no-repeat left top/100% auto;
  background-color: #FFFFFF;
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  #reasons-section {
    background-image: url(../images/front/reasons-bg.png);
  }
}
@media (min-width: 768px) {
  #reasons-section .section-body {
    display: flex;
    flex-direction: column;
  }
  #reasons-section .section-body .front-reasons-more {
    order: 2;
  }
}

.front-reasons-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 768px) {
  .front-reasons-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .front-reasons-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.front-reasons-list li {
  border: 1px solid #000000;
  border-radius: 8px;
  padding: 12px;
  background-color: #FFFFFF;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .front-reasons-list li {
    margin-top: 40px;
  }
}
.front-reasons-list li .front-reasons-list__header {
  position: relative;
}
.front-reasons-list li .front-reasons-list__header .front-reasons-list__number {
  position: absolute;
  top: 0;
  left: -4px;
  z-index: 1;
  transform: translate(0, -50%);
  background-color: #013A72;
  color: #FFFFFF;
  width: 2em;
  height: 2em;
  border-radius: 99999px;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
  vertical-align: middle;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .front-reasons-list li .front-reasons-list__header .front-reasons-list__number {
    transform: translate(0, -70%);
    font-size: 33px;
  }
}
.front-reasons-list li .front-reasons-list__header .front-reasons-list__image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.front-reasons-list li .front-reasons-list__header .front-reasons-list__title {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  background-color: #FFFFFF;
  padding: 4px 8px;
  position: absolute;
  bottom: 8px;
  left: 0;
}
@media (min-width: 768px) {
  .front-reasons-list li .front-reasons-list__header .front-reasons-list__title {
    font-size: 18px;
  }
}
.front-reasons-list li .front-reasons-list__body {
  padding: 12px 0 0;
}
.front-reasons-list li .front-reasons-list__body .front-reasons-list__text {
  font-size: 15px;
  margin: 0;
}

.front-reasons-more {
  text-align: center;
  margin-top: 40px;
}

/* gallery section */
#gallery-section {
  background-color: #0F132A;
}
#gallery-section .section-header .section-header__title {
  color: #FFFFFF;
}
#gallery-section .section-header .section-header__subtitle {
  color: #FFFFFF;
}
@media (min-width: 768px) {
  #gallery-section {
    margin-top: 60px;
  }
  #gallery-section .section-header {
    margin-top: -120px;
    position: relative;
    z-index: 2;
  }
  #gallery-section .section-header .section-header-inner {
    display: inline-block;
    background-color: #0F132A;
    padding: 36px 80px 0 80px;
    border-radius: 16px;
  }
}

.front-gallery-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .front-gallery-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.front-gallery-list .front-gallery-all {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 12px;
}
@media (min-width: 768px) {
  .front-gallery-list .front-gallery-all {
    width: 30%;
    padding: 12px;
  }
}
.front-gallery-list .front-gallery-all img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}
@media (min-width: 768px) {
  .front-gallery-list .front-gallery-all img {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.front-gallery-list .front-gallery-all .front-gallery-all-inner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.front-gallery-list .front-gallery-all .front-gallery-all-inner .front-gallery-all-button {
  position: absolute;
  bottom: 12px;
  left: 16px;
  right: 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .front-gallery-list .front-gallery-all .front-gallery-all-inner .front-gallery-all-button {
    bottom: 16px;
    left: 16px;
    right: 16px;
  }
}
@media (min-width: 768px) {
  .front-gallery-list .gallery-search {
    flex: 1;
  }
}

/* seminar information section */
#seminar-information-section {
  position: relative;
  z-index: 1;
}
#seminar-information-section .seminar-information-bg {
  display: none;
}
@media (min-width: 768px) {
  #seminar-information-section .seminar-information-bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
}
#seminar-information-section .l-container {
  position: relative;
  z-index: 2;
}

.front-seminar-information-subtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
@media (min-width: 768px) {
  .front-seminar-information-subtitle {
    gap: 24px;
  }
}
.front-seminar-information-subtitle:before, .front-seminar-information-subtitle:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000000;
}
.front-seminar-information-subtitle .text-inner {
  flex: 1;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
}

.front-seminar-information-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .front-seminar-information-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 32px;
  }
}
@media (min-width: 992px) {
  .front-seminar-information-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.front-seminar-information-list li .front-seminar-information-list__inner {
  border: 1px solid #000000;
  border-radius: 8px;
  padding: 16px;
  background-color: #FFFFFF;
}
.front-seminar-information-list li .front-seminar-information-list__inner .front-seminar-information-list__image img {
  width: 100%;
  height: auto;
}
.front-seminar-information-list li .front-seminar-information-list__inner .front-seminar-information-list__content {
  margin: 16px 0 0;
}
.front-seminar-information-list li .front-seminar-information-list__inner .front-seminar-information-list__content .front-seminar-information-list__title {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 12px;
}
.front-seminar-information-list li .front-seminar-information-list__inner .front-seminar-information-list__content .front-seminar-information-list__text {
  font-size: 0.9375rem;
  line-height: 1.7;
  margin: 0;
}
.front-seminar-information-list li .list-note {
  margin: 16px 0 0;
}

/* seminar section */
.front-wrapper #seminar-section {
  background-color: #eff5dd;
}

.front-seminar-list-more {
  text-align: center;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .front-seminar-list-more {
    margin-top: 40px;
  }
}

/* owner interview section */
#owner-interview-section {
  background-image: url(../images/front/owner-interview-bg-sp.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}
@media (min-width: 768px) {
  #owner-interview-section {
    background-image: url(../images/front/owner-interview-bg.png);
  }
}

.front-owner-interview-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px 16px;
}
@media (min-width: 768px) {
  .front-owner-interview-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 24px;
  }
  .front-owner-interview-list > :first-child {
    grid-column: 1/3;
  }
  .front-owner-interview-list > :first-child .c-magazine-card__title {
    font-size: 1.5rem;
    margin-top: 32px;
  }
  .front-owner-interview-list > :first-child .c-magazine-card__description {
    display: block;
    font-size: 0.9375rem;
    line-height: 1.7;
    margin: 0 0 16px;
  }
}

.front-owner-interview-list-more {
  margin-top: 40px;
  text-align: center;
}
@media (min-width: 768px) {
  .front-owner-interview-list-more {
    margin-top: 60px;
  }
}

/* magazine section */
#magazine-section {
  background-color: #0F132A;
}
#magazine-section .section-header .section-header__title {
  color: #FFFFFF;
}
#magazine-section .section-header .section-header__subtitle {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  .front-magazine-list-wrapper {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
  }
}
.front-magazine-list-wrapper .front-magazine-list-content {
  position: relative;
}
@media (min-width: 768px) {
  .front-magazine-list-wrapper .front-magazine-list-content {
    background-color: #FFFFFF;
    padding: 40px;
  }
}
.front-magazine-list-wrapper .front-magazine-list-content .front-magazine-list-content-inner {
  display: none;
}
.front-magazine-list-wrapper .front-magazine-list-content .front-magazine-list-content-inner.is-active {
  display: block;
}

.front-magazine-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px 16px;
}
@media (min-width: 992px) {
  .front-magazine-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 24px;
  }
}

.front-magazine-list-nav {
  overflow-x: auto;
  margin-bottom: 16px;
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 768px) {
  .front-magazine-list-nav {
    margin: 0;
  }
}
.front-magazine-list-nav .front-magazine-list-nav-list {
  list-style: none;
  padding: 8px 20px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: #35597C;
  white-space: nowrap;
  width: fit-content;
  min-width: 100%;
}
@media (min-width: 768px) {
  .front-magazine-list-nav .front-magazine-list-nav-list {
    justify-content: center;
    padding: 16px;
    gap: 4px;
    width: 100%;
  }
}
.front-magazine-list-nav .front-magazine-list-nav-list li button {
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4px 12px;
  color: #FFFFFF;
  background-color: #35597C;
  border: none;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .front-magazine-list-nav .front-magazine-list-nav-list li button {
    padding: 8px 24px;
  }
}
.front-magazine-list-nav .front-magazine-list-nav-list li button.is-active, .front-magazine-list-nav .front-magazine-list-nav-list li button:hover {
  background-color: #FFFFFF;
  color: #35597C;
}

.front-magazine-list-more {
  text-align: center;
  margin-top: 48px;
}
@media (min-width: 768px) {
  .front-magazine-list-more {
    margin-top: 64px;
  }
}

/* ebook section */
#ebook-section {
  background-color: #eff5dd;
}
#ebook-section .section-header .section-header__more {
  display: none;
}
#ebook-section .front-ebook-list-more {
  margin-top: 32px;
  text-align: center;
}
@media (min-width: 768px) {
  #ebook-section .front-ebook-list-more {
    margin-top: 40px;
  }
}
#ebook-section .front-ebook-list {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
#ebook-section .front-ebook-list.slick-initialized {
  opacity: 1;
}
#ebook-section .front-ebook-list .slick-list {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
@media (min-width: 768px) {
  #ebook-section .front-ebook-list .slick-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}
#ebook-section .front-ebook-list .slick-list .slick-track {
  display: flex;
}
#ebook-section .front-ebook-list .slick-list .slick-track .slick-slide {
  margin: 0;
  padding: 0 12px;
  height: auto !important;
}
@media (min-width: 768px) {
  #ebook-section .front-ebook-list .slick-list .slick-track .slick-slide {
    padding: 0 16px;
  }
}
#ebook-section .front-ebook-list .slick-list .slick-track .slick-slide .c-ebook-card {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
#ebook-section .front-ebook-list .slick-list .slick-track .slick-slide .c-ebook-card .c-ebook-card__content {
  width: 100%;
}
#ebook-section .front-ebook-list .slick-list .slick-track .slick-slide .c-ebook-card .c-ebook-card__bottom {
  width: 100%;
  align-self: flex-end;
}
#ebook-section .front-ebook-list .c-ebook-card__title {
  font-size: 0.975rem;
  margin: 16px 0 0;
}
@media (min-width: 768px) {
  #ebook-section .front-ebook-list .c-ebook-card__title {
    margin: 24px 0 0;
  }
}
#ebook-section .front-ebook-list .c-ebook-card__button {
  margin-top: 16px;
}
@media (min-width: 768px) {
  #ebook-section .front-ebook-list .c-ebook-card__button {
    margin-top: 24px;
  }
}
@media (min-width: 992px) {
  #ebook-section .section-header {
    display: flex;
    align-items: center;
    gap: 32px;
  }
  #ebook-section .section-header .section-header__subtitle {
    margin: 0;
  }
  #ebook-section .section-header .section-header__more {
    display: block;
  }
  #ebook-section .front-ebook-list-more {
    display: none;
  }
  #ebook-section .front-ebook-list {
    margin-left: 0;
    margin-right: 0;
  }
  #ebook-section .front-ebook-list.slick-slider.is-progressing {
    justify-content: flex-start;
  }
  #ebook-section .front-ebook-list.slick-slider.is-progressing .slick-list {
    order: 2;
    margin-top: -100px;
  }
  #ebook-section .front-ebook-list .slick-slide {
    padding: 0 16px;
  }
  #ebook-section .front-ebook-list .slick-slide .c-ebook-card {
    width: calc((100vw - 80px - 64px) / 4);
    transition: width 0.3s ease 0.1s;
  }
}
@media screen and (min-width: 992px) and (min-width: 1360px) {
  #ebook-section .front-ebook-list .slick-slide .c-ebook-card {
    width: 300px;
  }
}
@media (min-width: 992px) {
  #ebook-section .front-ebook-list .slick-slide .c-ebook-card .c-ebook-card__thumbnail {
    padding-top: 71.4285714286%;
  }
  #ebook-section .front-ebook-list .slick-slide .c-ebook-card .c-ebook-card__thumbnail .c-ebook-card__link {
    display: block;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 100%;
    height: auto;
    aspect-ratio: 7/5;
    transition: padding-top 0.3s ease 0.1s;
  }
  #ebook-section .front-ebook-list .slick-slide .c-ebook-card .c-ebook-card__thumbnail .c-ebook-card__link img {
    width: 100%;
    height: 100%;
    transition: width 0.3s ease 0.1s;
  }
  #ebook-section .front-ebook-list .slick-slide:nth-child(3 of .slick-active) .c-ebook-card {
    width: calc((100vw - 80px - 64px) / 2);
  }
}
@media screen and (min-width: 992px) and (min-width: 1360px) {
  #ebook-section .front-ebook-list .slick-slide:nth-child(3 of .slick-active) .c-ebook-card {
    width: 600px;
  }
}
@media (min-width: 992px) {
  #ebook-section .front-ebook-list .slick-slide:nth-child(3 of .slick-active) .c-ebook-card .c-ebook-card__thumbnail {
    padding-top: 0;
  }
  #ebook-section .front-ebook-list .slick-slide:nth-child(3 of .slick-active) .c-ebook-card .c-ebook-card__title {
    font-size: 1.25rem;
  }
  #ebook-section .front-ebook-list .slick-dots {
    width: calc(50% - 32px - 120px - 8px);
  }
}

.front-info-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 768px) {
  .front-info-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .front-info-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.front-info-list li .front-info-list__button {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 24px 16px;
  border: 1px solid #000000;
  border-radius: 8px;
  background-color: #FFFFFF;
  position: relative;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .front-info-list li .front-info-list__button {
    gap: 16px;
    padding: 40px 24px;
  }
}
.front-info-list li .front-info-list__button::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
.front-info-list li .front-info-list__button:hover {
  background-color: #013A72;
  color: #FFFFFF;
}

.p-404 {
  text-align: center;
  padding: 80px 20px;
}
.p-404__title {
  font-size: 4rem;
  color: #0F132A;
  margin-bottom: 16px;
}
.p-404__message {
  color: #666666;
  margin-bottom: 32px;
}
.p-404__link a {
  color: #013A72;
}
.p-404__link a:hover {
  text-decoration: underline;
}

/* common parts */
.tag-item-link {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  color: #000000;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 9999px;
  background-color: #e0e2e4;
  transition: all 0.3s ease;
}

@media (hover: hover) {
  a.tag-item-link:hover {
    background-color: #013A72;
    color: #FFFFFF;
  }
}
/* magazine-card */
.c-magazine-card {
  position: relative;
  height: 100%;
}
.c-magazine-card__inner {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
}
@media (min-width: 768px) {
  .c-magazine-card__inner {
    flex-direction: column;
    border-radius: 10px;
  }
}
.c-magazine-card__thumbnail {
  width: 52%;
}
@media (min-width: 768px) {
  .c-magazine-card__thumbnail {
    width: 100%;
  }
}
.c-magazine-card__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3/2;
  transition: transform 0.3s ease;
  backface-visibility: hidden;
}
.c-magazine-card__thumbnail-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.c-magazine-card__thumbnail-link:hover img {
  transform: scale(1.1);
}
.c-magazine-card__body {
  flex: 1;
  padding: 16px;
  display: contents;
}
@media (min-width: 768px) {
  .c-magazine-card__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.c-magazine-card__content {
  display: contents;
}
@media (min-width: 768px) {
  .c-magazine-card__content {
    display: block;
    margin: 0 0 16px;
    padding: 0;
    order: -2;
  }
}
.c-magazine-card__title {
  width: 100%;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  padding: 12px 12px 24px 12px;
}
@media (min-width: 768px) {
  .c-magazine-card__title {
    padding: 0;
  }
}
.c-magazine-card__description {
  display: none;
}
.c-magazine-card__date {
  display: block;
  width: 100%;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 8px;
  padding: 0;
}
@media (min-width: 768px) {
  .c-magazine-card__date {
    padding: 0;
  }
}
.c-magazine-card__categories {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
.c-magazine-card__categories .c-magazine-card__category-item {
  line-height: 1;
}
.c-magazine-card__categories .c-magazine-card__category-item .c-magazine-card__category-name {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25;
  color: #FFFFFF;
  background-color: #0F132A;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 0 0 16px 0;
}
.c-magazine-card__tags {
  list-style: none;
  margin: 0;
  padding: 12px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 768px) {
  .c-magazine-card__tags {
    gap: 8px;
    padding: 0;
    flex-direction: row;
  }
}
.c-magazine-card__tags li {
  line-height: 0;
}
@media (min-width: 768px) {
  .c-magazine-card__date-item {
    width: 100%;
    order: 1;
  }
}
.c-magazine-card__read-more {
  position: absolute;
  bottom: 0;
  right: 16px;
  transform: translateY(50%);
}
.c-magazine-card__read-more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 16px;
  border: 1px solid currentColor;
  border-radius: 9999px;
  background-color: #FFFFFF;
  max-width: 100%;
  width: 150px;
  height: 32px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .c-magazine-card__read-more-button:hover {
    background-color: #013A72;
    border-color: #013A72;
    color: #FFFFFF;
  }
}
.c-magazine-card__read-more-button::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

@media (min-width: 768px) {
  .recommend-layout .c-magazine-card__inner {
    flex-direction: row;
  }
  .recommend-layout .c-magazine-card__thumbnail {
    width: 45%;
  }
  .recommend-layout .c-magazine-card__body {
    border-left: 1px solid #000000;
    position: relative;
  }
  .recommend-layout .c-magazine-card__content {
    margin-top: 20px;
  }
}

/* magazine-single */
.magazine-single-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1280px) {
  .magazine-single-content {
    flex-direction: row;
    gap: 40px;
  }
}
.magazine-single-content .magazine-single-main {
  width: 100%;
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1280px) {
  .magazine-single-content .magazine-single-main {
    width: calc(100% - 300px - 40px);
  }
}
.magazine-single-content .magazine-single-main .relationship-title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .magazine-single-content .magazine-single-main .relationship-title {
    font-size: 1.25rem;
    margin-bottom: 24px;
  }
}
.magazine-single-content .magazine-single-main .relationship-title .text-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.magazine-single-content .magazine-single-main .relationship-title .text-inner:after {
  content: "";
  display: block;
  flex: 1;
  height: 1px;
  background-color: #000000;
}
.magazine-single-content .magazine-single-main .sidebar-latest-posts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 768px) {
  .magazine-single-content .magazine-single-main .sidebar-latest-posts {
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.magazine-single-content .magazine-single-sidebar {
  display: none;
}
@media (min-width: 1280px) {
  .magazine-single-content .magazine-single-sidebar {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 300px;
  }
}

.magazine-single-header {
  position: relative;
  border: 1px solid #000000;
  border-radius: 0 10px 10px 10px;
  overflow: hidden;
}
.magazine-single-header .header-meta {
  display: flex;
  flex-wrap: wrap;
}
.magazine-single-header .header-meta .c-magazine-card__categories {
  position: static;
}
.magazine-single-header .header-meta .c-magazine-card__categories .c-magazine-card__category-name {
  font-size: 0.875rem;
}
.magazine-single-header .thumbnail img {
  width: 100%;
  height: auto;
}
.magazine-single-header .time-list {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0 16px;
  font-size: 0.875rem;
  padding: 8px 16px 4px;
  width: 100%;
}
@media (min-width: 768px) {
  .magazine-single-header .time-list {
    flex: 1;
    width: auto;
    padding: 16px 24px 8px;
  }
}
.magazine-single-header .c-magazine-card__tags {
  width: 100%;
  padding: 6px 8px 12px;
  flex-direction: row;
}
@media (min-width: 768px) {
  .magazine-single-header .c-magazine-card__tags {
    padding: 8px 24px 24px;
  }
}
.magazine-single-header .c-magazine-card__tags li a {
  font-size: 0.8125rem;
}

.magazine-single-editor {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.magazine-single-footer {
  /* share-buttons */
  /* time-list */
  /* magazine-author */
}
.magazine-single-footer .share-buttons {
  display: flex;
  flex-direction: column;
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .magazine-single-footer .share-buttons {
    flex-direction: row;
  }
}
.magazine-single-footer .share-buttons__title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  background-color: #0F132A;
  color: #FFFFFF;
  margin: 0;
  padding: 8px 32px;
}
.magazine-single-footer .share-buttons__list {
  list-style: none;
  margin: 0;
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
@media (min-width: 768px) {
  .magazine-single-footer .share-buttons__list {
    padding: 24px;
  }
}
.magazine-single-footer .share-buttons__list li {
  line-height: 0;
}
.magazine-single-footer .time-list {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0 16px;
  font-size: 0.875rem;
  width: 100%;
  margin-top: 16px;
}
.magazine-single-footer .c-author-profile {
  border: 1px solid #000000;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .magazine-single-footer .c-author-profile {
    margin-top: 48px;
  }
}
.magazine-single-footer .c-author-profile__title {
  margin: 0;
  background-color: #0F132A;
  color: #FFFFFF;
  padding: 16px 16px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}
.magazine-single-footer .c-author-profile__inner {
  display: flex;
  flex-wrap: wrap;
}
.magazine-single-footer .c-author-profile__header {
  display: flex;
  gap: 16px 24px;
  align-items: center;
  width: 100%;
  padding: 16px;
  background-color: #eeeeee;
}
@media (min-width: 768px) {
  .magazine-single-footer .c-author-profile__header {
    order: 1;
    flex-direction: column;
    width: 310px;
    padding: 24px;
    border-left: 1px solid #000000;
  }
}
.magazine-single-footer .c-author-profile__header .c-author-profile__image {
  width: 90px;
  position: relative;
}
@media (min-width: 768px) {
  .magazine-single-footer .c-author-profile__header .c-author-profile__image {
    width: 180px;
  }
}
.magazine-single-footer .c-author-profile__header .c-author-profile__image .c-author-profile__image-photo {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
}
.magazine-single-footer .c-author-profile__header .c-author-profile__image .c-author-profile__image-icon {
  width: 19.4444444444%;
  height: auto;
  position: absolute;
  top: 8px;
  right: 8px;
}
.magazine-single-footer .c-author-profile__header .c-author-profile__info {
  flex: 1;
}
.magazine-single-footer .c-author-profile__header .c-author-profile__info .c-author-profile__name {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}
@media (min-width: 768px) {
  .magazine-single-footer .c-author-profile__header .c-author-profile__info .c-author-profile__name {
    text-align: center;
  }
}
.magazine-single-footer .c-author-profile__header .c-author-profile__info .c-author-profile__sns {
  margin-top: 8px;
}
@media (min-width: 768px) {
  .magazine-single-footer .c-author-profile__header .c-author-profile__info .c-author-profile__sns {
    justify-content: center;
  }
}
.magazine-single-footer .c-author-profile__body {
  flex: 1;
}
.magazine-single-footer .c-author-profile__body .c-author-profile__section {
  border-top: 1px solid #000000;
  padding: 16px;
}
@media (min-width: 768px) {
  .magazine-single-footer .c-author-profile__body .c-author-profile__section {
    padding: 24px;
  }
  .magazine-single-footer .c-author-profile__body .c-author-profile__section:first-child {
    border-top: none;
  }
}
.magazine-single-footer .c-author-profile__body .c-author-profile__section .c-author-profile__label {
  margin: 0 0 8px;
  padding: 0;
}
.magazine-single-footer .c-author-profile__body .c-author-profile__section .c-author-profile__label .c-author-profile__label-text {
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  background-color: #0F132A;
  padding: 4px 16px;
}
.magazine-single-footer .c-author-profile__body .c-author-profile__section .c-author-profile__text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
  margin: 0;
}

/* c-author-profile__sns */
.c-author-profile__sns {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.c-author-profile__sns .c-author-profile__sns-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #FFFFFF;
  background-color: #0F132A;
  transition: opacity 0.2s;
}
.c-author-profile__sns .c-author-profile__sns-link:hover {
  opacity: 0.7;
}
.c-author-profile__sns .c-author-profile__sns-link--x .c-author-profile__sns-icon {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
}
.c-author-profile__sns .c-author-profile__sns-link--instagram .c-author-profile__sns-icon {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z'/%3E%3C/svg%3E");
}
.c-author-profile__sns .c-author-profile__sns-link--facebook .c-author-profile__sns-icon {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E");
}
.c-author-profile__sns .c-author-profile__sns-link--youtube .c-author-profile__sns-icon {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E");
}
.c-author-profile__sns .c-author-profile__sns-link--tiktok .c-author-profile__sns-icon {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.14-3.02.74-.63.58-.94 1.4-.9 2.24.05 1.22.88 2.3 2.05 2.64 1.23.38 2.58-.06 3.38-.98.56-.63.86-1.46.85-2.31V.02z'/%3E%3C/svg%3E");
}
.c-author-profile__sns .c-author-profile__sns-link--website .c-author-profile__sns-icon {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E");
}
.c-author-profile__sns .c-author-profile__sns-link--other .c-author-profile__sns-icon {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z'/%3E%3C/svg%3E");
}
.c-author-profile__sns .c-author-profile__sns-icon {
  display: block;
  width: 50%;
  height: 50%;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

/* 目次 */
.ez-toc-debug-messages {
  display: none;
}

div#ez-toc-container {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 10px;
  overflow: hidden;
  padding: 16px 0;
}
@media (min-width: 768px) {
  div#ez-toc-container {
    padding: 24px;
  }
}
div#ez-toc-container .ez-toc-title-container {
  border-bottom: 1px solid #000000;
  padding-bottom: 8px;
  margin-bottom: 16px;
  text-align: center;
}
@media (min-width: 768px) {
  div#ez-toc-container .ez-toc-title-container {
    padding-bottom: 16px;
    margin-bottom: 24px;
  }
}
div#ez-toc-container .ez-toc-title-container .ez-toc-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #000000;
  margin: 0;
  padding: 0;
}
div#ez-toc-container .ez-toc-list {
  margin-inline: 16px;
}
div#ez-toc-container .ez-toc-list li {
  font-size: 1rem;
}
div#ez-toc-container .ez-toc-list li a {
  font-size: 1rem;
  font-weight: 400;
  line-height: 2;
  color: #000000;
}
div#ez-toc-container .ez-toc-list > li {
  margin-top: 8px;
}
div#ez-toc-container .ez-toc-list > li > a {
  font-size: 1.125rem;
  font-weight: 600;
}

/* magazine-archive */
.magazine-archive-front {
  position: relative;
}
.magazine-archive-front .magazine-archive-front-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}
@media (min-width: 768px) {
  .magazine-archive-front .magazine-archive-front-bg {
    height: 313px;
  }
}
.magazine-archive-front .magazine-archive-front-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .magazine-archive-front .front-magazine-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .magazine-archive-front .front-magazine-list > :first-child {
    grid-column: 1/2;
    grid-row: 1/4;
  }
  .magazine-archive-front .front-magazine-list > :first-child .c-magazine-card__inner {
    flex-direction: column;
  }
  .magazine-archive-front .front-magazine-list > :first-child .c-magazine-card__body {
    position: static;
    border-left: none;
  }
  .magazine-archive-front .front-magazine-list > :first-child .c-magazine-card__content {
    margin-top: 0;
  }
  .magazine-archive-front .front-magazine-list > :first-child .c-magazine-card__thumbnail {
    width: 100%;
  }
}

.magazine-archive-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px 16px;
}
@media (min-width: 768px) {
  .magazine-archive-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 24px;
  }
}
@media (min-width: 992px) {
  .magazine-archive-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* magazine-recommend */
.p-magazine-category .c-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.p-magazine-category .c-list .c-child-list {
  list-style: disc;
  padding-left: 40px;
}

.p-magazine-tag .c-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* magazine-ranking */
.magazine-ranking {
  background-color: #FFFFFF;
}
.magazine-ranking .magazine-ranking-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 768px) {
  .magazine-ranking .magazine-ranking-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .magazine-ranking .magazine-ranking-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1280px) {
  .magazine-ranking .magazine-ranking-list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.magazine-ranking .magazine-ranking-list .ranking-list-item {
  position: relative;
  margin-bottom: 16px;
}
.magazine-ranking .magazine-ranking-list .ranking-list-item .ranking-list-item__rank {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #0F132A;
  padding: 6px 10px;
  border-radius: 0 7px 0 7px;
}
@media (min-width: 768px) {
  .magazine-ranking .magazine-ranking-list .ranking-list-item .ranking-list-item__rank {
    border-radius: 0 9px 0 9px;
  }
}
.magazine-ranking .magazine-ranking-list .ranking-list-item .ranking-list-item__rank .label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  padding: 0 4px 4px;
  margin-bottom: 2px;
}
.magazine-ranking .magazine-ranking-list .ranking-list-item .ranking-list-item__rank .number {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  color: #FFFFFF;
}
.magazine-ranking .magazine-ranking-list .ranking-list-item:nth-child(1) .ranking-list-item__rank {
  background-color: #d8b142;
}
.magazine-ranking .magazine-ranking-list .ranking-list-item:nth-child(2) .ranking-list-item__rank {
  background-color: #a7aaaf;
}
.magazine-ranking .magazine-ranking-list .ranking-list-item:nth-child(3) .ranking-list-item__rank {
  background-color: #c56518;
}
@media (min-width: 768px) {
  .magazine-ranking .magazine-ranking-list .ranking-list-item .c-magazine-card__title {
    font-size: 0.9125rem;
  }
  .magazine-ranking .magazine-ranking-list .ranking-list-item .c-magazine-card__tags {
    gap: 6px;
  }
  .magazine-ranking .magazine-ranking-list .ranking-list-item .c-magazine-card__tags .tag-item-link {
    font-size: 0.6rem;
    padding: 4px 8px;
  }
}

/* magazine-sidebar */
.magazine-single-sidebar h2 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 24px;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}
.magazine-single-sidebar h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000000;
  flex: 1;
}
.magazine-single-sidebar .c-author-profile .c-author-profile__header {
  display: flex;
  align-items: center;
  gap: 16px;
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 16px;
  overflow: hidden;
}
.magazine-single-sidebar .c-author-profile .c-author-profile__image {
  width: 100px;
  position: relative;
}
.magazine-single-sidebar .c-author-profile .c-author-profile__image .c-author-profile__image-photo {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
}
.magazine-single-sidebar .c-author-profile .c-author-profile__image .c-author-profile__image-icon {
  width: 35%;
  height: auto;
  position: absolute;
  top: -8px;
  right: -8px;
}
.magazine-single-sidebar .c-author-profile .c-author-profile__info {
  flex: 1;
}
.magazine-single-sidebar .c-author-profile .c-author-profile__info .c-author-profile__name {
  font-size: 0.875rem;
  font-weight: 600;
  padding-bottom: 8px;
  border-bottom: 1px solid #000000;
  margin: 0 0 12px;
}
.magazine-single-sidebar .c-author-profile .c-author-profile__section {
  margin-top: 16px;
}
.magazine-single-sidebar .c-author-profile .c-author-profile__section .c-author-profile__label {
  margin-bottom: 12px;
}
.magazine-single-sidebar .c-author-profile .c-author-profile__section .c-author-profile__label .c-author-profile__label-text {
  background-color: #0F132A;
  color: #FFFFFF;
  padding: 4px 12px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
}
.magazine-single-sidebar .c-author-profile .c-author-profile__section .c-author-profile__text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}

.sidebar-latest-posts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sidebar-latest-posts .magazine-sidebar-card {
  border: 1px solid #000000;
  border-radius: 0 8px 8px 8px;
  overflow: hidden;
  position: relative;
}
.sidebar-latest-posts .magazine-sidebar-card .card-categories {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar-latest-posts .magazine-sidebar-card .card-categories .card-category-item {
  line-height: 0;
}
.sidebar-latest-posts .magazine-sidebar-card .card-categories .card-category-item .card-category-name {
  display: inline-block;
  border-radius: 0 0 8px 0;
  padding: 5px 8px;
  background-color: #0F132A;
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 1;
  color: #FFFFFF;
}
.sidebar-latest-posts .magazine-sidebar-card .card-body {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #000000;
}
.sidebar-latest-posts .magazine-sidebar-card .card-body .card-thumbnail {
  width: 50%;
  overflow: hidden;
}
.sidebar-latest-posts .magazine-sidebar-card .card-body .card-thumbnail a {
  display: block;
  height: 100%;
}
@media (hover: hover) {
  .sidebar-latest-posts .magazine-sidebar-card .card-body .card-thumbnail a:hover img {
    transform: scale(1.1);
  }
}
.sidebar-latest-posts .magazine-sidebar-card .card-body .card-thumbnail img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
  transition: transform 0.3s ease;
  backface-visibility: hidden;
}
.sidebar-latest-posts .magazine-sidebar-card .card-body .card-title {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  padding: 8px;
}
.sidebar-latest-posts .magazine-sidebar-card .card-body .card-title a {
  color: #000000;
}
.sidebar-latest-posts .magazine-sidebar-card .card-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.sidebar-latest-posts .magazine-sidebar-card .card-bottom .card-tags {
  width: 100%;
  border-bottom: 1px solid #000000;
  list-style: none;
  margin: 0;
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 768px) {
  .sidebar-latest-posts .magazine-sidebar-card .card-bottom .card-tags {
    flex-direction: row;
  }
}
.sidebar-latest-posts .magazine-sidebar-card .card-bottom .card-tags li {
  line-height: 0;
}
.sidebar-latest-posts .magazine-sidebar-card .card-bottom .card-tags li a {
  font-size: 0.65rem;
  padding: 4px 8px;
}
.sidebar-latest-posts .magazine-sidebar-card .card-bottom .card-date {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  color: #838383;
  padding: 8px;
}
.sidebar-latest-posts .magazine-sidebar-card .card-bottom .card-read-more {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  color: #000000;
  text-decoration: none;
  padding: 8px;
}
.sidebar-latest-posts .magazine-sidebar-card .card-bottom .card-read-more .card-read-more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.sidebar-latest-posts .magazine-sidebar-card .card-bottom .card-read-more .card-read-more-button::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  transition: transform 0.3s ease;
}
@media (hover: hover) {
  .sidebar-latest-posts .magazine-sidebar-card .card-bottom .card-read-more .card-read-more-button:hover::after {
    transform: translateX(4px);
  }
}

/* section-magazine */
.section-magazine {
  border-top: 1px solid #bfbfbf;
}

#seminar-section {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-color: #e1f2fc;
}

.section-magazine-cta {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: rgba(255, 246, 186, 0.5);
  background: linear-gradient(0deg, rgb(255, 246, 186) 0%, rgba(255, 246, 186, 0.3) 60%, rgba(255, 246, 186, 0.3) 70%, rgba(225, 242, 252, 0.3) 80%, rgb(225, 242, 252) 100%);
}

.section-magazine-cta-button-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px 16px;
  padding-top: 24px;
}
@media (min-width: 768px) {
  .section-magazine-cta-button-list {
    padding-top: 40px;
  }
}
.section-magazine-cta-button-list .list-item {
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .section-magazine-cta-button-list .list-item {
    width: 400px;
    max-width: 100%;
  }
}
.section-magazine-cta-button-list .list-item.inquiry-item {
  width: 500px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .section-magazine-cta-button-list .list-item.inquiry-item {
    width: 500px;
    max-width: 100%;
  }
}
.section-magazine-cta-button-list .list-item.inquiry-item .c-button {
  width: 100%;
}
.section-magazine-cta-button-list .list-item.inquiry-item .inquiry-gift-tips {
  margin-bottom: 12px;
  text-align: center;
}
@media (min-width: 768px) {
  .section-magazine-cta-button-list .list-item.inquiry-item .inquiry-gift-tips {
    margin-bottom: 16px;
  }
}
.section-magazine-cta-button-list .list-item.inquiry-item .inquiry-gift-tips .inquiry-gift-tips-inner {
  position: relative;
  display: inline-block;
  background-color: #F15252;
  padding: 4px 12px;
  border-radius: 99999px;
  color: #fff;
  font-size: 0.65em;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
}
@media (min-width: 768px) {
  .section-magazine-cta-button-list .list-item.inquiry-item .inquiry-gift-tips .inquiry-gift-tips-inner {
    padding: 4px 16px;
    font-size: 0.875em;
  }
}
.section-magazine-cta-button-list .list-item.inquiry-item .inquiry-gift-tips .inquiry-gift-tips-inner::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px;
  border-style: solid;
  border-color: #F15252 transparent transparent transparent;
}
@media (min-width: 768px) {
  .section-magazine-cta-button-list .list-item .c-button {
    width: 100%;
  }
}

.section-magazine-keyword-form {
  position: relative;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.section-magazine-keyword-form .form-text {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #000000;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  color: #000000;
}
@media (min-width: 768px) {
  .section-magazine-keyword-form .form-text {
    border-radius: 10px;
  }
}
.section-magazine-keyword-form .form-button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0 24px;
  border: none;
  background-color: #000000;
  border-radius: 0 8px 8px 0;
  color: #FFFFFF;
  cursor: pointer;
  transition: background-color 0.3s;
}
.section-magazine-keyword-form .form-button::after {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-search.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-search.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
@media (hover: hover) {
  .section-magazine-keyword-form .form-button:hover {
    background-color: #013A72;
  }
}

.section-magazine-category-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #000000;
  border-radius: 8px;
  background-color: #FFFFFF;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 768px) {
  .section-magazine-category-list {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px 0;
    padding: 24px;
    border-radius: 10px;
  }
}
.section-magazine-category-list .list-item:not(:last-child) {
  border-bottom: 1px solid #000000;
}
@media (min-width: 768px) {
  .section-magazine-category-list .list-item:not(:last-child) {
    border-bottom: none;
  }
}
.section-magazine-category-list .list-item .list-item-link {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #000000;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  transition: color 0.3s;
  padding: 12px 16px;
}
@media (min-width: 768px) {
  .section-magazine-category-list .list-item .list-item-link {
    padding: 0;
  }
}
@media (hover: hover) {
  .section-magazine-category-list .list-item .list-item-link:hover {
    color: #013A72;
  }
}
.section-magazine-category-list .list-item .child-list {
  list-style: none;
  padding: 0;
  margin: 8px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.section-magazine-category-list .list-item .child-list .child-list-item .child-list-item-link {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #000000;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  transition: color 0.3s;
}
@media (hover: hover) {
  .section-magazine-category-list .list-item .child-list .child-list-item .child-list-item-link:hover {
    color: #013A72;
  }
}

.section-magazine-tag-list {
  width: 1080px;
  max-width: 100%;
  list-style: none;
  margin: 0 auto;
  padding: 16px;
  border: 1px solid #000000;
  border-radius: 8px;
  background-color: #FFFFFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
@media (min-width: 768px) {
  .section-magazine-tag-list {
    padding: 24px;
    border-radius: 10px;
  }
}
/* ebook-single */
.ebook-single-content {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .ebook-single-content {
    gap: 48px;
  }
}
@media (min-width: 992px) {
  .ebook-single-content {
    flex-direction: row;
    gap: 64px;
  }
}
.ebook-single-content .ebook-single-main {
  width: 100%;
}
@media (min-width: 992px) {
  .ebook-single-content .ebook-single-main {
    width: 56%;
  }
}
.ebook-single-content .ebook-single-sidebar {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .ebook-single-content .ebook-single-sidebar {
    width: calc(44% - 64px);
    max-width: 480px;
  }
}

.back-to-archive {
  margin-top: 40px;
  text-align: center;
}
@media (min-width: 768px) {
  .back-to-archive {
    margin-top: 60px;
  }
}

.ebook-form .ebook-form__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 16px;
}
@media (min-width: 768px) {
  .ebook-form .ebook-form__title {
    font-size: 1.25rem;
    margin: 0 0 24px;
  }
}
.ebook-form .ebook-form__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 16px;
}
@media (min-width: 768px) {
  .ebook-form .ebook-form__description {
    font-size: 1rem;
    margin: 0 0 24px;
  }
}

/* ebook-archive */
.ebook-archive-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 576px) {
  .ebook-archive-list {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
@media (min-width: 768px) {
  .ebook-archive-list {
    gap: 40px;
  }
}
@media (min-width: 992px) {
  .ebook-archive-list {
    gap: 48px;
  }
}
.ebook-archive-list .c-ebook-card {
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 16px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .ebook-archive-list .c-ebook-card {
    padding: 24px;
  }
}
.ebook-archive-list .c-ebook-card .c-ebook-card__content {
  flex: 1;
}
.ebook-archive-list .c-ebook-card .c-ebook-card__content .c-ebook-card__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 24px 0 16px;
}
@media (min-width: 768px) {
  .ebook-archive-list .c-ebook-card .c-ebook-card__content .c-ebook-card__title {
    font-size: 1.25rem;
  }
}
.ebook-archive-list .c-ebook-card .c-ebook-card__content .c-ebook-card__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}
.ebook-archive-list .c-ebook-card .c-ebook-card__bottom {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .ebook-archive-list .c-ebook-card .c-ebook-card__bottom {
    margin-top: 24px;
  }
}
.ebook-archive-list .c-ebook-card .c-ebook-card__bottom .c-button {
  width: stretch;
}

/* ebook-card */
.c-ebook-card .c-ebook-card__thumbnail img {
  aspect-ratio: 7/5;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.c-post-card__schedules .c-button {
  width: 100%;
}
.c-post-card__schedules .c-button__inner {
  text-align: center;
}
.c-post-card__schedules .c-button__inner .c-button__date {
  display: block;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 600;
}
.c-post-card__schedules .c-button__inner .c-button__time {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25;
}

/* seminar-archive */
.seminar-archive-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
}
@media (min-width: 768px) {
  .seminar-archive-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
.seminar-archive-list .c-post-card {
  background-color: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  padding: 24px;
}
@media (min-width: 768px) {
  .seminar-archive-list .c-post-card {
    padding: 32px;
  }
}
.seminar-archive-list .c-post-card .c-post-card__thumbnail {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.seminar-archive-list .c-post-card .c-post-card__thumbnail img {
  width: 100%;
}
.seminar-archive-list .c-post-card .c-post-card__body {
  width: 100%;
}
.seminar-archive-list .c-post-card .c-post-card__body .c-post-card__title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 16px 0 24px;
}
.seminar-archive-list .c-post-card .c-post-card__body .c-post-card__more {
  text-align: center;
  margin-top: 16px;
}
.seminar-archive-list .c-post-card .c-post-card__body .c-post-card__more .c-post-card__more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 24px;
  border-radius: 9999px;
  background-color: #287FC7;
  max-width: 90%;
  width: 90%;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  color: #FFFFFF;
  position: relative;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .seminar-archive-list .c-post-card .c-post-card__body .c-post-card__more .c-post-card__more-button {
    width: 500px;
  }
}
.seminar-archive-list .c-post-card .c-post-card__body .c-post-card__more .c-post-card__more-button::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
@media (hover: hover) {
  .seminar-archive-list .c-post-card .c-post-card__body .c-post-card__more .c-post-card__more-button:hover {
    background-color: #013A72;
    color: #FFFFFF;
  }
}
.seminar-archive-list .c-post-card .c-post-card__body .c-post-card__schedules {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .seminar-archive-list .c-post-card .c-post-card__body .c-post-card__schedules {
    margin-top: 32px;
  }
}

.seminar-detail-modal__content .seminar-detail-modal__title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  color: #013A72;
  border-bottom: 1px solid #666666;
  margin: 0 0 12px;
  padding-bottom: 12px;
}
@media (min-width: 768px) {
  .seminar-detail-modal__content .seminar-detail-modal__title {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}
.seminar-detail-modal .page-content {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .seminar-detail-modal .page-content {
    margin-top: 32px;
  }
}
.seminar-detail-modal .fancybox-close-small {
  width: 60px;
  height: 60px;
}
.seminar-detail-modal .fancybox-close-small:after {
  content: "閉じる";
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
}

/* recommend-section-seminar */
.recommend-section-seminar-slider {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.recommend-section-seminar-slider.slick-initialized {
  opacity: 1;
}
.recommend-section-seminar-slider .slick-list {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.recommend-section-seminar-slider .slick-list .slick-track {
  display: flex;
}
.recommend-section-seminar-slider .slick-list .slick-track .slick-slide {
  margin: 0;
  padding: 16px;
  height: auto !important;
}
.recommend-section-seminar-slider .c-post-card {
  width: 300px;
  max-width: 100%;
}
.recommend-section-seminar-slider .c-post-card .c-post-card__inner {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
}
.recommend-section-seminar-slider .c-post-card .c-post-card__inner .c-post-card__thumbnail {
  width: 100%;
}
.recommend-section-seminar-slider .c-post-card .c-post-card__inner .c-post-card__thumbnail img {
  width: 100%;
  height: auto;
}
.recommend-section-seminar-slider .c-post-card .c-post-card__inner .c-post-card__body {
  width: 100%;
  padding: 16px;
}
@media (min-width: 768px) {
  .recommend-section-seminar-slider .c-post-card .c-post-card__inner .c-post-card__body {
    padding: 24px;
  }
}
.recommend-section-seminar-slider .c-post-card .c-post-card__inner .c-post-card__body .c-post-card__title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}
.recommend-section-seminar-slider .c-post-card .c-post-card__inner .c-post-card__header {
  width: 100%;
}
.recommend-section-seminar-slider .c-post-card .c-post-card__inner .c-post-card__bottom {
  width: 100%;
  align-self: flex-end;
  padding: 0 16px 16px;
}
@media (min-width: 768px) {
  .recommend-section-seminar-slider .c-post-card .c-post-card__inner .c-post-card__bottom {
    padding: 0 24px 24px;
  }
}
.recommend-section-seminar-slider .c-post-card .c-post-card__inner .c-post-card__bottom .c-post-card__more {
  margin-top: 12px;
  text-align: right;
}
.recommend-section-seminar-slider .c-post-card .c-post-card__inner .c-post-card__bottom .c-post-card__more a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.875rem;
  font-weight: 500;
}

/* seminar-form */
.seminar-form-text {
  margin-top: 32px;
  text-align: center;
}
@media (min-width: 768px) {
  .seminar-form-text {
    margin-top: 48px;
  }
}

.gallery-search {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .gallery-search {
    font-size: 15px;
  }
}
.gallery-search .link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 12px;
  background-color: #FFFFFF;
  position: relative;
  height: 100%;
}
.gallery-search .link::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
@media (min-width: 768px) {
  .gallery-search .link {
    border-radius: 8px;
    padding: 10px 12px;
    transition: all 0.3s ease;
  }
  .gallery-search .link:hover {
    background-color: #013A72;
    border-color: #013A72;
    color: #fff !important;
  }
  .gallery-search .link:hover .link-text {
    color: #fff !important;
  }
  .gallery-search .link:hover .link-text::after {
    background-color: #fff !important;
  }
  .gallery-search .link:hover .link-icon {
    filter: brightness(0) invert(1);
  }
}
.gallery-search .gallery-search-top {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.gallery-search .gallery-search-top .gallery-search-sale {
  flex: 1;
}
.gallery-search .gallery-search-top .gallery-search-sale .link-text {
  color: #013A72;
}
.gallery-search .gallery-search-top .gallery-search-area-all {
  flex: 1;
  padding-left: 8px;
}
.gallery-search .gallery-search-top .gallery-search-area-all .link-text {
  color: #09664e;
}
.gallery-search .gallery-search-top .gallery-search-sale .link,
.gallery-search .gallery-search-top .gallery-search-area-all .link {
  justify-content: center;
  align-items: center;
}
.gallery-search .gallery-search-top .gallery-search-sale .link .link-text,
.gallery-search .gallery-search-top .gallery-search-area-all .link .link-text {
  padding-bottom: 12px;
  position: relative;
  transition: all 0.3s ease;
}
.gallery-search .gallery-search-top .gallery-search-sale .link .link-text .header-sp,
.gallery-search .gallery-search-top .gallery-search-area-all .link .link-text .header-sp {
  display: none;
}
.gallery-search .gallery-search-top .gallery-search-sale .link .link-text::after,
.gallery-search .gallery-search-top .gallery-search-area-all .link .link-text::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3em;
  height: 1px;
  background-color: #000000;
  transition: all 0.3s ease;
}
.gallery-search .gallery-search-top .gallery-search-sale .link .link-icon,
.gallery-search .gallery-search-top .gallery-search-area-all .link .link-icon {
  transition: all 0.3s ease;
}
.gallery-search .gallery-search-area {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.gallery-search .gallery-search-area .gallery-search-area-prefecture {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 8px;
}
@media (min-width: 768px) {
  .gallery-search .gallery-search-form {
    width: 100%;
  }
}
.gallery-search .gallery-search-form .gallery-search-form-inner {
  position: relative;
}
.gallery-search .gallery-search-form .gallery-search-form-inner input.gallery-search-form-input {
  flex: 1;
  border: 1px solid #000000;
  outline: none;
  padding: 12px 16px;
  border-radius: 5px;
  width: 100%;
}
@media (min-width: 768px) {
  .gallery-search .gallery-search-form .gallery-search-form-inner input.gallery-search-form-input {
    padding: 12px 24px;
    border-radius: 8px;
  }
}
.gallery-search .gallery-search-form .gallery-search-form-inner button.gallery-search-form-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #013A72;
  border: none;
  outline: none;
  padding: 8px 24px;
  border-radius: 0 4px 4px 0;
  color: #FFFFFF;
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 4px;
  bottom: 4px;
}
@media (min-width: 768px) {
  .gallery-search .gallery-search-form .gallery-search-form-inner button.gallery-search-form-button {
    border-radius: 0 6px 6px 0;
    transition: all 0.3s ease;
  }
  .gallery-search .gallery-search-form .gallery-search-form-inner button.gallery-search-form-button:hover {
    background-color: #0F132A;
  }
}

.p-front-content .gallery-search .gallery-search-sale {
  border-color: #FFFFFF !important;
}
@media (min-width: 992px) {
  .p-front-content .gallery-search {
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 16px;
    gap: 16px 8px;
  }
  .p-front-content .gallery-search .link {
    padding: 16px 12px;
    gap: 24px 16px;
  }
  .p-front-content .gallery-search .link .link-text {
    padding-bottom: 20px !important;
  }
  .p-front-content .gallery-search .gallery-search-top {
    width: 48%;
  }
  .p-front-content .gallery-search .gallery-search-area .gallery-search-area-prefecture {
    grid-template-columns: repeat(3, 1fr);
  }
  .p-front-content .gallery-search .gallery-search-form {
    width: 100%;
  }
  .p-front-content .gallery-search .gallery-search-form .gallery-search-form-inner input.gallery-search-form-input {
    padding: 24px 24px;
    border-radius: 8px;
  }
}

.single-gallery-wrapper {
  position: relative;
  padding-top: 50px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .single-gallery-wrapper {
    padding-top: 100px;
  }
}
.single-gallery-wrapper__bg-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 48.6666666667%;
}
@media (min-width: 992px) {
  .single-gallery-wrapper__bg-left {
    width: 38.0208333333%;
    max-width: 730px;
  }
}
.single-gallery-wrapper__bg--right {
  position: absolute;
  right: 0;
  top: 20px;
  width: 26.9333333333%;
}
@media (min-width: 992px) {
  .single-gallery-wrapper__bg--right {
    width: 21.0416666667%;
    max-width: 404px;
  }
}
.single-gallery-wrapper .p-gallery-detail {
  position: relative;
  z-index: 1;
}
.single-gallery-wrapper .p-gallery-detail .p-gallery-rooms-list {
  border: 1px solid #000000;
  border-radius: 10px;
  background-color: #fff;
}
@media (min-width: 992px) {
  .single-gallery-wrapper .p-gallery-detail .p-gallery-rooms-list .p-gallery-rooms-item .p-gallery-rooms-item-content {
    border-right: 1px solid #000000;
    flex: 1;
  }
}
@media (min-width: 992px) {
  .single-gallery-wrapper .p-gallery-detail .p-gallery-rooms-list .p-gallery-rooms-item .p-gallery-rooms-item-action {
    width: auto;
    padding: 0 16px;
  }
}
@media (min-width: 1280px) {
  .single-gallery-wrapper .p-gallery-detail .p-gallery-rooms-list .p-gallery-rooms-item .p-gallery-rooms-item-action {
    padding: 0 16px 0 32px;
  }
}
@media (min-width: 768px) {
  .single-gallery-wrapper .p-gallery-detail .p-gallery-rooms-list .p-gallery-rooms-item .p-gallery-rooms-item-action .p-gallery-rooms-item-action-button {
    width: 280px;
    height: 60px;
  }
}
@media (min-width: 1280px) {
  .single-gallery-wrapper .p-gallery-detail .p-gallery-rooms-list .p-gallery-rooms-item .p-gallery-rooms-item-action .p-gallery-rooms-item-action-button {
    width: 360px;
  }
}

ul.p-gallery-features {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
ul.p-gallery-features li {
  display: flex;
  gap: 10px;
  font-size: 0.9375rem;
}
ul.p-gallery-features li .p-gallery-features-text {
  flex: 1;
  line-height: 1.66;
}
ul.p-gallery-features li img {
  width: 1.66em;
  height: 1.66em;
  object-fit: contain;
  vertical-align: middle;
}

.p-gallery-rooms-table-wrap {
  overflow-x: auto;
}

.p-gallery-rooms-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}
.p-gallery-rooms-table th,
.p-gallery-rooms-table td {
  padding: 12px;
  font-size: 0.875rem;
  text-align: left;
  border: 1px solid #000000;
}
.p-gallery-rooms-table thead th {
  background: #f7f7f7;
}

.p-gallery-rooms-image img {
  display: block;
  width: 80px;
  height: 60px;
  object-fit: cover;
}

.p-gallery-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 768px) {
  .p-gallery-actions {
    gap: 16px;
  }
}
.p-gallery-actions .c-button {
  width: 100%;
}

.p-gallery-button {
  display: inline-block;
  padding: 14px 24px;
  font-size: 0.9375rem;
  color: #fff;
  text-align: center;
  background: #0F132A;
  border: 1px solid #0F132A;
  border-radius: 2px;
}
.p-gallery-button.is-outline {
  color: #0F132A;
  background: #fff;
}

.p-gallery-section-title {
  font-size: 1rem;
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .p-gallery-section-title {
    gap: 16px;
    font-size: 1.5rem;
    margin-bottom: 32px;
  }
}
.p-gallery-section-title::after {
  flex: 1;
  content: "";
  display: block;
  height: 1px;
  min-width: 40px;
  background: #000000;
}
.p-gallery-table table {
  width: 100%;
  border-collapse: collapse;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  table-layout: fixed;
}
.p-gallery-table__col-label {
  width: 12em;
}
.p-gallery-table th,
.p-gallery-table td {
  padding: 12px 16px;
  font-size: 0.875rem;
  vertical-align: top;
  text-align: left;
}
.p-gallery-table th {
  font-weight: 600;
  line-height: 1.25;
  background: #e6e6e6;
  border-bottom: 1px solid #000000;
}
.p-gallery-table td {
  background-color: #FFFFFF;
  border-bottom: 1px solid #000000;
}
@media (max-width: 960px) {
  .p-gallery-table colgroup {
    display: none;
  }
  .p-gallery-table table,
  .p-gallery-table tbody {
    display: block;
    width: 100%;
  }
  .p-gallery-table tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .p-gallery-table th {
    flex: 0 0 13em;
    width: 13em;
    padding: 8px 8px;
  }
  .p-gallery-table td {
    flex: 1 1 calc(100% - 13em);
    min-width: calc(100% - 13em);
    padding: 8px 8px;
  }
}
.p-gallery-table + .p-gallery-table table {
  border-top: none;
}

.p-gallery-map-embed {
  aspect-ratio: 16/6;
  background: #eee;
}
.p-gallery-map-embed iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background-color: #FFFFFF;
}

/* plans */
.p-gallery-plans-group .p-gallery-plans-item + .p-gallery-plans-item {
  margin-top: 24px;
}

.p-gallery-plans-layout {
  margin: 0 0 12px;
  font-size: 1rem;
}
.p-gallery-plans-layout .text-inner {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25;
  color: #FFFFFF;
  vertical-align: middle;
  background-color: #0F132A;
  padding: 4px 20px;
  border-radius: 0 0 10px 0;
}

.p-gallery-plans-image-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .p-gallery-plans-image-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
.p-gallery-plans-image-list .list-item .list-item-link {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #FFFFFF;
  padding: 16px;
  border: 1px solid #000000;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .p-gallery-plans-image-list .list-item .list-item-link {
    padding: 24px;
  }
}
.p-gallery-plans-image-list .list-item .list-item-link .list-item-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-gallery-plans-image-list .list-item .list-item-caption {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .p-gallery-plans-image-list .list-item .list-item-caption {
    font-size: 1.125rem;
  }
}

.p-gallery-plans-caption {
  margin: 6px 0 0;
  font-size: 0.8125rem;
  color: #666666;
}

/* recommend-gallery */
section.recommend-gallery {
  background-color: #FFFFFF;
}
section.recommend-gallery .recommend-gallery-title {
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 24px;
  background-color: #0F132A;
  color: #FFFFFF;
  padding: 16px;
}
@media (min-width: 768px) {
  section.recommend-gallery .recommend-gallery-title {
    font-size: 1.5rem;
    margin-bottom: 32px;
  }
}

.recommend-gallery .recommend-gallery-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.recommend-gallery .recommend-gallery-list .slick-list {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.recommend-gallery .recommend-gallery-list .slick-list .slick-track {
  display: flex;
}
.recommend-gallery .recommend-gallery-list .slick-list .slick-track .slick-slide {
  padding: 0 8px;
  height: auto !important;
}
@media (min-width: 768px) {
  .recommend-gallery .recommend-gallery-list .slick-list .slick-track .slick-slide {
    padding: 0 16px;
  }
}
.recommend-gallery .recommend-gallery-list .recommend-gallery-card {
  width: 300px;
  max-width: 100%;
}
.recommend-gallery .recommend-gallery-list .recommend-gallery-card .recommend-gallery-card-inner {
  width: 100%;
  height: 100%;
  border: 1px solid #000000;
  border-radius: 0 10px 10px 10px;
  background-color: #FFFFFF;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.recommend-gallery .recommend-gallery-list .recommend-gallery-card .c-post-card__header {
  width: 100%;
  position: relative;
}
.recommend-gallery .recommend-gallery-list .recommend-gallery-card .c-post-card__header .gallery-badge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.recommend-gallery .recommend-gallery-list .recommend-gallery-card .c-post-card__header .c-post-card__body {
  padding: 8px 16px;
}
.recommend-gallery .recommend-gallery-list .recommend-gallery-card .c-post-card__header .c-post-card__body .c-post-card__title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 8px 0 16px;
}
.recommend-gallery .recommend-gallery-list .recommend-gallery-card .c-post-card__footer {
  width: 100%;
  align-self: flex-end;
  border-top: 1px solid #000000;
  padding: 8px 16px;
  text-align: right;
}
.recommend-gallery .recommend-gallery-list .recommend-gallery-card .c-post-card__footer .c-post-card__read-more {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.recommend-gallery .recommend-gallery-list .recommend-gallery-card .c-post-card__footer .c-post-card__read-more::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
.recommend-gallery .recommend-gallery-list .c-post-card__thumbnail {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  background: #eee;
}
.recommend-gallery .recommend-gallery-list .c-post-card__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.recommend-gallery .recommend-gallery-list .p-gallery-features {
  font-size: 0.875rem;
}

/* single-gallery common */
.p-gallery-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.p-gallery-tabs li a {
  display: block;
  padding: 12px 24px;
  border: 1px solid #000000;
  border-radius: 2px;
  width: 250px;
  max-width: 100%;
}

/* single common */
.p-gallery-inquiry {
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 992px) {
  .p-gallery-inquiry {
    padding: 32px 0;
    gap: 32px;
  }
}
.p-gallery-inquiry .p-gallery-inquiry-section .p-gallery-inquiry-section-header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 4px 40px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .p-gallery-inquiry .p-gallery-inquiry-section .p-gallery-inquiry-section-header {
    flex-direction: row;
    align-items: center;
    gap: 4px 40px;
    margin-bottom: 16px;
  }
}
.p-gallery-inquiry .p-gallery-inquiry-section .p-gallery-inquiry-section-title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
.p-gallery-inquiry .p-gallery-inquiry-section .p-gallery-inquiry-section-description {
  margin: 0;
  padding: 0;
}
.p-gallery-inquiry .p-gallery-inquiry-section .p-gallery-inquiry-section-tel {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
}
@media (min-width: 992px) {
  .p-gallery-inquiry .p-gallery-inquiry-section .p-gallery-inquiry-section-tel {
    gap: 12px 16px;
  }
}
.p-gallery-inquiry .p-gallery-inquiry-section .p-gallery-inquiry-section-tel .p-gallery-inquiry-section-tel-time {
  font-size: 0.875rem;
  line-height: 1.4;
  display: flex;
  margin: 0;
  padding: 0;
}
.p-gallery-inquiry .p-gallery-inquiry-section .p-gallery-inquiry-section-tel .p-gallery-inquiry-section-tel-time dt,
.p-gallery-inquiry .p-gallery-inquiry-section .p-gallery-inquiry-section-tel .p-gallery-inquiry-section-tel-time dd {
  margin: 0;
  padding: 0;
}
.p-gallery-inquiry .p-gallery-inquiry-section .p-gallery-inquiry-section-tel .p-gallery-inquiry-section-tel-link {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: 33px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #013A72;
  text-decoration: none;
}
.p-gallery-inquiry .p-gallery-inquiry-section .p-gallery-inquiry-section-tel .p-gallery-inquiry-section-tel-link .icon-tel {
  font-size: 80%;
  margin-top: 2px;
}
@media (min-width: 992px) {
  .p-gallery-inquiry .p-gallery-inquiry-section .p-gallery-inquiry-section-tel .p-gallery-inquiry-section-tel-link {
    font-size: 38px;
  }
}

#map {
  background: #e0f1fd;
  position: relative;
  z-index: 1;
}
#map .bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(../images/front/concept-bg-layer-sp.png) no-repeat center top/cover;
  mix-blend-mode: soft-light;
}
@media (min-width: 992px) {
  #map .bg-layer {
    background: url(../images/front/concept-bg-layer.png) no-repeat center top/cover;
  }
}
#map .bg-layer + * {
  position: relative;
  z-index: 2;
}

#plans {
  background-color: #FFFFFF;
}

#photos {
  background: #FFFFFF;
}

/* single-gallery-building */
.p-gallery-single-building .p-gallery-hero {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 768px) {
  .p-gallery-single-building .p-gallery-hero {
    flex-direction: row;
    gap: 40px;
  }
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 768px) {
  .p-gallery-single-building .p-gallery-hero .p-gallery-hero-image {
    width: calc(50% - 40px);
    flex-direction: row;
  }
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner {
  width: 100%;
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-main {
  width: 80%;
  aspect-ratio: 4/5;
  background: #FFFFFF;
  min-width: 0;
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-main img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-main .p-gallery-images-slide a {
  display: block;
  height: 100%;
  cursor: zoom-in;
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-main .js-gallery-hero-main,
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-main .slick-list,
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-main .slick-track,
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-main .slick-slide,
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-main .p-gallery-images-slide {
  height: 100%;
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-main .slick-slide > div {
  height: 100%;
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap {
  width: 18%;
  min-height: 0;
  align-self: center;
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap .p-gallery-images-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap .p-gallery-images-thumbs {
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
  }
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap .p-gallery-images-thumb {
  flex-shrink: 0;
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap .p-gallery-images-thumb button {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  background: #FFFFFF;
  cursor: pointer;
  aspect-ratio: 4/4;
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap .p-gallery-images-thumb button img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap .slick-next {
  left: 50%;
  right: auto;
  top: auto;
  bottom: -4px;
  z-index: 10;
  transform: translate3d(-50%, 100%, 0);
  width: 12px;
  height: 12px;
}
@media (min-width: 768px) {
  .p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap .slick-next {
    width: 18px;
    height: 18px;
  }
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap .slick-next::before {
  content: "";
  display: block;
  opacity: 1;
  visibility: visible;
  width: 12px;
  height: 12px;
  background: url("../images/common/icon-arrow-bottom.svg") no-repeat center center;
  background-size: contain;
}
@media (min-width: 768px) {
  .p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap .slick-next::before {
    width: 18px;
    height: 18px;
  }
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap .slick-prev {
  left: 50%;
  right: auto;
  top: -4px;
  bottom: auto;
  z-index: 10;
  transform: translate3d(-50%, -100%, 0);
  width: 12px;
  height: 12px;
}
@media (min-width: 768px) {
  .p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap .slick-prev {
    width: 18px;
    height: 18px;
  }
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap .slick-prev::before {
  content: "";
  display: block;
  opacity: 1;
  visibility: visible;
  width: 12px;
  height: 12px;
  background: url("../images/common/icon-arrow-top.svg") no-repeat center center;
  background-size: contain;
}
@media (min-width: 768px) {
  .p-gallery-single-building .p-gallery-hero .p-gallery-hero-image .p-gallery-hero-image-inner .p-gallery-images .p-gallery-images-thumbs-wrap .slick-prev::before {
    width: 18px;
    height: 18px;
  }
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-content {
  display: contents;
}
@media (min-width: 768px) {
  .p-gallery-single-building .p-gallery-hero .p-gallery-hero-content {
    display: block;
    order: 2;
    width: 50%;
  }
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-content .p-gallery-hero-main {
  border: 1px solid #000000;
  border-radius: 0 10px 10px 10px;
  background-color: #fff;
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-content .p-gallery-hero-main .p-gallery-title {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 10px 16px;
  border-bottom: 1px solid #000000;
}
@media (min-width: 992px) {
  .p-gallery-single-building .p-gallery-hero .p-gallery-hero-content .p-gallery-hero-main .p-gallery-title {
    font-size: 2rem;
    padding: 20px 32px;
  }
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-content .p-gallery-hero-main .p-gallery-features {
  padding: 12px 16px;
}
@media (min-width: 992px) {
  .p-gallery-single-building .p-gallery-hero .p-gallery-hero-content .p-gallery-hero-main .p-gallery-features {
    padding: 24px 32px;
  }
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-content .p-gallery-actions {
  margin-top: 24px;
  order: 3;
}
@media (min-width: 768px) {
  .p-gallery-single-building .p-gallery-hero .p-gallery-hero-content .p-gallery-actions {
    order: none;
  }
}
.p-gallery-single-building .p-gallery-hero .p-gallery-hero-content .p-gallery-actions .p-gallery-button {
  width: 100%;
}

/* single-gallery-room */
.p-gallery-single-room .p-gallery-header {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .p-gallery-single-room .p-gallery-header {
    margin-bottom: 40px;
  }
}
.p-gallery-single-room .p-gallery-header .gallery-room-title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 4px 0 0;
}
@media (min-width: 992px) {
  .p-gallery-single-room .p-gallery-header .gallery-room-title {
    font-size: 2rem;
  }
}
.p-gallery-single-room .p-gallery-header .gallery-room-header-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 8px;
  border: 1px solid #000000;
  border-radius: 10px;
  background-color: #FFFFFF;
  padding: 16px;
  margin-top: 8px;
}
@media (min-width: 992px) {
  .p-gallery-single-room .p-gallery-header .gallery-room-header-info {
    padding: 24px;
    margin-top: 24px;
  }
}
.p-gallery-single-room .p-gallery-header .gallery-room-header-info .gallery-room-header-info-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .p-gallery-single-room .p-gallery-header .gallery-room-header-info .gallery-room-header-info-item {
    width: auto;
  }
}
.p-gallery-single-room .p-gallery-header .gallery-room-header-info .gallery-room-header-info-item .gallery-room-header-info-item-label {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  color: #FFFFFF;
  background-color: #287FC7;
  padding: 0.5em 0.7em;
  margin: 0;
}
@media (min-width: 768px) {
  .p-gallery-single-room .p-gallery-header .gallery-room-header-info .gallery-room-header-info-item .gallery-room-header-info-item-label {
    font-size: clamp(0.75rem, 1.09375vw, 1rem);
  }
}
.p-gallery-single-room .p-gallery-header .gallery-room-header-info .gallery-room-header-info-item .gallery-room-header-info-item-value {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .p-gallery-single-room .p-gallery-header .gallery-room-header-info .gallery-room-header-info-item .gallery-room-header-info-item-value {
    font-size: clamp(1.25rem, 2.1875vw, 1.75rem);
  }
}
.p-gallery-single-room .p-gallery-header .gallery-room-header-info .gallery-room-header-info-item .gallery-room-header-info-item-value.price {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .p-gallery-single-room .p-gallery-header .gallery-room-header-info .gallery-room-header-info-item .gallery-room-header-info-item-value.price {
    font-size: clamp(1.25rem, 2.96875vw, 2.625rem);
  }
}
.p-gallery-single-room .p-gallery-header .gallery-room-header-info .gallery-room-header-info-item .gallery-room-header-info-item-value .unit {
  font-size: 70%;
  padding-left: 4px;
}
.p-gallery-single-room .p-gallery-hero {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .p-gallery-single-room .p-gallery-hero {
    align-items: start;
    gap: 7.03125vw;
  }
}
.p-gallery-single-room .p-gallery-hero .p-gallery-hero-image {
  width: 100%;
  padding: 0 32px;
}
@media (min-width: 768px) {
  .p-gallery-single-room .p-gallery-hero .p-gallery-hero-image {
    width: 38.046875%;
    padding: 0;
  }
}
.p-gallery-single-room .p-gallery-hero .p-gallery-hero-image img {
  width: 100%;
  height: auto;
}
.p-gallery-single-room .p-gallery-hero .p-gallery-hero-content {
  width: 100%;
}
@media (min-width: 768px) {
  .p-gallery-single-room .p-gallery-hero .p-gallery-hero-content {
    width: 50%;
  }
}
.p-gallery-single-room .p-gallery-hero .p-gallery-hero-content .p-gallery-features {
  padding: 16px;
  border: 1px solid #000000;
  border-radius: 10px;
  background-color: #FFFFFF;
}
@media (min-width: 992px) {
  .p-gallery-single-room .p-gallery-hero .p-gallery-hero-content .p-gallery-features {
    padding: 24px;
  }
}
.p-gallery-single-room .p-gallery-hero .p-gallery-hero-content .p-gallery-features li {
  font-size: 1rem;
}
.p-gallery-single-room .p-gallery-content {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .p-gallery-single-room .p-gallery-content {
    margin-top: 40px;
  }
}
.p-gallery-single-room .p-gallery-overview-note {
  font-size: 0.75rem;
  margin-top: 8px;
}
.p-gallery-single-room .p-gallery-inquiry-note-container {
  margin-top: 24px;
  border: 1px solid #000000;
  padding: 16px;
  background-color: #FFFFFF;
}
@media (min-width: 768px) {
  .p-gallery-single-room .p-gallery-inquiry-note-container {
    padding: 16px;
  }
}
.p-gallery-single-room .p-gallery-inquiry-note-container .p-gallery-inquiry-note-title {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 8px;
}
.p-gallery-single-room .p-gallery-inquiry-note-container .p-gallery-inquiry-note {
  font-size: 0.875rem;
  margin: 0;
  padding: 0;
}

/* gallery common */
.gallery-badge {
  display: inline-block;
  margin: 0;
  padding: 4px 24px;
  font-size: 0.87rem;
  font-weight: 500;
  color: #fff;
  background: #287FC7;
  border-radius: 0 0 20px 0;
}
.gallery-badge.sold-out {
  background: #99907f;
}

.p-gallery-rooms-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  padding: 8px;
  border-bottom: 1px solid #000000;
}
.p-gallery-rooms-item:last-child {
  border-bottom: none;
}
@media (min-width: 992px) {
  .p-gallery-rooms-item {
    flex-direction: row;
    align-items: unset;
  }
}
.p-gallery-rooms-item-number {
  width: 100%;
  background-color: #eeeeee;
  padding: 4px;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
@media (min-width: 1280px) {
  .p-gallery-rooms-item-number {
    width: 80px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
  }
}
.p-gallery-rooms-item-number br {
  display: none;
}
@media (min-width: 1280px) {
  .p-gallery-rooms-item-number br {
    display: block;
  }
}
.p-gallery-rooms-item-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 8px 8px 0;
}
@media (min-width: 1280px) {
  .p-gallery-rooms-item-image {
    width: auto;
    padding: 0 8px;
    align-self: center;
  }
}
.p-gallery-rooms-item-image img {
  width: 100px;
  aspect-ratio: 1/1;
  object-fit: contain;
}
@media (min-width: 1280px) {
  .p-gallery-rooms-item-image img {
    width: 120px;
  }
}
.p-gallery-rooms-item-content {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 0;
  padding: 8px 0;
}
@media (min-width: 992px) {
  .p-gallery-rooms-item-content {
    flex: unset;
    width: auto;
    align-self: center;
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .p-gallery-rooms-item-content {
    border-right: 1px solid #000000;
  }
}
.p-gallery-rooms-item-content dl {
  width: 100%;
  margin: 4px 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-gallery-rooms-item-content dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #287FC7;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .p-gallery-rooms-item-content dl dt {
    font-size: 0.875rem;
  }
}
.p-gallery-rooms-item-content dl dd {
  flex: 1;
  font-size: 0.9375em;
  line-height: 1.5;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.p-gallery-rooms-item-content dl dd .suffix {
  font-size: 75%;
  padding-left: 4px;
}
@media (min-width: 768px) {
  .p-gallery-rooms-item-content dl dd {
    font-size: 1rem;
  }
}
.p-gallery-rooms-item-content .p-gallery-rooms-item-price {
  padding: 0 4px;
}
@media (min-width: 768px) {
  .p-gallery-rooms-item-content .p-gallery-rooms-item-price {
    padding: 0 16px 0 8px;
  }
}
@media (min-width: 992px) {
  .p-gallery-rooms-item-content .p-gallery-rooms-item-price {
    padding: 16px 16px 16px 16px;
    border-right: 1px solid #000000;
  }
}
.p-gallery-rooms-item-content .p-gallery-rooms-item-price dt {
  background-color: #287FC7;
  width: 4em;
}
.p-gallery-rooms-item-content .p-gallery-rooms-item-price dd {
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1;
  color: #287FC7;
}
@media (min-width: 768px) {
  .p-gallery-rooms-item-content .p-gallery-rooms-item-price dd {
    font-size: 1.5rem;
  }
}
.p-gallery-rooms-item-content .p-gallery-rooms-item-info {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 0;
}
@media (min-width: 1280px) {
  .p-gallery-rooms-item-content .p-gallery-rooms-item-info {
    min-width: 270px;
  }
}
.p-gallery-rooms-item-content .p-gallery-rooms-item-info .p-gallery-rooms-item-floor {
  padding: 0 4px;
}
@media (min-width: 768px) {
  .p-gallery-rooms-item-content .p-gallery-rooms-item-info .p-gallery-rooms-item-floor {
    padding: 0 8px 0 8px;
  }
}
@media (min-width: 992px) {
  .p-gallery-rooms-item-content .p-gallery-rooms-item-info .p-gallery-rooms-item-floor {
    padding: 16px 12px 16px 12px;
  }
}
.p-gallery-rooms-item-content .p-gallery-rooms-item-info .p-gallery-rooms-item-floor dt {
  background-color: #707070;
  width: 4em;
}
.p-gallery-rooms-item-content .p-gallery-rooms-item-info .p-gallery-rooms-item-area {
  padding: 0 4px;
}
@media (min-width: 768px) {
  .p-gallery-rooms-item-content .p-gallery-rooms-item-info .p-gallery-rooms-item-area {
    padding: 0 16px 0x 8px;
  }
}
@media (min-width: 992px) {
  .p-gallery-rooms-item-content .p-gallery-rooms-item-info .p-gallery-rooms-item-area {
    padding: 16px 12px 16px 12px;
  }
}
.p-gallery-rooms-item-content .p-gallery-rooms-item-info .p-gallery-rooms-item-area dt {
  background-color: #707070;
  width: 5em;
}
.p-gallery-rooms-item .p-gallery-rooms-item-action {
  align-self: center;
  text-align: center;
  width: 100%;
  padding: 8px 0;
}
.p-gallery-rooms-item .p-gallery-rooms-item-action .p-gallery-rooms-item-action-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 12px 24px;
  border-radius: 9999px;
  background-color: #287FC7;
  color: #fff;
  text-decoration: none;
  max-width: 100%;
  width: 280px;
  position: relative;
  transition: all 0.3s ease;
}
.p-gallery-rooms-item .p-gallery-rooms-item-action .p-gallery-rooms-item-action-button .icon-arrow-right {
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 80%;
}
.p-gallery-rooms-item .p-gallery-rooms-item-action .p-gallery-rooms-item-action-button:hover {
  background-color: #013A72;
}

@media (min-width: 1280px) {
  #rooms .p-gallery-rooms-item-content .p-gallery-rooms-item-price {
    padding: 16px 40px 16px 24px;
  }
  #rooms .p-gallery-rooms-item-content .p-gallery-rooms-item-info .p-gallery-rooms-item-floor {
    padding: 16px 24px 16px 32px;
  }
  #rooms .p-gallery-rooms-item-content .p-gallery-rooms-item-info .p-gallery-rooms-item-area {
    padding: 16px 24px 16px 24px;
  }
}

.gallery-archive-search {
  background-color: #0F132A;
  color: #fff;
  margin-bottom: 32px;
  text-align: center;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
@media (min-width: 768px) {
  .gallery-archive-search {
    display: none;
  }
}
.gallery-archive-search .gallery-archive-search-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  outline: none;
  color: #fff;
}
.gallery-archive-search .gallery-archive-search-button .icon-search {
  font-size: 140%;
}
.gallery-archive-search .gallery-archive-search-button .icon-arrow-bottom {
  transition: all 0.2s ease-in-out;
}
.gallery-archive-search .gallery-archive-search-button.is-active .icon-arrow-bottom {
  transform: rotate(-180deg);
}

.gallery-archive-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 992px) {
  .gallery-archive-list {
    gap: 60px;
  }
}
@media (min-width: 1280px) {
  .gallery-archive-list .p-gallery-rooms-list .p-gallery-rooms-item .p-gallery-rooms-item-action {
    padding: 0 16px;
    width: auto;
    flex: 1;
  }
}
.gallery-archive-list .p-gallery-rooms-list .p-gallery-rooms-item .p-gallery-rooms-item-action .p-gallery-rooms-item-action-button {
  width: 280px;
}
@media (min-width: 768px) {
  .gallery-archive-list .p-gallery-rooms-list .p-gallery-rooms-item .p-gallery-rooms-item-action .p-gallery-rooms-item-action-button {
    width: 360px;
    height: 60px;
  }
}
@media (min-width: 1280px) {
  .gallery-archive-list .p-gallery-rooms-list .p-gallery-rooms-item .p-gallery-rooms-item-action .p-gallery-rooms-item-action-button {
    width: 100%;
  }
}

.gallery-archive-content {
  display: flex;
  flex-direction: column;
  gap: 0 40px;
}
@media (min-width: 768px) {
  .gallery-archive-content {
    flex-direction: row;
  }
}
.gallery-archive-content .gallery-archive-main {
  flex: 1;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
}
.gallery-archive-content .gallery-archive-sidebar {
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .gallery-archive-content .gallery-archive-sidebar {
    overflow: visible;
    height: auto !important;
    width: 240px;
    order: 2;
  }
}
.gallery-archive-content .gallery-archive-sidebar .gallery-sidebar-search {
  padding-bottom: 40px;
}

.current-condition-box .current-condition-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 2em 0 1em;
  text-align: center;
}
.current-condition-box .current-condition-list {
  margin: 0;
  padding: 16px;
  list-style: none;
  border: 2px solid #287FC7;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.current-condition-box .label {
  display: block;
  font-size: 0.875rem;
  border-bottom: 1px solid #000000;
  margin-bottom: 4px;
}
.current-condition-box .value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 1rem;
  font-weight: 500;
  color: #287FC7;
}
.current-condition-box .value .value-text {
  flex: 1;
  min-width: 0;
}
.current-condition-box .value .value-item {
  display: block;
  line-height: 1.5;
}
.current-condition-box .condition-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  border: none;
  background: none;
  color: #287FC7;
  cursor: pointer;
  line-height: 1;
}
.current-condition-box .condition-clear .icon-close {
  width: 0.85em;
  height: 0.85em;
}
.current-condition-box .condition-clear[hidden] {
  display: none;
}
@media (hover: hover) {
  .current-condition-box .condition-clear:hover {
    opacity: 0.7;
  }
}

.result-box .result-box-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 2em 0 1em;
  text-align: center;
}
@media (min-width: 1280px) {
  .result-box .result-box-title {
    text-align: left;
  }
}
.result-box .result-box-count {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.5;
  color: #287FC7;
  margin: 0;
  text-align: center;
}
@media (min-width: 1280px) {
  .result-box .result-box-count {
    text-align: right;
  }
}
.result-box .result-box-count .result-box-count-unit {
  font-size: 70%;
  padding-left: 4px;
}

.result-data-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .result-data-box {
    margin-bottom: 24px;
  }
}

.result-count .number {
  font-size: 1.125rem;
  font-weight: 500;
}
.result-count .range {
  font-size: 0.875rem;
  font-weight: 400;
}

.result-sort-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 768px) {
  .result-sort-box {
    flex-direction: row;
    align-items: center;
  }
}
.result-sort-box .result-sort-select {
  position: relative;
  z-index: 1;
  background-color: #fff;
  outline: 2px solid #d2d2d2;
  outline-offset: -2px;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
}
.result-sort-box .result-sort-select .select-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0F132A;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 40px;
  height: auto;
  font-size: 0.75rem;
}
@media (hover: hover) {
  .result-sort-box .result-sort-select:hover .select-icon {
    background-color: #287FC7;
  }
}
.result-sort-box .result-sort-select select {
  position: relative;
  z-index: 2;
  width: 100%;
  min-width: 180px;
  padding: 8px 40px 8px 12px;
  background: none;
  background-color: transparent;
  border: none;
  font-size: 0.875rem;
  cursor: pointer;
}

.result-sort-button {
  display: flex;
  gap: 8px;
}
.result-sort-button button {
  padding: 12px 20px;
  border: 1px solid #000000;
  background-color: #fff;
  cursor: pointer;
}
.result-sort-button button.is-active {
  border-color: #0F132A;
  background-color: rgba(15, 19, 42, 0.08);
}

.c-post-card-gallery .c-post-card__inner {
  border: 1px solid #000000;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  .c-post-card-gallery .c-post-card__inner {
    padding-bottom: 30px;
  }
}
.c-post-card-gallery .c-post-card__header {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .c-post-card-gallery .c-post-card__header {
    flex-direction: row;
  }
}
.c-post-card-gallery .c-post-card__thumbnail {
  display: block;
  aspect-ratio: 3/2;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 992px) {
  .c-post-card-gallery .c-post-card__thumbnail {
    width: 50%;
  }
}
.c-post-card-gallery .c-post-card__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #f0f0f0;
}
.c-post-card-gallery .c-post-card__body {
  flex: 1;
}
.c-post-card-gallery .c-post-card__body .c-post-card__title {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 10px 16px;
  border-bottom: 1px solid #000000;
}
@media (min-width: 992px) {
  .c-post-card-gallery .c-post-card__body .c-post-card__title {
    font-size: 1.5rem;
    padding: 20px 32px;
  }
}
.c-post-card-gallery .c-post-card__body .p-gallery-features {
  padding: 12px 16px;
}
@media (min-width: 992px) {
  .c-post-card-gallery .c-post-card__body .p-gallery-features {
    padding: 24px 32px;
  }
}
.c-post-card-gallery .c-post-card__footer {
  text-align: center;
  margin-top: -25px;
}
@media (min-width: 768px) {
  .c-post-card-gallery .c-post-card__footer {
    margin-top: -30px;
  }
}
.c-post-card-gallery .c-post-card__read-more {
  display: inline-block;
  padding: 16px 32px;
  background-color: #0F132A;
  color: #fff;
  text-decoration: none;
  width: 500px;
  max-width: 100%;
}

.p-gallery-rooms-list {
  padding: 0;
  border-top: 1px solid #000000;
}
/* sidebar search */
.gallery-sidebar-search .search-word-box {
  display: block;
  position: relative;
  outline: 2px solid #d2d2d2;
  outline-offset: -2px;
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
}
.gallery-sidebar-search .search-word-box .search-word-text {
  width: 100%;
  padding: 16px;
  border: none;
  background: none;
  line-height: 1.25;
}
.gallery-sidebar-search .search-word-box .search-word-text::placeholder {
  color: #707070;
}
.gallery-sidebar-search .search-word-box .search-word-button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 50px;
  border: none;
  background-color: #0F132A;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .gallery-sidebar-search .search-word-box .search-word-button:hover {
    background-color: #287FC7;
  }
}
.gallery-sidebar-search__composite-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gallery-sidebar-search__composite-inner select {
  width: 100%;
  padding: 16px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
}
.gallery-sidebar-search__composite-inner select.is-active, .gallery-sidebar-search__composite-inner select:not([disabled]):hover {
  border-color: #287FC7;
  outline: 2px solid #287FC7;
  outline-offset: -2px;
}
.gallery-sidebar-search__composite-inner select[disabled] {
  cursor: not-allowed;
  outline: inherit;
}
.gallery-sidebar-search__text, .gallery-sidebar-search__composite {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gallery-sidebar-search__links {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gallery-sidebar-search__links a {
  display: block;
  width: 100%;
  padding: 16px;
  border: 1px solid #000000;
  background-color: #fff;
  text-decoration: none;
}

/* sidebar search */
.sidebar-section-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 2em 0 1em;
}
.sidebar-section-title .text-inner {
  flex: 1;
  white-space: nowrap;
}
.sidebar-section-title::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #000000;
}

.gallery-radio-control,
.gallery-checkbox-control {
  display: block;
  cursor: pointer;
}
.gallery-radio-control input[type=checkbox],
.gallery-radio-control input[type=radio],
.gallery-checkbox-control input[type=checkbox],
.gallery-checkbox-control input[type=radio] {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
.gallery-radio-control .control-label,
.gallery-checkbox-control .control-label {
  padding-left: 3em;
  padding-top: 0.5em;
  box-sizing: border-box;
  display: block;
  width: auto;
  min-height: 2.5em;
  line-height: 1.5;
  position: relative;
}
.gallery-radio-control .control-label::before,
.gallery-checkbox-control .control-label::before {
  content: "";
  display: block;
  background-color: #FFFFFF;
  border: 2px solid #d2d2d2;
  border-radius: 5px;
  width: 2.5em;
  height: 2.5em;
  position: absolute;
  left: 0;
  top: 0;
  transition: border 0.3s ease-in-out;
}
.gallery-radio-control .control-label::after,
.gallery-checkbox-control .control-label::after {
  content: "";
  display: block;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 489.309 346.86"><path fill="%23000" d="m184.551 346.86c-13.003 0-25.99-5.04-35.787-15.077l-134.547-137.862c-19.287-19.763-18.901-51.418.86-70.706 19.763-19.288 51.418-18.903 70.706.86l99.749 102.207 218.983-212.189c19.831-19.217 51.485-18.718 70.702 1.114 19.216 19.831 18.717 51.486-1.114 70.702l-254.762 246.86c-9.708 9.406-22.257 14.092-34.79 14.092z"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #eeeeee;
  width: 1.5em;
  height: 1.5em;
  left: 0.5em;
  position: absolute;
  top: 0.5em;
  transition: all 0.3s ease-in-out;
}
.gallery-radio-control input[type=radio]:checked + .control-label::before,
.gallery-checkbox-control input[type=radio]:checked + .control-label::before {
  background: #FFFFFF;
}
.gallery-radio-control input[type=radio]:checked + .control-label::after,
.gallery-checkbox-control input[type=radio]:checked + .control-label::after {
  background-color: #287FC7;
}
@media (hover: hover) {
  .gallery-radio-control:hover .control-label::before,
  .gallery-checkbox-control:hover .control-label::before {
    border-color: #287FC7;
  }
}

.sale-box {
  display: flex;
  gap: 16px;
}
@media (min-width: 768px) {
  .sale-box {
    flex-direction: column;
  }
}

.rail-prefecture-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.rail-prefecture-box button {
  width: 100%;
  padding: 16px;
  border: none;
  background-color: #0F132A;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.2;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
}
.rail-prefecture-box button::after {
  content: "";
  display: inline-block;
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  flex-shrink: 0;
  vertical-align: middle;
  line-height: 1;
  background-color: currentColor;
  background-image: none;
  mask-image: url("../images/common/icon-arrow-right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("../images/common/icon-arrow-right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  opacity: 0.5;
}
@media (hover: hover) {
  .rail-prefecture-box button:hover {
    background-color: #287FC7;
  }
}
.rail-prefecture-box button.is-active {
  background-color: #287FC7;
}

.search-button-box .search-button-hint {
  margin: 0 0 8px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #c0392b;
  text-align: center;
}
.search-button-box .c-button {
  width: 100%;
  height: 43px;
}
@media (min-width: 768px) {
  .search-button-box .c-button {
    height: 50px;
  }
}
.search-button-box .c-button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.search-button-box .search-clear-link {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 0;
  border: none;
  background: none;
  text-align: center;
  font: inherit;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #287FC7;
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
  .search-button-box .search-clear-link:hover {
    text-decoration: underline;
  }
}

.page-flow .c-breadcrumb,
.page-support .c-breadcrumb,
.page-investment .c-breadcrumb {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}
.page-flow .page-main,
.page-support .page-main,
.page-investment .page-main {
  padding: 0;
}
.page-flow .page-content > .l-section,
.page-support .page-content > .l-section,
.page-investment .page-content > .l-section {
  padding-top: 60px;
}
@media (min-width: 768px) {
  .page-flow .page-content > .l-section,
  .page-support .page-content > .l-section,
  .page-investment .page-content > .l-section {
    padding-top: 80px;
  }
}
@media (min-width: 992px) {
  .page-flow .page-content > .l-section,
  .page-support .page-content > .l-section,
  .page-investment .page-content > .l-section {
    padding-top: 80px;
  }
}

.list-note {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-note li {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .list-note li {
    font-size: 0.75rem;
  }
}

.m-0 {
  margin: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.m-1 {
  margin: 1px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.ml-1 {
  margin-left: 1px !important;
}

.mr-1 {
  margin-right: 1px !important;
}

.p-1 {
  padding: 1px !important;
}

.pt-1 {
  padding-top: 1px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

.pl-1 {
  padding-left: 1px !important;
}

.pr-1 {
  padding-right: 1px !important;
}

.m-2 {
  margin: 2px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.p-2 {
  padding: 2px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.pl-2 {
  padding-left: 2px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.m-3 {
  margin: 3px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.p-3 {
  padding: 3px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.pl-3 {
  padding-left: 3px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.m-4 {
  margin: 4px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.p-4 {
  padding: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.m-5 {
  margin: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.p-5 {
  padding: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.m-6 {
  margin: 6px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.p-6 {
  padding: 6px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.pl-6 {
  padding-left: 6px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.m-7 {
  margin: 7px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.p-7 {
  padding: 7px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.pl-7 {
  padding-left: 7px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.m-8 {
  margin: 8px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.p-8 {
  padding: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.m-9 {
  margin: 9px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.p-9 {
  padding: 9px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.m-10 {
  margin: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.p-10 {
  padding: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.m-11 {
  margin: 11px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.mb-11 {
  margin-bottom: 11px !important;
}

.ml-11 {
  margin-left: 11px !important;
}

.mr-11 {
  margin-right: 11px !important;
}

.p-11 {
  padding: 11px !important;
}

.pt-11 {
  padding-top: 11px !important;
}

.pb-11 {
  padding-bottom: 11px !important;
}

.pl-11 {
  padding-left: 11px !important;
}

.pr-11 {
  padding-right: 11px !important;
}

.m-12 {
  margin: 12px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.p-12 {
  padding: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.m-13 {
  margin: 13px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

.ml-13 {
  margin-left: 13px !important;
}

.mr-13 {
  margin-right: 13px !important;
}

.p-13 {
  padding: 13px !important;
}

.pt-13 {
  padding-top: 13px !important;
}

.pb-13 {
  padding-bottom: 13px !important;
}

.pl-13 {
  padding-left: 13px !important;
}

.pr-13 {
  padding-right: 13px !important;
}

.m-14 {
  margin: 14px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.ml-14 {
  margin-left: 14px !important;
}

.mr-14 {
  margin-right: 14px !important;
}

.p-14 {
  padding: 14px !important;
}

.pt-14 {
  padding-top: 14px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.pl-14 {
  padding-left: 14px !important;
}

.pr-14 {
  padding-right: 14px !important;
}

.m-15 {
  margin: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.p-15 {
  padding: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.m-16 {
  margin: 16px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.p-16 {
  padding: 16px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.m-17 {
  margin: 17px !important;
}

.mt-17 {
  margin-top: 17px !important;
}

.mb-17 {
  margin-bottom: 17px !important;
}

.ml-17 {
  margin-left: 17px !important;
}

.mr-17 {
  margin-right: 17px !important;
}

.p-17 {
  padding: 17px !important;
}

.pt-17 {
  padding-top: 17px !important;
}

.pb-17 {
  padding-bottom: 17px !important;
}

.pl-17 {
  padding-left: 17px !important;
}

.pr-17 {
  padding-right: 17px !important;
}

.m-18 {
  margin: 18px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.ml-18 {
  margin-left: 18px !important;
}

.mr-18 {
  margin-right: 18px !important;
}

.p-18 {
  padding: 18px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.m-19 {
  margin: 19px !important;
}

.mt-19 {
  margin-top: 19px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

.ml-19 {
  margin-left: 19px !important;
}

.mr-19 {
  margin-right: 19px !important;
}

.p-19 {
  padding: 19px !important;
}

.pt-19 {
  padding-top: 19px !important;
}

.pb-19 {
  padding-bottom: 19px !important;
}

.pl-19 {
  padding-left: 19px !important;
}

.pr-19 {
  padding-right: 19px !important;
}

.m-20 {
  margin: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.m-21 {
  margin: 21px !important;
}

.mt-21 {
  margin-top: 21px !important;
}

.mb-21 {
  margin-bottom: 21px !important;
}

.ml-21 {
  margin-left: 21px !important;
}

.mr-21 {
  margin-right: 21px !important;
}

.p-21 {
  padding: 21px !important;
}

.pt-21 {
  padding-top: 21px !important;
}

.pb-21 {
  padding-bottom: 21px !important;
}

.pl-21 {
  padding-left: 21px !important;
}

.pr-21 {
  padding-right: 21px !important;
}

.m-22 {
  margin: 22px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.ml-22 {
  margin-left: 22px !important;
}

.mr-22 {
  margin-right: 22px !important;
}

.p-22 {
  padding: 22px !important;
}

.pt-22 {
  padding-top: 22px !important;
}

.pb-22 {
  padding-bottom: 22px !important;
}

.pl-22 {
  padding-left: 22px !important;
}

.pr-22 {
  padding-right: 22px !important;
}

.m-23 {
  margin: 23px !important;
}

.mt-23 {
  margin-top: 23px !important;
}

.mb-23 {
  margin-bottom: 23px !important;
}

.ml-23 {
  margin-left: 23px !important;
}

.mr-23 {
  margin-right: 23px !important;
}

.p-23 {
  padding: 23px !important;
}

.pt-23 {
  padding-top: 23px !important;
}

.pb-23 {
  padding-bottom: 23px !important;
}

.pl-23 {
  padding-left: 23px !important;
}

.pr-23 {
  padding-right: 23px !important;
}

.m-24 {
  margin: 24px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.p-24 {
  padding: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.m-25 {
  margin: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.p-25 {
  padding: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.m-26 {
  margin: 26px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.ml-26 {
  margin-left: 26px !important;
}

.mr-26 {
  margin-right: 26px !important;
}

.p-26 {
  padding: 26px !important;
}

.pt-26 {
  padding-top: 26px !important;
}

.pb-26 {
  padding-bottom: 26px !important;
}

.pl-26 {
  padding-left: 26px !important;
}

.pr-26 {
  padding-right: 26px !important;
}

.m-27 {
  margin: 27px !important;
}

.mt-27 {
  margin-top: 27px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.ml-27 {
  margin-left: 27px !important;
}

.mr-27 {
  margin-right: 27px !important;
}

.p-27 {
  padding: 27px !important;
}

.pt-27 {
  padding-top: 27px !important;
}

.pb-27 {
  padding-bottom: 27px !important;
}

.pl-27 {
  padding-left: 27px !important;
}

.pr-27 {
  padding-right: 27px !important;
}

.m-28 {
  margin: 28px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.p-28 {
  padding: 28px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.m-29 {
  margin: 29px !important;
}

.mt-29 {
  margin-top: 29px !important;
}

.mb-29 {
  margin-bottom: 29px !important;
}

.ml-29 {
  margin-left: 29px !important;
}

.mr-29 {
  margin-right: 29px !important;
}

.p-29 {
  padding: 29px !important;
}

.pt-29 {
  padding-top: 29px !important;
}

.pb-29 {
  padding-bottom: 29px !important;
}

.pl-29 {
  padding-left: 29px !important;
}

.pr-29 {
  padding-right: 29px !important;
}

.m-30 {
  margin: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.p-30 {
  padding: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.m-31 {
  margin: 31px !important;
}

.mt-31 {
  margin-top: 31px !important;
}

.mb-31 {
  margin-bottom: 31px !important;
}

.ml-31 {
  margin-left: 31px !important;
}

.mr-31 {
  margin-right: 31px !important;
}

.p-31 {
  padding: 31px !important;
}

.pt-31 {
  padding-top: 31px !important;
}

.pb-31 {
  padding-bottom: 31px !important;
}

.pl-31 {
  padding-left: 31px !important;
}

.pr-31 {
  padding-right: 31px !important;
}

.m-32 {
  margin: 32px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.p-32 {
  padding: 32px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.m-33 {
  margin: 33px !important;
}

.mt-33 {
  margin-top: 33px !important;
}

.mb-33 {
  margin-bottom: 33px !important;
}

.ml-33 {
  margin-left: 33px !important;
}

.mr-33 {
  margin-right: 33px !important;
}

.p-33 {
  padding: 33px !important;
}

.pt-33 {
  padding-top: 33px !important;
}

.pb-33 {
  padding-bottom: 33px !important;
}

.pl-33 {
  padding-left: 33px !important;
}

.pr-33 {
  padding-right: 33px !important;
}

.m-34 {
  margin: 34px !important;
}

.mt-34 {
  margin-top: 34px !important;
}

.mb-34 {
  margin-bottom: 34px !important;
}

.ml-34 {
  margin-left: 34px !important;
}

.mr-34 {
  margin-right: 34px !important;
}

.p-34 {
  padding: 34px !important;
}

.pt-34 {
  padding-top: 34px !important;
}

.pb-34 {
  padding-bottom: 34px !important;
}

.pl-34 {
  padding-left: 34px !important;
}

.pr-34 {
  padding-right: 34px !important;
}

.m-35 {
  margin: 35px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.p-35 {
  padding: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.m-36 {
  margin: 36px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.ml-36 {
  margin-left: 36px !important;
}

.mr-36 {
  margin-right: 36px !important;
}

.p-36 {
  padding: 36px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.pl-36 {
  padding-left: 36px !important;
}

.pr-36 {
  padding-right: 36px !important;
}

.m-37 {
  margin: 37px !important;
}

.mt-37 {
  margin-top: 37px !important;
}

.mb-37 {
  margin-bottom: 37px !important;
}

.ml-37 {
  margin-left: 37px !important;
}

.mr-37 {
  margin-right: 37px !important;
}

.p-37 {
  padding: 37px !important;
}

.pt-37 {
  padding-top: 37px !important;
}

.pb-37 {
  padding-bottom: 37px !important;
}

.pl-37 {
  padding-left: 37px !important;
}

.pr-37 {
  padding-right: 37px !important;
}

.m-38 {
  margin: 38px !important;
}

.mt-38 {
  margin-top: 38px !important;
}

.mb-38 {
  margin-bottom: 38px !important;
}

.ml-38 {
  margin-left: 38px !important;
}

.mr-38 {
  margin-right: 38px !important;
}

.p-38 {
  padding: 38px !important;
}

.pt-38 {
  padding-top: 38px !important;
}

.pb-38 {
  padding-bottom: 38px !important;
}

.pl-38 {
  padding-left: 38px !important;
}

.pr-38 {
  padding-right: 38px !important;
}

.m-39 {
  margin: 39px !important;
}

.mt-39 {
  margin-top: 39px !important;
}

.mb-39 {
  margin-bottom: 39px !important;
}

.ml-39 {
  margin-left: 39px !important;
}

.mr-39 {
  margin-right: 39px !important;
}

.p-39 {
  padding: 39px !important;
}

.pt-39 {
  padding-top: 39px !important;
}

.pb-39 {
  padding-bottom: 39px !important;
}

.pl-39 {
  padding-left: 39px !important;
}

.pr-39 {
  padding-right: 39px !important;
}

.m-40 {
  margin: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.p-40 {
  padding: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.m-41 {
  margin: 41px !important;
}

.mt-41 {
  margin-top: 41px !important;
}

.mb-41 {
  margin-bottom: 41px !important;
}

.ml-41 {
  margin-left: 41px !important;
}

.mr-41 {
  margin-right: 41px !important;
}

.p-41 {
  padding: 41px !important;
}

.pt-41 {
  padding-top: 41px !important;
}

.pb-41 {
  padding-bottom: 41px !important;
}

.pl-41 {
  padding-left: 41px !important;
}

.pr-41 {
  padding-right: 41px !important;
}

.m-42 {
  margin: 42px !important;
}

.mt-42 {
  margin-top: 42px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

.ml-42 {
  margin-left: 42px !important;
}

.mr-42 {
  margin-right: 42px !important;
}

.p-42 {
  padding: 42px !important;
}

.pt-42 {
  padding-top: 42px !important;
}

.pb-42 {
  padding-bottom: 42px !important;
}

.pl-42 {
  padding-left: 42px !important;
}

.pr-42 {
  padding-right: 42px !important;
}

.m-43 {
  margin: 43px !important;
}

.mt-43 {
  margin-top: 43px !important;
}

.mb-43 {
  margin-bottom: 43px !important;
}

.ml-43 {
  margin-left: 43px !important;
}

.mr-43 {
  margin-right: 43px !important;
}

.p-43 {
  padding: 43px !important;
}

.pt-43 {
  padding-top: 43px !important;
}

.pb-43 {
  padding-bottom: 43px !important;
}

.pl-43 {
  padding-left: 43px !important;
}

.pr-43 {
  padding-right: 43px !important;
}

.m-44 {
  margin: 44px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.ml-44 {
  margin-left: 44px !important;
}

.mr-44 {
  margin-right: 44px !important;
}

.p-44 {
  padding: 44px !important;
}

.pt-44 {
  padding-top: 44px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

.pl-44 {
  padding-left: 44px !important;
}

.pr-44 {
  padding-right: 44px !important;
}

.m-45 {
  margin: 45px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.p-45 {
  padding: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.m-46 {
  margin: 46px !important;
}

.mt-46 {
  margin-top: 46px !important;
}

.mb-46 {
  margin-bottom: 46px !important;
}

.ml-46 {
  margin-left: 46px !important;
}

.mr-46 {
  margin-right: 46px !important;
}

.p-46 {
  padding: 46px !important;
}

.pt-46 {
  padding-top: 46px !important;
}

.pb-46 {
  padding-bottom: 46px !important;
}

.pl-46 {
  padding-left: 46px !important;
}

.pr-46 {
  padding-right: 46px !important;
}

.m-47 {
  margin: 47px !important;
}

.mt-47 {
  margin-top: 47px !important;
}

.mb-47 {
  margin-bottom: 47px !important;
}

.ml-47 {
  margin-left: 47px !important;
}

.mr-47 {
  margin-right: 47px !important;
}

.p-47 {
  padding: 47px !important;
}

.pt-47 {
  padding-top: 47px !important;
}

.pb-47 {
  padding-bottom: 47px !important;
}

.pl-47 {
  padding-left: 47px !important;
}

.pr-47 {
  padding-right: 47px !important;
}

.m-48 {
  margin: 48px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.ml-48 {
  margin-left: 48px !important;
}

.mr-48 {
  margin-right: 48px !important;
}

.p-48 {
  padding: 48px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.pl-48 {
  padding-left: 48px !important;
}

.pr-48 {
  padding-right: 48px !important;
}

.m-49 {
  margin: 49px !important;
}

.mt-49 {
  margin-top: 49px !important;
}

.mb-49 {
  margin-bottom: 49px !important;
}

.ml-49 {
  margin-left: 49px !important;
}

.mr-49 {
  margin-right: 49px !important;
}

.p-49 {
  padding: 49px !important;
}

.pt-49 {
  padding-top: 49px !important;
}

.pb-49 {
  padding-bottom: 49px !important;
}

.pl-49 {
  padding-left: 49px !important;
}

.pr-49 {
  padding-right: 49px !important;
}

.m-50 {
  margin: 50px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.p-50 {
  padding: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.m-51 {
  margin: 51px !important;
}

.mt-51 {
  margin-top: 51px !important;
}

.mb-51 {
  margin-bottom: 51px !important;
}

.ml-51 {
  margin-left: 51px !important;
}

.mr-51 {
  margin-right: 51px !important;
}

.p-51 {
  padding: 51px !important;
}

.pt-51 {
  padding-top: 51px !important;
}

.pb-51 {
  padding-bottom: 51px !important;
}

.pl-51 {
  padding-left: 51px !important;
}

.pr-51 {
  padding-right: 51px !important;
}

.m-52 {
  margin: 52px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.ml-52 {
  margin-left: 52px !important;
}

.mr-52 {
  margin-right: 52px !important;
}

.p-52 {
  padding: 52px !important;
}

.pt-52 {
  padding-top: 52px !important;
}

.pb-52 {
  padding-bottom: 52px !important;
}

.pl-52 {
  padding-left: 52px !important;
}

.pr-52 {
  padding-right: 52px !important;
}

.m-53 {
  margin: 53px !important;
}

.mt-53 {
  margin-top: 53px !important;
}

.mb-53 {
  margin-bottom: 53px !important;
}

.ml-53 {
  margin-left: 53px !important;
}

.mr-53 {
  margin-right: 53px !important;
}

.p-53 {
  padding: 53px !important;
}

.pt-53 {
  padding-top: 53px !important;
}

.pb-53 {
  padding-bottom: 53px !important;
}

.pl-53 {
  padding-left: 53px !important;
}

.pr-53 {
  padding-right: 53px !important;
}

.m-54 {
  margin: 54px !important;
}

.mt-54 {
  margin-top: 54px !important;
}

.mb-54 {
  margin-bottom: 54px !important;
}

.ml-54 {
  margin-left: 54px !important;
}

.mr-54 {
  margin-right: 54px !important;
}

.p-54 {
  padding: 54px !important;
}

.pt-54 {
  padding-top: 54px !important;
}

.pb-54 {
  padding-bottom: 54px !important;
}

.pl-54 {
  padding-left: 54px !important;
}

.pr-54 {
  padding-right: 54px !important;
}

.m-55 {
  margin: 55px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.p-55 {
  padding: 55px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.m-56 {
  margin: 56px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.ml-56 {
  margin-left: 56px !important;
}

.mr-56 {
  margin-right: 56px !important;
}

.p-56 {
  padding: 56px !important;
}

.pt-56 {
  padding-top: 56px !important;
}

.pb-56 {
  padding-bottom: 56px !important;
}

.pl-56 {
  padding-left: 56px !important;
}

.pr-56 {
  padding-right: 56px !important;
}

.m-57 {
  margin: 57px !important;
}

.mt-57 {
  margin-top: 57px !important;
}

.mb-57 {
  margin-bottom: 57px !important;
}

.ml-57 {
  margin-left: 57px !important;
}

.mr-57 {
  margin-right: 57px !important;
}

.p-57 {
  padding: 57px !important;
}

.pt-57 {
  padding-top: 57px !important;
}

.pb-57 {
  padding-bottom: 57px !important;
}

.pl-57 {
  padding-left: 57px !important;
}

.pr-57 {
  padding-right: 57px !important;
}

.m-58 {
  margin: 58px !important;
}

.mt-58 {
  margin-top: 58px !important;
}

.mb-58 {
  margin-bottom: 58px !important;
}

.ml-58 {
  margin-left: 58px !important;
}

.mr-58 {
  margin-right: 58px !important;
}

.p-58 {
  padding: 58px !important;
}

.pt-58 {
  padding-top: 58px !important;
}

.pb-58 {
  padding-bottom: 58px !important;
}

.pl-58 {
  padding-left: 58px !important;
}

.pr-58 {
  padding-right: 58px !important;
}

.m-59 {
  margin: 59px !important;
}

.mt-59 {
  margin-top: 59px !important;
}

.mb-59 {
  margin-bottom: 59px !important;
}

.ml-59 {
  margin-left: 59px !important;
}

.mr-59 {
  margin-right: 59px !important;
}

.p-59 {
  padding: 59px !important;
}

.pt-59 {
  padding-top: 59px !important;
}

.pb-59 {
  padding-bottom: 59px !important;
}

.pl-59 {
  padding-left: 59px !important;
}

.pr-59 {
  padding-right: 59px !important;
}

.m-60 {
  margin: 60px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.p-60 {
  padding: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.m-61 {
  margin: 61px !important;
}

.mt-61 {
  margin-top: 61px !important;
}

.mb-61 {
  margin-bottom: 61px !important;
}

.ml-61 {
  margin-left: 61px !important;
}

.mr-61 {
  margin-right: 61px !important;
}

.p-61 {
  padding: 61px !important;
}

.pt-61 {
  padding-top: 61px !important;
}

.pb-61 {
  padding-bottom: 61px !important;
}

.pl-61 {
  padding-left: 61px !important;
}

.pr-61 {
  padding-right: 61px !important;
}

.m-62 {
  margin: 62px !important;
}

.mt-62 {
  margin-top: 62px !important;
}

.mb-62 {
  margin-bottom: 62px !important;
}

.ml-62 {
  margin-left: 62px !important;
}

.mr-62 {
  margin-right: 62px !important;
}

.p-62 {
  padding: 62px !important;
}

.pt-62 {
  padding-top: 62px !important;
}

.pb-62 {
  padding-bottom: 62px !important;
}

.pl-62 {
  padding-left: 62px !important;
}

.pr-62 {
  padding-right: 62px !important;
}

.m-63 {
  margin: 63px !important;
}

.mt-63 {
  margin-top: 63px !important;
}

.mb-63 {
  margin-bottom: 63px !important;
}

.ml-63 {
  margin-left: 63px !important;
}

.mr-63 {
  margin-right: 63px !important;
}

.p-63 {
  padding: 63px !important;
}

.pt-63 {
  padding-top: 63px !important;
}

.pb-63 {
  padding-bottom: 63px !important;
}

.pl-63 {
  padding-left: 63px !important;
}

.pr-63 {
  padding-right: 63px !important;
}

.m-64 {
  margin: 64px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.ml-64 {
  margin-left: 64px !important;
}

.mr-64 {
  margin-right: 64px !important;
}

.p-64 {
  padding: 64px !important;
}

.pt-64 {
  padding-top: 64px !important;
}

.pb-64 {
  padding-bottom: 64px !important;
}

.pl-64 {
  padding-left: 64px !important;
}

.pr-64 {
  padding-right: 64px !important;
}

.m-65 {
  margin: 65px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.p-65 {
  padding: 65px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.pl-65 {
  padding-left: 65px !important;
}

.pr-65 {
  padding-right: 65px !important;
}

.m-66 {
  margin: 66px !important;
}

.mt-66 {
  margin-top: 66px !important;
}

.mb-66 {
  margin-bottom: 66px !important;
}

.ml-66 {
  margin-left: 66px !important;
}

.mr-66 {
  margin-right: 66px !important;
}

.p-66 {
  padding: 66px !important;
}

.pt-66 {
  padding-top: 66px !important;
}

.pb-66 {
  padding-bottom: 66px !important;
}

.pl-66 {
  padding-left: 66px !important;
}

.pr-66 {
  padding-right: 66px !important;
}

.m-67 {
  margin: 67px !important;
}

.mt-67 {
  margin-top: 67px !important;
}

.mb-67 {
  margin-bottom: 67px !important;
}

.ml-67 {
  margin-left: 67px !important;
}

.mr-67 {
  margin-right: 67px !important;
}

.p-67 {
  padding: 67px !important;
}

.pt-67 {
  padding-top: 67px !important;
}

.pb-67 {
  padding-bottom: 67px !important;
}

.pl-67 {
  padding-left: 67px !important;
}

.pr-67 {
  padding-right: 67px !important;
}

.m-68 {
  margin: 68px !important;
}

.mt-68 {
  margin-top: 68px !important;
}

.mb-68 {
  margin-bottom: 68px !important;
}

.ml-68 {
  margin-left: 68px !important;
}

.mr-68 {
  margin-right: 68px !important;
}

.p-68 {
  padding: 68px !important;
}

.pt-68 {
  padding-top: 68px !important;
}

.pb-68 {
  padding-bottom: 68px !important;
}

.pl-68 {
  padding-left: 68px !important;
}

.pr-68 {
  padding-right: 68px !important;
}

.m-69 {
  margin: 69px !important;
}

.mt-69 {
  margin-top: 69px !important;
}

.mb-69 {
  margin-bottom: 69px !important;
}

.ml-69 {
  margin-left: 69px !important;
}

.mr-69 {
  margin-right: 69px !important;
}

.p-69 {
  padding: 69px !important;
}

.pt-69 {
  padding-top: 69px !important;
}

.pb-69 {
  padding-bottom: 69px !important;
}

.pl-69 {
  padding-left: 69px !important;
}

.pr-69 {
  padding-right: 69px !important;
}

.m-70 {
  margin: 70px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.p-70 {
  padding: 70px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.m-71 {
  margin: 71px !important;
}

.mt-71 {
  margin-top: 71px !important;
}

.mb-71 {
  margin-bottom: 71px !important;
}

.ml-71 {
  margin-left: 71px !important;
}

.mr-71 {
  margin-right: 71px !important;
}

.p-71 {
  padding: 71px !important;
}

.pt-71 {
  padding-top: 71px !important;
}

.pb-71 {
  padding-bottom: 71px !important;
}

.pl-71 {
  padding-left: 71px !important;
}

.pr-71 {
  padding-right: 71px !important;
}

.m-72 {
  margin: 72px !important;
}

.mt-72 {
  margin-top: 72px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

.ml-72 {
  margin-left: 72px !important;
}

.mr-72 {
  margin-right: 72px !important;
}

.p-72 {
  padding: 72px !important;
}

.pt-72 {
  padding-top: 72px !important;
}

.pb-72 {
  padding-bottom: 72px !important;
}

.pl-72 {
  padding-left: 72px !important;
}

.pr-72 {
  padding-right: 72px !important;
}

.m-73 {
  margin: 73px !important;
}

.mt-73 {
  margin-top: 73px !important;
}

.mb-73 {
  margin-bottom: 73px !important;
}

.ml-73 {
  margin-left: 73px !important;
}

.mr-73 {
  margin-right: 73px !important;
}

.p-73 {
  padding: 73px !important;
}

.pt-73 {
  padding-top: 73px !important;
}

.pb-73 {
  padding-bottom: 73px !important;
}

.pl-73 {
  padding-left: 73px !important;
}

.pr-73 {
  padding-right: 73px !important;
}

.m-74 {
  margin: 74px !important;
}

.mt-74 {
  margin-top: 74px !important;
}

.mb-74 {
  margin-bottom: 74px !important;
}

.ml-74 {
  margin-left: 74px !important;
}

.mr-74 {
  margin-right: 74px !important;
}

.p-74 {
  padding: 74px !important;
}

.pt-74 {
  padding-top: 74px !important;
}

.pb-74 {
  padding-bottom: 74px !important;
}

.pl-74 {
  padding-left: 74px !important;
}

.pr-74 {
  padding-right: 74px !important;
}

.m-75 {
  margin: 75px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.p-75 {
  padding: 75px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.m-76 {
  margin: 76px !important;
}

.mt-76 {
  margin-top: 76px !important;
}

.mb-76 {
  margin-bottom: 76px !important;
}

.ml-76 {
  margin-left: 76px !important;
}

.mr-76 {
  margin-right: 76px !important;
}

.p-76 {
  padding: 76px !important;
}

.pt-76 {
  padding-top: 76px !important;
}

.pb-76 {
  padding-bottom: 76px !important;
}

.pl-76 {
  padding-left: 76px !important;
}

.pr-76 {
  padding-right: 76px !important;
}

.m-77 {
  margin: 77px !important;
}

.mt-77 {
  margin-top: 77px !important;
}

.mb-77 {
  margin-bottom: 77px !important;
}

.ml-77 {
  margin-left: 77px !important;
}

.mr-77 {
  margin-right: 77px !important;
}

.p-77 {
  padding: 77px !important;
}

.pt-77 {
  padding-top: 77px !important;
}

.pb-77 {
  padding-bottom: 77px !important;
}

.pl-77 {
  padding-left: 77px !important;
}

.pr-77 {
  padding-right: 77px !important;
}

.m-78 {
  margin: 78px !important;
}

.mt-78 {
  margin-top: 78px !important;
}

.mb-78 {
  margin-bottom: 78px !important;
}

.ml-78 {
  margin-left: 78px !important;
}

.mr-78 {
  margin-right: 78px !important;
}

.p-78 {
  padding: 78px !important;
}

.pt-78 {
  padding-top: 78px !important;
}

.pb-78 {
  padding-bottom: 78px !important;
}

.pl-78 {
  padding-left: 78px !important;
}

.pr-78 {
  padding-right: 78px !important;
}

.m-79 {
  margin: 79px !important;
}

.mt-79 {
  margin-top: 79px !important;
}

.mb-79 {
  margin-bottom: 79px !important;
}

.ml-79 {
  margin-left: 79px !important;
}

.mr-79 {
  margin-right: 79px !important;
}

.p-79 {
  padding: 79px !important;
}

.pt-79 {
  padding-top: 79px !important;
}

.pb-79 {
  padding-bottom: 79px !important;
}

.pl-79 {
  padding-left: 79px !important;
}

.pr-79 {
  padding-right: 79px !important;
}

.m-80 {
  margin: 80px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.p-80 {
  padding: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.m-81 {
  margin: 81px !important;
}

.mt-81 {
  margin-top: 81px !important;
}

.mb-81 {
  margin-bottom: 81px !important;
}

.ml-81 {
  margin-left: 81px !important;
}

.mr-81 {
  margin-right: 81px !important;
}

.p-81 {
  padding: 81px !important;
}

.pt-81 {
  padding-top: 81px !important;
}

.pb-81 {
  padding-bottom: 81px !important;
}

.pl-81 {
  padding-left: 81px !important;
}

.pr-81 {
  padding-right: 81px !important;
}

.m-82 {
  margin: 82px !important;
}

.mt-82 {
  margin-top: 82px !important;
}

.mb-82 {
  margin-bottom: 82px !important;
}

.ml-82 {
  margin-left: 82px !important;
}

.mr-82 {
  margin-right: 82px !important;
}

.p-82 {
  padding: 82px !important;
}

.pt-82 {
  padding-top: 82px !important;
}

.pb-82 {
  padding-bottom: 82px !important;
}

.pl-82 {
  padding-left: 82px !important;
}

.pr-82 {
  padding-right: 82px !important;
}

.m-83 {
  margin: 83px !important;
}

.mt-83 {
  margin-top: 83px !important;
}

.mb-83 {
  margin-bottom: 83px !important;
}

.ml-83 {
  margin-left: 83px !important;
}

.mr-83 {
  margin-right: 83px !important;
}

.p-83 {
  padding: 83px !important;
}

.pt-83 {
  padding-top: 83px !important;
}

.pb-83 {
  padding-bottom: 83px !important;
}

.pl-83 {
  padding-left: 83px !important;
}

.pr-83 {
  padding-right: 83px !important;
}

.m-84 {
  margin: 84px !important;
}

.mt-84 {
  margin-top: 84px !important;
}

.mb-84 {
  margin-bottom: 84px !important;
}

.ml-84 {
  margin-left: 84px !important;
}

.mr-84 {
  margin-right: 84px !important;
}

.p-84 {
  padding: 84px !important;
}

.pt-84 {
  padding-top: 84px !important;
}

.pb-84 {
  padding-bottom: 84px !important;
}

.pl-84 {
  padding-left: 84px !important;
}

.pr-84 {
  padding-right: 84px !important;
}

.m-85 {
  margin: 85px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.ml-85 {
  margin-left: 85px !important;
}

.mr-85 {
  margin-right: 85px !important;
}

.p-85 {
  padding: 85px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.pl-85 {
  padding-left: 85px !important;
}

.pr-85 {
  padding-right: 85px !important;
}

.m-86 {
  margin: 86px !important;
}

.mt-86 {
  margin-top: 86px !important;
}

.mb-86 {
  margin-bottom: 86px !important;
}

.ml-86 {
  margin-left: 86px !important;
}

.mr-86 {
  margin-right: 86px !important;
}

.p-86 {
  padding: 86px !important;
}

.pt-86 {
  padding-top: 86px !important;
}

.pb-86 {
  padding-bottom: 86px !important;
}

.pl-86 {
  padding-left: 86px !important;
}

.pr-86 {
  padding-right: 86px !important;
}

.m-87 {
  margin: 87px !important;
}

.mt-87 {
  margin-top: 87px !important;
}

.mb-87 {
  margin-bottom: 87px !important;
}

.ml-87 {
  margin-left: 87px !important;
}

.mr-87 {
  margin-right: 87px !important;
}

.p-87 {
  padding: 87px !important;
}

.pt-87 {
  padding-top: 87px !important;
}

.pb-87 {
  padding-bottom: 87px !important;
}

.pl-87 {
  padding-left: 87px !important;
}

.pr-87 {
  padding-right: 87px !important;
}

.m-88 {
  margin: 88px !important;
}

.mt-88 {
  margin-top: 88px !important;
}

.mb-88 {
  margin-bottom: 88px !important;
}

.ml-88 {
  margin-left: 88px !important;
}

.mr-88 {
  margin-right: 88px !important;
}

.p-88 {
  padding: 88px !important;
}

.pt-88 {
  padding-top: 88px !important;
}

.pb-88 {
  padding-bottom: 88px !important;
}

.pl-88 {
  padding-left: 88px !important;
}

.pr-88 {
  padding-right: 88px !important;
}

.m-89 {
  margin: 89px !important;
}

.mt-89 {
  margin-top: 89px !important;
}

.mb-89 {
  margin-bottom: 89px !important;
}

.ml-89 {
  margin-left: 89px !important;
}

.mr-89 {
  margin-right: 89px !important;
}

.p-89 {
  padding: 89px !important;
}

.pt-89 {
  padding-top: 89px !important;
}

.pb-89 {
  padding-bottom: 89px !important;
}

.pl-89 {
  padding-left: 89px !important;
}

.pr-89 {
  padding-right: 89px !important;
}

.m-90 {
  margin: 90px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.p-90 {
  padding: 90px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.m-91 {
  margin: 91px !important;
}

.mt-91 {
  margin-top: 91px !important;
}

.mb-91 {
  margin-bottom: 91px !important;
}

.ml-91 {
  margin-left: 91px !important;
}

.mr-91 {
  margin-right: 91px !important;
}

.p-91 {
  padding: 91px !important;
}

.pt-91 {
  padding-top: 91px !important;
}

.pb-91 {
  padding-bottom: 91px !important;
}

.pl-91 {
  padding-left: 91px !important;
}

.pr-91 {
  padding-right: 91px !important;
}

.m-92 {
  margin: 92px !important;
}

.mt-92 {
  margin-top: 92px !important;
}

.mb-92 {
  margin-bottom: 92px !important;
}

.ml-92 {
  margin-left: 92px !important;
}

.mr-92 {
  margin-right: 92px !important;
}

.p-92 {
  padding: 92px !important;
}

.pt-92 {
  padding-top: 92px !important;
}

.pb-92 {
  padding-bottom: 92px !important;
}

.pl-92 {
  padding-left: 92px !important;
}

.pr-92 {
  padding-right: 92px !important;
}

.m-93 {
  margin: 93px !important;
}

.mt-93 {
  margin-top: 93px !important;
}

.mb-93 {
  margin-bottom: 93px !important;
}

.ml-93 {
  margin-left: 93px !important;
}

.mr-93 {
  margin-right: 93px !important;
}

.p-93 {
  padding: 93px !important;
}

.pt-93 {
  padding-top: 93px !important;
}

.pb-93 {
  padding-bottom: 93px !important;
}

.pl-93 {
  padding-left: 93px !important;
}

.pr-93 {
  padding-right: 93px !important;
}

.m-94 {
  margin: 94px !important;
}

.mt-94 {
  margin-top: 94px !important;
}

.mb-94 {
  margin-bottom: 94px !important;
}

.ml-94 {
  margin-left: 94px !important;
}

.mr-94 {
  margin-right: 94px !important;
}

.p-94 {
  padding: 94px !important;
}

.pt-94 {
  padding-top: 94px !important;
}

.pb-94 {
  padding-bottom: 94px !important;
}

.pl-94 {
  padding-left: 94px !important;
}

.pr-94 {
  padding-right: 94px !important;
}

.m-95 {
  margin: 95px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.p-95 {
  padding: 95px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.pl-95 {
  padding-left: 95px !important;
}

.pr-95 {
  padding-right: 95px !important;
}

.m-96 {
  margin: 96px !important;
}

.mt-96 {
  margin-top: 96px !important;
}

.mb-96 {
  margin-bottom: 96px !important;
}

.ml-96 {
  margin-left: 96px !important;
}

.mr-96 {
  margin-right: 96px !important;
}

.p-96 {
  padding: 96px !important;
}

.pt-96 {
  padding-top: 96px !important;
}

.pb-96 {
  padding-bottom: 96px !important;
}

.pl-96 {
  padding-left: 96px !important;
}

.pr-96 {
  padding-right: 96px !important;
}

.m-97 {
  margin: 97px !important;
}

.mt-97 {
  margin-top: 97px !important;
}

.mb-97 {
  margin-bottom: 97px !important;
}

.ml-97 {
  margin-left: 97px !important;
}

.mr-97 {
  margin-right: 97px !important;
}

.p-97 {
  padding: 97px !important;
}

.pt-97 {
  padding-top: 97px !important;
}

.pb-97 {
  padding-bottom: 97px !important;
}

.pl-97 {
  padding-left: 97px !important;
}

.pr-97 {
  padding-right: 97px !important;
}

.m-98 {
  margin: 98px !important;
}

.mt-98 {
  margin-top: 98px !important;
}

.mb-98 {
  margin-bottom: 98px !important;
}

.ml-98 {
  margin-left: 98px !important;
}

.mr-98 {
  margin-right: 98px !important;
}

.p-98 {
  padding: 98px !important;
}

.pt-98 {
  padding-top: 98px !important;
}

.pb-98 {
  padding-bottom: 98px !important;
}

.pl-98 {
  padding-left: 98px !important;
}

.pr-98 {
  padding-right: 98px !important;
}

.m-99 {
  margin: 99px !important;
}

.mt-99 {
  margin-top: 99px !important;
}

.mb-99 {
  margin-bottom: 99px !important;
}

.ml-99 {
  margin-left: 99px !important;
}

.mr-99 {
  margin-right: 99px !important;
}

.p-99 {
  padding: 99px !important;
}

.pt-99 {
  padding-top: 99px !important;
}

.pb-99 {
  padding-bottom: 99px !important;
}

.pl-99 {
  padding-left: 99px !important;
}

.pr-99 {
  padding-right: 99px !important;
}

.m-100 {
  margin: 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.p-100 {
  padding: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.fadein, .fadein-group {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 1.2s;
}
.fadein.fadein-left, .fadein-group.fadein-left {
  transform: translate(-30px, 0);
}
.fadein.fadein-right, .fadein-group.fadein-right {
  transform: translate(30px, 0);
}
.fadein.fadein-up, .fadein-group.fadein-up {
  transform: translate(0, -30px);
}
.fadein.fadein-bottom, .fadein-group.fadein-bottom {
  transform: translate(0, 30px);
}
.fadein.scrollin, .fadein-group.scrollin {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

.hover-scale {
  overflow: hidden;
  display: block;
}
@media (hover: hover) {
  .hover-scale img {
    transform: scale(1);
    transition: transform 0.3s ease;
  }
  .hover-scale:hover img {
    transform: scale(1.1);
  }
}

@media (hover: hover) {
  .hover-opacity {
    transition: opacity 0.3s ease;
  }
  .hover-opacity:hover {
    opacity: 0.8;
  }
}

@media (hover: hover) {
  .hover-shake:hover {
    animation: rumble 0.12s linear infinite;
  }
}

@keyframes rumble {
  0% {
    transform: rotate(0deg) translate(0, 0);
  }
  12.5% {
    transform: rotate(0.4deg) translate(1px, -1px);
  }
  25% {
    transform: rotate(0.8deg) translate(0px, 1px);
  }
  37.5% {
    transform: rotate(0.4deg) translate(-1px, 0);
  }
  50% {
    transform: rotate(0deg) translate(0, 0);
  }
  62.5% {
    transform: rotate(-0.4deg) translate(1px, 0);
  }
  75% {
    transform: rotate(-0.8deg) translate(0, 1px);
  }
  87.5% {
    transform: rotate(-0.4deg) translate(-1px, -1px);
  }
  100% {
    transform: rotate(0deg) translate(0, 0);
  }
}
.hover-reverse {
  display: block;
  position: relative;
}
.hover-reverse .btn_on {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.hover-reverse .btn_off {
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .hover-reverse:hover .btn_on {
    opacity: 1;
  }
  .hover-reverse:hover .btn_off {
    opacity: 0;
  }
}

/*# sourceMappingURL=style.css.map */