@charset "UTF-8";
html {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  html {
    font-size: 15px;
    letter-spacing: 0.03em;
  }
}

body {
  position: relative;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  text-align: justify;
  background-color: #fff;
  z-index: -100;
}

body.drawer-open {
  overflow: hidden;
}

main {
  position: relative;
  overflow: hidden;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: -10;
}

a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}

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

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: auto;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 230%;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.inner {
  max-width: 1140px;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .inner {
    padding-right: 24px;
    padding-left: 24px;
  }
}

.inner__s {
  max-width: 900px;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .inner__s {
    padding: 0;
  }
}

@media screen and (max-width: 1024px) {
  .lg-none {
    display: none;
  }
}

.lg-show {
  display: none;
}
@media screen and (max-width: 1024px) {
  .lg-show {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .md-none {
    display: none;
  }
}

.md-show {
  display: none;
}
@media screen and (max-width: 768px) {
  .md-show {
    display: block;
  }
}

@media screen and (max-width: 500px) {
  .sp3-none {
    display: none;
  }
}

.sp3-show {
  display: none;
}
@media screen and (max-width: 500px) {
  .sp3-show {
    display: block;
  }
}

@media screen and (max-width: 390px) {
  .sp2-none {
    display: none;
  }
}

.sp2-show {
  display: none;
}
@media screen and (max-width: 390px) {
  .sp2-show {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  body {
    line-height: 200%;
  }
}

/* Loading背景画面設定　*/
#splash {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #fffbf5;
}

#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定*/
#splash_logo img {
  width: 158px;
}

/*画面遷移アニメーション*/
.splashbg {
  display: none;
}

/*bodyにappearクラスがついたら出現*/
body.appear .splashbg {
  background: #f08961;
  display: block;
  content: "";
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: PageAnime-btt;
          animation-name: PageAnime-btt;
}
body.appear .splashbg::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 120px;
  background-image: url(../images/curve_or.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: -120px;
  left: 0;
}
@-moz-document url-prefix() {
  body.appear .splashbg::before {
    height: 140px;
    top: -140px;
  }
}
@media screen and (max-width: 1024px) {
  body.appear .splashbg::before {
    height: 80px;
    top: -80px;
  }
}
@media screen and (max-width: 500px) {
  body.appear .splashbg::before {
    height: 50px;
    top: -50px;
  }
}

@-webkit-keyframes PageAnime-btt {
  0% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50.001% {
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}

@keyframes PageAnime-btt {
  0% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50.001% {
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
.header {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 32px 48px;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
@media screen and (max-width: 1440px) {
  .header {
    padding: 1.5vw 3.334vw;
  }
}

body.appear .header {
  opacity: 1;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
}

.header__name {
  margin-right: 20px;
}

.header__logo {
  width: 111px;
  height: 57px;
}
@media screen and (max-width: 768px) {
  .header__logo {
    width: 91px;
  }
}

.header__nav {
  height: inherit;
}
.header__nav .header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
}
.header__nav .header__nav-list .header__nav-item {
  position: relative;
  height: inherit;
}
.header__nav .header__nav-list .header__nav-item .header__nav-link {
  font-size: min(1.11111vw, 15px);
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
  color: #080808;
  white-space: nowrap;
  overflow: hidden; /* 1つ目の影を隠す */
  color: transparent;
  text-shadow: 0 -3em 0 #080808, 0 0 0 #080808;
  -webkit-transition: text-shadow 0.6s, -webkit-transform 0.6s;
  transition: text-shadow 0.6s, -webkit-transform 0.6s;
  transition: transform 0.6s, text-shadow 0.6s;
  transition: transform 0.6s, text-shadow 0.6s, -webkit-transform 0.6s;
}
.header__nav .header__nav-list .header__nav-item .header__nav-link:hover:not(.header__nav-link--contact) {
  text-shadow: 0 0 0 #080808, 0 3em 0 #080808;
}
.header__nav .header__nav-list .header__nav-item .header__nav-link.header__nav-link--contact {
  font-size: min(1.11111vw, 15px);
  color: #fff;
  background: #f08961;
  border: 1px solid #f08961;
  padding: 3.5px 24px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.header__nav .header__nav-list .header__nav-item .header__nav-link.header__nav-link--contact:hover {
  color: #f08961;
  background: #fff;
  border: 1px solid #f08961;
}
.header__nav .header__nav-list .header__nav-item .mega__menu {
  position: absolute;
  background-color: rgba(248, 242, 233, 0.8);
  backdrop-filter: blur(10px);
  width: 262px;
  height: 220px;
  border-radius: 10px;
  overflow: hidden;
  pointer-events: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
}
.header__nav .header__nav-list .header__nav-item .mega__menu ul {
  padding: 24px 32px;
}
.header__nav .header__nav-list .header__nav-item .mega__menu ul li {
  line-height: 200%;
}
.header__nav .header__nav-list .header__nav-item .mega__menu ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  color: #080808;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__nav .header__nav-list .header__nav-item .mega__menu ul li a .arrow {
  margin-right: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__nav .header__nav-list .header__nav-item .mega__menu ul li a:hover {
  color: #f08961;
}
.header__nav .header__nav-list .header__nav-item .mega__menu ul li a:hover .arrow {
  color: #f08961;
}
.header__nav .header__nav-list .header__nav-item:hover .mega__menu {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header__nav .header__nav-list .header__nav-item.current a {
  color: #f08961;
  text-shadow: none;
  -webkit-transition: none;
  transition: none;
}
.header__nav .header__nav-list .header__nav-item.current a:hover {
  text-shadow: none;
}

.hamburger {
  position: fixed;
  z-index: 9999;
  top: 26px;
  right: 24px;
  width: 38px;
  height: 30px;
  cursor: pointer;
}

.hamburger.is-active {
  top: 26px;
  right: 24px;
}

.hamburger span {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  background-color: #000;
}

.hamburger p {
  position: absolute;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  top: 0;
  line-height: 1;
}

.hamburger.is-active p {
  display: none;
}

.hamburger.is-active span {
  background-color: #000;
}

.hamburger span:nth-child(2) {
  bottom: 8px;
}

.hamburger span:nth-child(3) {
  bottom: 0;
}

.hamburger.is-active span:nth-child(2) {
  bottom: 4px;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}

.hamburger.is-active span:nth-child(3) {
  bottom: 4px;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}

.drawer {
  position: absolute;
  z-index: 5000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.3, 0.05, 0.7, 0.1);
  transition: -webkit-transform 0.4s cubic-bezier(0.3, 0.05, 0.7, 0.1);
  transition: transform 0.4s cubic-bezier(0.3, 0.05, 0.7, 0.1);
  transition: transform 0.4s cubic-bezier(0.3, 0.05, 0.7, 0.1), -webkit-transform 0.4s cubic-bezier(0.3, 0.05, 0.7, 0.1);
  opacity: 0;
  background-color: #fffbf5;
}
.drawer.is-visible {
  display: block;
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.drawer.is-hidden {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}

.drawer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: inherit;
  padding-bottom: 3px;
}

@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideIn {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.drawer__list {
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.drawer__list.slide-in {
  opacity: 1;
  -webkit-animation: slideIn 0.65s forwards;
          animation: slideIn 0.65s forwards;
}

.drawer__item:last-child {
  margin-top: 60px;
}

.drawer__link {
  display: inline-block;
  color: #080808;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 100%;
  width: 100%;
  padding: 20px 0;
}

.drawer__link.drawer__link--contact {
  color: #fff;
  background-color: #f08961;
  padding: 24px 40px;
}

.top-mv {
  background-color: #fffbf5;
  height: inherit;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
@media screen and (max-width: 768px) {
  .top-mv {
    padding-top: 200px;
  }
}

body.appear .top-mv {
  opacity: 1;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.mv__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .mv__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.mv__text {
  position: relative;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .mv__text {
    width: 100%;
  }
}

.mv__text__inner {
  position: relative;
  left: 0%;
  top: 50%;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
  padding: 0 60px;
}

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.fadeInUp {
  -webkit-animation: fadeInUp 0.8s forwards;
          animation: fadeInUp 0.8s forwards;
}

.mv__title {
  width: 40%;
  max-width: 186px;
  opacity: 0;
  margin: 0 auto 54px;
}
@media screen and (max-width: 1200px) {
  .mv__title {
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 768px) {
  .mv__title {
    width: 100%;
    max-width: 263px;
    margin-bottom: 0;
  }
}

.mv__pic {
  position: relative;
  max-width: 521px;
  opacity: 0;
  margin: 0 auto 52px;
}
@media screen and (max-width: 1200px) {
  .mv__pic {
    margin: 0 auto 25px;
  }
}
@media screen and (max-width: 768px) {
  .mv__pic {
    padding: 0 3px 64px;
    margin: 0 auto;
  }
}

.mv__lead {
  text-align: center;
  opacity: 0;
}
@media screen and (max-width: 1200px) {
  .mv__lead {
    font-size: 16px;
    line-height: 180%;
  }
}
@media screen and (max-width: 768px) {
  .mv__lead {
    font-size: 18px;
    line-height: 230%;
    margin-bottom: 64px;
  }
}

.mv__image {
  width: 50%;
  margin-top: -20px;
}
@media screen and (max-width: 768px) {
  .mv__image {
    width: 100%;
    margin-bottom: 40px;
  }
}

@-webkit-keyframes zoomUp {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes zoomUp {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
  -webkit-animation: zoomUp 10s linear 0s 1 normal both;
  animation: zoomUp 10s linear 0s 1 normal both;
}

.swiper-wrapper {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .swiper-wrapper {
    aspect-ratio: 1.25;
  }
}

.slide-img img {
  display: block;
  width: 100vw;
  -o-object-fit: cover;
  object-fit: cover;
}

.section__header {
  position: relative;
  z-index: 100;
}
.section__header .section__label {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.45px;
}
@media screen and (max-width: 768px) {
  .section__header .section__label {
    font-size: 14px;
  }
}
.section__header .section__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #080808;
  font-family: "Ubuntu", sans-serif;
  font-size: 85px;
  line-height: 160%;
  letter-spacing: 0.06em;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 3px;
  margin-top: -10px;
}
@media screen and (max-width: 768px) {
  .section__header .section__title {
    font-size: 10.14vw;
    font-weight: 400;
  }
}
.section__header .section__title img {
  width: auto;
  margin-left: 24px;
}
@media screen and (max-width: 768px) {
  .section__header .section__title img {
    width: 16vw;
    margin-left: 8px;
  }
}

.center-btn__wrap {
  text-align: center;
}
.center-btn__wrap .btn__wrap:nth-child(2) {
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .center-btn__wrap .btn__wrap:nth-child(2) {
    margin-left: 0;
    margin-top: 20px;
  }
}

.btn__wrap {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 500px) {
  .btn__wrap {
    width: 100%;
  }
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 1px;
  min-width: 256px;
  padding: 20px 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .btn {
    min-width: 100%;
    padding: 15px;
  }
}

.btn_or {
  background: #ef8963;
  border: 1px solid #ef8963;
}
.btn_or:hover {
  background: #fff;
  border: 1px solid #ef8963;
}
.btn_or:hover .btn {
  color: #ef8963;
}
.btn_or:hover .btn .arrow {
  stroke-width: #ef8963;
}

.btn_gr {
  background: #fff;
  border: 1px solid #7d7d7d;
  margin-top: 24px;
}
.btn_gr .btn {
  color: #7d7d7d;
}
.btn_gr:hover {
  border: 1px solid #b4b4b4;
}
.btn_gr:hover .btn {
  color: #b4b4b4;
}

.btn_bl {
  background: #080808;
  border: 1px solid #080808;
}
.btn_bl:hover {
  background: #fff;
  border: 1px solid #080808;
}
.btn_bl:hover .btn {
  color: #080808;
}
.btn_bl:hover .btn .arrow {
  stroke-width: #080808;
}

.btn_wh {
  background: #fff;
  border: 1px solid #080808;
}
.btn_wh .btn {
  color: #080808;
}
.btn_wh:hover {
  background: #080808;
  border: 1px solid #080808;
}
.btn_wh:hover .btn {
  color: #fff;
}
.btn_wh:hover .btn .arrow {
  stroke-width: #080808;
}

.btn_bl-wh {
  background: #fff;
  border: 1px solid #080808;
  margin-bottom: 8px;
}
.btn_bl-wh .btn {
  color: #080808;
  font-size: 16px;
  padding: 16px 25px;
}
.btn_bl-wh .btn .arrow {
  margin-left: 4px;
  stroke-width: #080808;
}
.btn_bl-wh:hover {
  background: #787878;
  border: 1px solid #787878;
}
.btn_bl-wh:hover .btn {
  color: #fff;
}
.btn_bl-wh:hover .btn .arrow {
  stroke-width: #fff;
}

.btn_bl-gr {
  background: #080808;
  border: 1px solid #080808;
}
@media screen and (max-width: 768px) {
  .btn_bl-gr {
    background: #408bda;
    border: 1px solid #408bda;
  }
}
.btn_bl-gr .btn {
  color: #fff;
  font-size: 16px;
  padding: 16px 25px;
}
.btn_bl-gr .btn .arrow {
  margin-left: 4px;
}
.btn_bl-gr:hover {
  background: #787878;
  border: 1px solid #787878;
}

.btn_center .btn {
  display: inline-block;
  width: 260px;
  text-align: center;
  padding: 16px 25px;
}

.btn-l__wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn-l {
  display: inline-block;
  width: 558px;
  color: #fff;
  font-size: 32px;
  text-align: center;
  line-height: 100%;
  letter-spacing: 0.03em;
  padding: 32px 0;
  margin: 0 auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 830px) {
  .btn-l {
    width: 450px;
    padding: 24px 0;
  }
}
@media screen and (max-width: 768px) {
  .btn-l {
    width: 100%;
    font-weight: 500;
  }
}
@media screen and (max-width: 500px) {
  .btn-l {
    font-size: 6vw;
  }
}
@media screen and (max-width: 390px) {
  .btn-l {
    font-size: 22px;
    padding: 16px 0;
  }
}
.btn-l span {
  font-size: 18px;
}
@media screen and (max-width: 390px) {
  .btn-l span {
    font-size: 15px;
    font-weight: 400;
  }
}

.btn-l_wh {
  background-color: #fff;
}
.btn-l_wh .btn-l {
  color: #ef8963;
}
.btn-l_wh:hover {
  background-color: #e06639;
}
.btn-l_wh:hover .btn-l {
  color: #fff;
}

.btn-l_or {
  background-color: #ef8963;
}
.btn-l_or:hover {
  background-color: #e06639;
}

.inview {
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fade-in {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}
.inview_2 {
  -webkit-animation-name: fade-in_2;
          animation-name: fade-in_2;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fade-in_2 {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes fade-in_2 {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}
.inview_3 {
  -webkit-animation-name: fade-in_3;
          animation-name: fade-in_3;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fade-in_3 {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes fade-in_3 {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translateY(110px);
            transform: translateY(110px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translateY(110px);
            transform: translateY(110px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.slide-in {
  -webkit-transform: translateY(110px);
          transform: translateY(110px);
}

.slide-in-up {
  -webkit-animation: slideInUp 0.5s forwards;
          animation: slideInUp 0.5s forwards;
}

.top-about {
  background-color: #fffbf5;
  padding: 200px 0 310px 0;
}
@media screen and (max-width: 768px) {
  .top-about {
    padding: 150px 0;
  }
}
@media screen and (max-width: 375px) {
  .top-about {
    padding: 150px 0 177px 0;
  }
}
.top-about .section__header {
  margin-left: 24px;
}
@media screen and (max-width: 768px) {
  .top-about .section__header {
    margin-left: 16px;
  }
}
@media screen and (max-width: 768px) {
  .top-about .section__header .section__title img {
    margin-bottom: 10px;
  }
}
.top-about .about__content {
  position: relative;
}
.top-about .about__content .about__image {
  margin-top: -55px;
  overflow: hidden;
  border-radius: 0px 0px 80px 0px;
  position: relative;
}
.top-about .about__content .about__image::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-image: url(../images/about_photo_1_grade.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  background-position: right center;
}
@media screen and (max-width: 768px) {
  .top-about .about__content .about__image {
    width: 100vw;
    margin: -23px calc(50% - 50vw) 0;
    border-radius: 0px 0px 40px 0px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .top-about .about__content .about__image img {
    aspect-ratio: 1.25;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 31%;
       object-position: 31%;
  }
}
.top-about .about__content .about__subtitle {
  position: absolute;
  top: -100px;
  right: 24px;
}
@media screen and (max-width: 768px) {
  .top-about .about__content .about__subtitle {
    top: 16%;
    right: 10px;
  }
}
.top-about .about__content .about__subtitle img {
  width: auto;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 768px) {
  .top-about .about__content .about__subtitle img {
    width: 11.4vw !important;
    min-width: 56px;
  }
}
.top-about .about__content .about__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .top-about .about__content .about__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.top-about .about__content .about__text .about__deco {
  position: relative;
  margin-top: -40px;
  margin-left: 30px;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .top-about .about__content .about__text .about__deco {
    margin-top: 62px;
    margin-left: 0;
  }
}
.top-about .about__content .about__text .about__deco img {
  width: auto;
}
@media screen and (max-width: 768px) {
  .top-about .about__content .about__text .about__deco img {
    width: 65.5%;
  }
}
.top-about .about__content .about__text .about__text__inner {
  margin-top: 80px;
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .top-about .about__content .about__text .about__text__inner {
    margin-top: 62px;
    margin-left: 0px;
  }
}
.top-about .about__content .about__text .about__text__inner .about__description {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .top-about .about__content .about__text .about__text__inner .about__description {
    margin-bottom: 56px;
  }
}
.top-about .about__content .about__text .about__text__inner .btn__wrap .btn {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .top-about .about__content .about__text .about__text__inner .btn__wrap .btn {
    font-size: 18px;
  }
}

.top-service {
  position: relative;
  background-color: #fff;
  padding: 160px 0 310px;
}
@media screen and (max-width: 768px) {
  .top-service {
    padding: 40px 0 260px;
  }
}
@media screen and (max-width: 375px) {
  .top-service {
    padding: 120px 0 150px;
  }
}
.top-service::after {
  position: absolute;
  content: "";
  width: 100vw;
  height: 11.111vw;
  background-image: url(../images/curve_wh.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: -11.111vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .top-service::after {
    top: -9vw;
    background-size: 100% 100%;
  }
}
.top-service .service__content__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .top-service .service__content__wrap {
    margin-bottom: 88px;
  }
}
.top-service .service__content__wrap .section__header {
  width: 134px;
  overflow: hidden;
  margin-top: -85px;
}
@media screen and (max-width: 768px) {
  .top-service .service__content__wrap .section__header {
    width: 26vw;
    margin-top: -40px;
  }
}
.top-service .service__content__wrap .section__header .section__label {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  margin-left: 100px;
}
@media screen and (max-width: 768px) {
  .top-service .service__content__wrap .section__header .section__label {
    margin-left: 11vw;
  }
}
.top-service .service__content__wrap .section__header .section__title {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  overflow: visible;
  margin-top: -50px;
}
.top-service .service__content__wrap .section__header .section__title img {
  -webkit-transform: translateX(-100%) rotate(-90deg);
          transform: translateX(-100%) rotate(-90deg);
  margin-left: 100px;
}
@media screen and (max-width: 768px) {
  .top-service .service__content__wrap .section__header .section__title img {
    margin-left: 60px;
  }
}
.top-service .service__content__wrap .service__content {
  margin-left: 6%;
}
@media screen and (max-width: 768px) {
  .top-service .service__content__wrap .service__content {
    width: 100%;
    margin-left: 40px;
  }
}
.top-service .service__content__wrap .service__content .service__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .top-service .service__content__wrap .service__content .service__images {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
}
.top-service .service__content__wrap .service__content .service__images .img__wrap {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top-service .service__content__wrap .service__content .service__images .img__wrap {
    border-radius: 10px;
  }
}
.top-service .service__content__wrap .service__content .service__images .img__wrap img {
  opacity: 0;
  max-width: 428px;
}
@media screen and (max-width: 768px) {
  .top-service .service__content__wrap .service__content .service__images .img__wrap img {
    aspect-ratio: 1.5539568345;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    max-width: none;
  }
}
.top-service .service__content__wrap .service__content .service__images .img__wrap:first-child {
  margin-right: 3%;
}
@media screen and (max-width: 768px) {
  .top-service .service__content__wrap .service__content .service__images .img__wrap:first-child {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.top-service .service__content__wrap .service__content .service__images .img__wrap:nth-of-type(2) img {
  -webkit-animation-delay: 0.4s !important;
          animation-delay: 0.4s !important;
}
.top-service .service__content__wrap .service__content .service__text .service__subtitle img {
  width: auto;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .top-service .service__text {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 768px) {
  .top-service .service__text .service__subtitle img {
    max-width: 268px;
    margin-bottom: 32px;
  }
}
.top-service .service__detail {
  background-color: #649CD7;
  border-radius: 20px;
  padding: 120px 80px 20px 80px;
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .top-service .service__detail {
    padding: 145px 7.813vw 120px;
  }
}
@media screen and (max-width: 768px) {
  .top-service .service__detail {
    border-radius: 10px;
    padding: 40px 24px 20px 24px;
    margin: 0 24px 80px;
  }
}
.top-service .service__detail .service__detail__title {
  text-align: center;
  margin-bottom: 80px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .top-service .service__detail .service__detail__title {
    margin-bottom: 10px;
  }
}
.top-service .service__detail .service__detail__title img {
  width: auto;
  margin: 0 auto 24px;
}
.top-service .service__detail .service__detail__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 900px) {
  .top-service .service__detail .service__detail__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.top-service .service__detail .service__detail__item .img__wrap {
  max-width: 480px;
  border-radius: 10px;
  margin-right: 24px;
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  .top-service .service__detail .service__detail__item .img__wrap {
    margin-right: 0;
    max-width: none;
    margin-top: 30px;
  }
}
.top-service .service__detail .service__detail__item .img__wrap img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.7777777778;
  opacity: 0;
}
.top-service .service__detail .service__detail__item .text__wrap {
  max-width: 400px;
  color: #fff;
}
@media screen and (max-width: 900px) {
  .top-service .service__detail .service__detail__item .text__wrap {
    font-size: 14px;
    max-width: none;
    margin-top: 33px;
  }
}
.top-service .service__detail .service__detail__item .text__wrap .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.84px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border-bottom: 1px solid #fff;
  padding-bottom: 26px;
  margin-bottom: 32px;
}
@media screen and (max-width: 900px) {
  .top-service .service__detail .service__detail__item .text__wrap .title {
    font-size: 18px;
    padding-bottom: 16px;
    margin-bottom: 24px;
  }
}
.top-service .service__detail .service__detail__item .text__wrap .title span {
  color: #fff;
  text-align: right;
  font-family: "Ubuntu", sans-serif;
  font-size: 60px;
}
@media screen and (max-width: 900px) {
  .top-service .service__detail .service__detail__item .text__wrap .title span {
    font-size: 40px;
  }
}
.top-service .service__detail .service__detail__item.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 900px) {
  .top-service .service__detail .service__detail__item.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.top-service .service__detail .service__detail__item.reverse .img__wrap {
  margin-right: 0;
  margin-left: 24px;
}
@media screen and (max-width: 900px) {
  .top-service .service__detail .service__detail__item.reverse .img__wrap {
    margin-left: 0;
  }
}
.top-service .service__detail .service__detail__item:not(:last-child) {
  margin-bottom: 24px;
}
.top-service .service__detail .service__detail__sub-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 100px;
}
@media screen and (max-width: 900px) {
  .top-service .service__detail .service__detail__sub-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
}
.top-service .service__detail .service__detail__sub-item .link__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 47.5%;
  height: 100px;
  background-color: #fff;
  border-radius: 10px;
  padding: 16px 32px;
}
@media screen and (max-width: 900px) {
  .top-service .service__detail .service__detail__sub-item .link__wrap {
    width: 100%;
    padding: 10px 16px;
  }
}
.top-service .service__detail .service__detail__sub-item .link__wrap .img__wrap {
  margin-right: 24px;
  width: 90px;
}
@media screen and (max-width: 900px) {
  .top-service .service__detail .service__detail__sub-item .link__wrap .img__wrap {
    min-width: 90px;
    margin-right: 16px;
  }
}
.top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap {
  line-height: 180%;
}
@media screen and (max-width: 1024px) {
  .top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap {
    font-size: 15px;
  }
}
@media screen and (max-width: 900px) {
  .top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap {
    font-size: 12px;
    white-space: nowrap;
  }
}
.top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2b2b2b;
  font-size: 18px;
  font-weight: 500;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap a {
    font-size: 15px;
  }
}
@media screen and (max-width: 900px) {
  .top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap a {
    font-size: 12px;
  }
}
.top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap a .arrow {
  margin-left: 20px;
}
@media screen and (max-width: 900px) {
  .top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap a .arrow {
    margin-left: 12px;
  }
}
.top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap a:hover {
  opacity: 0.7;
}
.top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap .link__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap .link__box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.05em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap .link__box a {
    font-size: 12px;
  }
}
.top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap .link__box a:nth-child(1) {
  margin-right: 50px;
}
@media screen and (max-width: 1024px) {
  .top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap .link__box a:nth-child(1) {
    margin-right: 22px;
  }
}
.top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap .link__box a:hover {
  opacity: 0.7;
}
.top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap .link__box a .arrow {
  margin-left: 24px;
}
@media screen and (max-width: 1024px) {
  .top-service .service__detail .service__detail__sub-item .link__wrap .text__wrap .link__box a .arrow {
    margin-left: 6px;
  }
}
.top-service .center-btn__wrap .btn__wrap .btn {
  font-size: 20px;
  padding: 20px 25px;
}
@media screen and (max-width: 768px) {
  .top-service .center-btn__wrap .btn__wrap .btn {
    font-size: 18px;
  }
}
.top-service .center-btn__wrap .btn__wrap .btn .arrow {
  margin-left: 56px;
}

.top-future {
  position: relative;
  padding: 160px 0 300px;
  background-color: #ef8963;
}
@media screen and (max-width: 768px) {
  .top-future {
    padding: 70px 0 214px;
  }
}
.top-future::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 160px;
  background-image: url(../images/curve_or.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: -159px;
  left: 0;
}
@media screen and (max-width: 1440px) {
  .top-future::before {
    height: 60px;
    top: -59px;
  }
}
@media screen and (max-width: 768px) {
  .top-future::before {
    height: 30px;
    top: -29px;
  }
}
.top-future::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 110px;
  background-image: url(../images/curve_or.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  bottom: -109px;
  left: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 1440px) {
  .top-future::after {
    height: 60px;
    bottom: -59px;
  }
}
@media screen and (max-width: 768px) {
  .top-future::after {
    height: 30px;
    bottom: -29px;
  }
}
.top-future .section__header {
  margin-left: 24px;
}
@media screen and (max-width: 768px) {
  .top-future .section__header {
    position: relative;
    margin-left: 0px;
  }
  .top-future .section__header:before {
    position: absolute;
    content: "";
    background-image: url(../images/future_pic.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 18.4vw;
    height: 13vw;
    right: 46px;
    top: -7vw;
    opacity: 0;
    -webkit-animation-name: fade-in;
            animation-name: fade-in;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-delay: 1.3s;
            animation-delay: 1.3s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
}
.top-future .section__header .section__label {
  color: #fff;
}
.top-future .section__header .section__title {
  position: relative;
  color: #fff;
}
.top-future .future__image {
  position: relative;
  overflow: hidden;
  margin-top: -50px;
  margin-bottom: 80px;
  border-radius: 0px 0px 0px 80px;
}
@media screen and (max-width: 768px) {
  .top-future .future__image {
    border-radius: 0px 0px 0px 40px;
    width: 100vw;
    margin: -26px calc(50% - 50vw) 0;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .top-future .future__image img {
    aspect-ratio: 1.25;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 31%;
       object-position: 31%;
  }
}
.top-future .future__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .top-future .future__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.top-future .future__text .future__text__inner .future__subtitle {
  margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
  .top-future .future__text .future__text__inner .future__subtitle {
    margin-bottom: 18px;
  }
}
.top-future .future__text .future__text__inner .future__subtitle img {
  width: auto;
}
@media screen and (max-width: 768px) {
  .top-future .future__text .future__text__inner .future__subtitle img {
    max-width: 308px;
  }
}
.top-future .future__text .future__text__inner .future__description {
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.54px;
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .top-future .future__text .future__text__inner .future__description {
    margin-bottom: 56px;
  }
}
.top-future .future__text .future__text__inner .btn__wrap .btn {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .top-future .future__text .future__text__inner .btn__wrap .btn {
    font-size: 18px;
  }
}
.top-future .future__text .future__deco {
  position: relative;
  margin-top: -120px;
  margin-right: 35px;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .top-future .future__text .future__deco {
    margin-top: -18px;
    margin-right: 0;
    margin-bottom: 78px;
    margin-left: auto;
  }
}
.top-future .future__text .future__deco img {
  width: auto;
}
@media screen and (max-width: 768px) {
  .top-future .future__text .future__deco img {
    width: 57vw;
  }
}

.slider__wrap {
  margin-top: -100px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .slider__wrap {
    margin-top: -40px;
  }
}
.slider__wrap .slider1 {
  margin-bottom: 8px;
}
.slider__wrap .splide .splide__track .splide__list .splide__slide img {
  border-radius: 10px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-news {
  background-color: #fffbf5;
  padding: 212px 0 200px 0;
}
@media screen and (max-width: 768px) {
  .top-news {
    padding: 150px 0 150px 0;
  }
}
.top-news .section__header {
  text-align: center;
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .top-news .section__header {
    margin-bottom: 96px;
  }
}
@media screen and (max-width: 768px) {
  .top-news .section__header .section__title img {
    width: 8.54vw;
    margin-top: 0;
  }
}
.top-news .news__items {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .top-news .news__items {
    margin-bottom: 80px;
  }
}
.top-news .news__items .news__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 50px 10px 50px 16px;
  border-bottom: 1px solid #6f6f6f;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top-news .news__items .news__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 40px 0;
  }
}
.top-news .news__items .news__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #fff7ea;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 0.6s ease, -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transition: background-color 0.6s ease, -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s, background-color 0.6s ease;
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s, background-color 0.6s ease, -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
.top-news .news__items .news__item:hover::before {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.top-news .news__items .news__item:not(:hover)::before {
  background: transparent;
}
.top-news .news__items .news__item .news__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .top-news .news__items .news__item .news__label {
    width: 100%;
    margin-bottom: 12px;
  }
}
.top-news .news__items .news__item .news__label .news__date {
  color: #080808;
  font-family: "Ubuntu", sans-serif;
  letter-spacing: 0.54px;
  width: 43%;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .top-news .news__items .news__item .news__label .news__date {
    font-size: 12px;
    width: auto;
  }
}
.top-news .news__items .news__item .news__label .news__category {
  margin-right: 20px;
}
.top-news .news__items .news__item .news__label .news__category span {
  color: #ef8963;
  font-size: 14px;
  letter-spacing: 0.42px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 7px 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 30px;
  border: 1px solid #f08961;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .top-news .news__items .news__item .news__label .news__category span {
    font-size: 1.368vw;
  }
}
@media screen and (max-width: 768px) {
  .top-news .news__items .news__item .news__label .news__category span {
    font-size: 10px;
  }
}
.top-news .news__items .news__item .news__title {
  color: #000;
  width: 67%;
}
@media screen and (max-width: 1024px) {
  .top-news .news__items .news__item .news__title {
    font-size: 1.758vw;
  }
}
@media screen and (max-width: 768px) {
  .top-news .news__items .news__item .news__title {
    width: 100%;
    font-size: 15px;
  }
}
.top-news .news__items .news__item > * {
  position: relative;
  z-index: 10;
}
.top-news .news__items .news__item:first-child {
  border-top: 1px solid #6f6f6f;
}
.top-news .center-btn__wrap .btn__wrap .btn {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .top-news .center-btn__wrap .btn__wrap .btn {
    font-size: 18px;
  }
}

.top-contact {
  position: relative;
  background-image: url(../images/contact_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  padding: 200px 0;
  -webkit-mask-image: url(../images/mask.svg);
          mask-image: url(../images/mask.svg);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
          mask-position: bottom;
}
@media screen and (max-width: 1280px) {
  .top-contact {
    padding: 200px 0 153px;
  }
}
@media screen and (max-width: 768px) {
  .top-contact {
    background-image: url(../images/contact_bg.jpg);
    width: 100vw; /* 画面幅いっぱい */
    height: 590px; /* 固定の高さを設定 */
    -o-object-fit: cover;
       object-fit: cover; /* 画像を切り抜いて表示 */
    -o-object-position: center;
       object-position: center; /* 中央部分を表示 */
    -webkit-mask-image: url(../images/mask_sp.svg);
            mask-image: url(../images/mask_sp.svg);
    -webkit-mask-position: bottom;
            mask-position: bottom;
  }
}
@media screen and (max-width: 768px) {
  .top-contact {
    padding: 200px 0 51.18vw;
  }
}
@media screen and (max-width: 390px) {
  .top-contact {
    padding: 64px 0 83px;
  }
}

.top-contact__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.top-contact__inner .section__header {
  position: relative;
  width: 114px;
  margin-top: -85px;
}
@media screen and (max-width: 768px) {
  .top-contact__inner .section__header {
    width: 14vw;
  }
}
@media screen and (max-width: 390px) {
  .top-contact__inner .section__header {
    margin-left: 10px;
  }
}
.top-contact__inner .section__header .section__label {
  position: absolute;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: #fff;
  margin-left: 100px;
  top: 82px;
}
@media screen and (max-width: 768px) {
  .top-contact__inner .section__header .section__label {
    top: 10.5vw;
    margin-left: 0;
    padding-left: 13.5vw;
  }
}
@media screen and (max-width: 390px) {
  .top-contact__inner .section__header .section__label {
    height: 100px;
    top: 90px;
    line-height: 105%;
  }
}
.top-contact__inner .section__header .section__title {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  color: #fff;
  overflow: visible;
  margin-top: -50px;
}
@media screen and (max-width: 390px) {
  .top-contact__inner .section__header .section__title {
    -webkit-transform: rotate(90deg) translateX(48px);
            transform: rotate(90deg) translateX(48px);
  }
}
.top-contact__inner .section__header .section__title img {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media screen and (max-width: 390px) {
  .top-contact__inner .section__header .section__title img {
    width: 55px;
    margin-top: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 390px) {
  .top-contact__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.top-contact__inner .btn__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 230px;
  z-index: 100;
}
@media screen and (max-width: 830px) {
  .top-contact__inner .btn__container {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .top-contact__inner .btn__container {
    width: 75%;
  }
}
@media screen and (max-width: 390px) {
  .top-contact__inner .btn__container {
    width: 100%;
    margin-top: 315px;
  }
}
.top-contact__inner .btn__container .btn-l__wrap:first-child {
  margin-bottom: 40px;
}
@media screen and (max-width: 830px) {
  .top-contact__inner .btn__container .btn-l__wrap:first-child {
    margin-bottom: 24px;
  }
}

.spacer {
  position: relative;
  height: 0;
  z-index: -10;
}

footer {
  position: fixed;
  display: none;
  background-color: #fff;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: 180px;
  padding-top: 220px;
  z-index: -1;
}
footer .footer__logo {
  max-width: 270px;
  margin: 0 auto 150px;
}
@media screen and (max-width: 768px) {
  footer .footer__logo {
    max-width: 178px;
    margin: 0 auto 80px;
  }
}
@media screen and (max-width: 390px) {
  footer .footer__logo {
    margin: 0 auto 40px;
  }
}
footer .footer__nav {
  margin-bottom: 96px;
}
@media screen and (max-width: 768px) {
  footer .footer__nav {
    margin-bottom: 55px;
  }
}
@media screen and (max-width: 390px) {
  footer .footer__nav {
    margin-bottom: 24px;
  }
}
footer .footer__nav .footer__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  footer .footer__nav .footer__nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
footer .footer__nav .footer__nav-list .footer__nav-item {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  footer .footer__nav .footer__nav-list .footer__nav-item {
    margin-bottom: 32px;
  }
}
footer .footer__nav .footer__nav-list .footer__nav-item .footer__nav-link {
  display: inline-block;
  color: #080808;
  padding: 0 28px;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
@media screen and (max-width: 1024px) {
  footer .footer__nav .footer__nav-list .footer__nav-item .footer__nav-link {
    font-size: 1.758vw;
  }
}
@media screen and (max-width: 768px) {
  footer .footer__nav .footer__nav-list .footer__nav-item .footer__nav-link {
    font-size: 15px;
  }
}
footer .footer__nav .footer__nav-list .footer__nav-item .footer__nav-link:hover {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
footer .top__btn__wrap {
  text-align: center;
}
footer .top__btn__wrap .top__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  height: 80px;
  margin-bottom: 64px;
}
@media screen and (max-width: 390px) {
  footer .top__btn__wrap .top__btn {
    margin-bottom: 24px;
  }
}
footer .top__btn__wrap .top__btn span {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50px;
  background-color: #080808;
}
footer .top__btn__wrap .top__btn span img {
  position: absolute;
  width: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
footer .top__btn__wrap .top__btn p {
  color: #080808;
  line-height: 1;
}
footer .top__btn__wrap .top__btn:hover span img {
  -webkit-transform: translate(-50%, -80%);
          transform: translate(-50%, -80%);
}
footer .footer__bar {
  color: #fff;
  background-color: #080808;
}
footer .footer__bar .footer__bar__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 62px;
}
@media screen and (max-width: 768px) {
  footer .footer__bar .footer__bar__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: auto;
    padding: 24px 0;
  }
}
@media screen and (max-width: 390px) {
  footer .footer__bar .footer__bar__inner {
    padding: 32px 0 16px;
  }
}
footer .footer__bar .footer__bar__inner p {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  footer .footer__bar .footer__bar__inner p {
    font-size: 12px;
    line-height: 1.7;
  }
}
footer .footer__bar .footer__bar__inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  footer .footer__bar .footer__bar__inner ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 390px) {
  footer .footer__bar .footer__bar__inner ul {
    margin-bottom: 24px;
  }
}
footer .footer__bar .footer__bar__inner ul li {
  margin-left: 48px;
}
@media screen and (max-width: 768px) {
  footer .footer__bar .footer__bar__inner ul li {
    margin-left: 0;
  }
}
footer .footer__bar .footer__bar__inner ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-size: 14px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media screen and (max-width: 768px) {
  footer .footer__bar .footer__bar__inner ul li a {
    line-height: 1.5;
  }
}
footer .footer__bar .footer__bar__inner ul li a:hover img {
  -webkit-transform: translate(3px, -3px);
          transform: translate(3px, -3px);
}
@media screen and (max-width: 768px) {
  footer .footer__bar .footer__bar__inner ul li a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 12px;
  }
}
footer .footer__bar .footer__bar__inner ul li a img {
  width: auto;
  margin-left: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

footer.is-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.mv {
  padding-top: 300px;
}
@media screen and (max-width: 768px) {
  .mv {
    padding-top: 170px;
  }
}

.sub-mv__image__wrap {
  position: relative;
  overflow: hidden;
  height: 77vh;
  margin: 48px 0 0;
}
@media screen and (max-width: 768px) {
  .sub-mv__image__wrap {
    margin: 40px 0 0;
  }
}
.sub-mv__image__wrap .sub-mv__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  width: 100%;
  height: 100%;
  clip-path: inset(0 72px round 20px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sub-mv__image__wrap .sub-mv__image {
    clip-path: inset(0 24px round 20px);
  }
}

.sticky-wrap {
  position: relative;
}
.sticky-wrap .index__wrap,
.sticky-wrap .category__wrap {
  position: absolute;
  display: block;
  padding-left: 11.8%;
  height: 100%;
  z-index: 999;
}
@media screen and (max-width: 1200px) {
  .sticky-wrap .index__wrap,
  .sticky-wrap .category__wrap {
    padding-left: 24px;
  }
}
@media screen and (max-width: 768px) {
  .sticky-wrap .index__wrap,
  .sticky-wrap .category__wrap {
    width: 100%;
    height: auto;
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .sticky-wrap .category__wrap {
    position: relative;
  }
}
.sticky-wrap .index {
  padding-top: 220px;
}
@media screen and (max-width: 768px) {
  .sticky-wrap .index {
    padding-top: 0;
  }
}
.sticky-wrap .index,
.sticky-wrap .category {
  height: 100vh;
}
@media screen and (max-width: 768px) {
  .sticky-wrap .index,
  .sticky-wrap .category {
    height: auto;
  }
}
.sticky-wrap .index__items,
.sticky-wrap .category__items {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 18px;
}
@media screen and (max-width: 768px) {
  .sticky-wrap .index__items,
  .sticky-wrap .category__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 50px 24px 0;
  }
}
.sticky-wrap .index__item,
.sticky-wrap .category__item {
  text-decoration: none;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #080808;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .sticky-wrap .index__item,
  .sticky-wrap .category__item {
    line-height: 120%;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .sticky-wrap .index__item,
  .sticky-wrap .category__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 48%;
    color: #fff;
    background-color: #f08961;
    border-radius: 5px;
    padding: 10px 13px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 390px) {
  .sticky-wrap .index__item,
  .sticky-wrap .category__item {
    font-size: 12px;
    width: 49%;
  }
}
.sticky-wrap .index__item {
  font-size: 14px;
  letter-spacing: 0.06em;
  line-height: 150%;
  margin-bottom: 16px;
}
.sticky-wrap .index__item .arrow {
  margin-left: 16px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sticky-wrap .index__item .arrow.margin-small {
  margin-left: 6px;
}
@media screen and (max-width: 768px) {
  .sticky-wrap .category__items {
    padding-top: 0;
  }
}
.sticky-wrap .category__items .category__item {
  font-size: 18px;
  letter-spacing: 0.03em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sticky-wrap .category__items .category__item:nth-child(5) {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sticky-wrap .category__items .category__item.is-current {
    background-color: #e06639;
  }
}
@media screen and (max-width: 390px) {
  .sticky-wrap .category__items .category__item {
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .sticky-wrap .category__items .category__item:hover:not(.is-current) {
    font-size: 17px;
  }
}
.sticky-wrap .category__items .category__item.sub-category__btn {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .sticky-wrap .category__items .sub-category__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    background-color: #f08961;
    border-radius: 0 0 5px 5px;
    padding: 14px 16px;
    margin-top: -5px;
  }
}
.sticky-wrap .category__items .sub-category__items .sub-category__item {
  width: 100%;
  line-height: 180%;
  text-align: left;
  margin-left: 24px;
}
@media screen and (max-width: 768px) {
  .sticky-wrap .category__items .sub-category__items .sub-category__item {
    width: 33.33%;
    margin-left: 0;
  }
}
.sticky-wrap .category__items .sub-category__items .sub-category__item a {
  color: #7d7d7d;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .sticky-wrap .category__items .sub-category__items .sub-category__item a {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0;
  }
}
.sticky-wrap .category__items .sub-category__items .sub-category__item a:hover:not(.is-current) {
  font-size: 15px;
}
.sticky-wrap .category__items .sub-category__items .sub-category__item a.is-current {
  color: #080808;
}
@media screen and (max-width: 768px) {
  .sticky-wrap .category__items .sub-category__items .sub-category__item a.is-current {
    color: #fff;
    border-bottom: 1px solid #fff;
  }
}
@media screen and (min-width: 769px) {
  .sticky-wrap .index__item.is-current,
  .sticky-wrap .category__item.is-current {
    position: relative;
    color: #f08961;
    font-size: 18px;
    font-weight: 500;
  }
  .sticky-wrap .index__item.is-current::before,
  .sticky-wrap .category__item.is-current::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f08961;
    top: 50%;
    left: -18px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sticky-wrap .index__item.is-current.highlight::before {
    background-color: #fff;
  }
}

.pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagenation .pagenation__item__link {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  background: #fff;
  border: solid 1px #080808;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
  color: #080808;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.pagenation .pagenation__item__link .pagenation__item__link__icon {
  width: 20px;
}
.pagenation .pagenation__item__link.is-active {
  background: #111;
  color: #fff;
  pointer-events: none;
}
.pagenation .pagenation__item__link:not(.is-active, .not-hover):hover {
  background: #111;
  color: #fff;
}
.pagenation .pagenation__item__link.not-hover {
  border: none;
  background-color: transparent;
}

.pagenation > * + * {
  margin-left: 8px;
}

.about {
  background-color: #fffbf5;
}
.about .mv .section__header .section__title.textanimation {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .about .mv .section__header .section__title.textanimation img {
    width: 15vw;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .about .sub-mv__image__wrap {
    height: 100vh;
  }
}
.about .sub-mv__image__wrap .sub-mv__image {
  background-image: url(../images/about_main.jpg);
}
@media screen and (max-width: 768px) {
  .about .sub-mv__image__wrap .sub-mv__image {
    background-size: cover;
    height: 100vh;
    clip-path: none;
  }
}
@media screen and (min-width: 769px) {
  .about .index__items .index__item {
    color: #fff;
  }
  .about .index__items .index__item .arrow {
    display: none;
  }
  .about .index__items .index__item.is-current {
    color: #f08961;
  }
}
.about .philosophy {
  background-color: rgba(8, 8, 8, 0.8);
}
.about .philosophy .philosophy__inner {
  color: #fff;
  padding: 220px 0 150px;
  margin-left: 25.94%;
}
@media screen and (max-width: 768px) {
  .about .philosophy .philosophy__inner {
    padding: 220px 0 100px;
    margin-left: 0;
  }
}
.about .philosophy .philosophy__inner .section__header {
  margin-bottom: 88px;
}
@media screen and (max-width: 768px) {
  .about .philosophy .philosophy__inner .section__header {
    margin-bottom: 60px;
  }
}
.about .philosophy .philosophy__inner .section__header .section__label {
  color: #fff;
}
.about .philosophy .philosophy__inner .section__header .section__title.textanimation {
  color: #ef8963;
}
.about .philosophy .philosophy__inner p {
  position: relative;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0.03em;
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .about .philosophy .philosophy__inner p {
    font-size: 24px;
  }
}
@media screen and (max-width: 390px) {
  .about .philosophy .philosophy__inner p {
    font-size: 20px;
    padding-left: 22px;
  }
}
.about .philosophy .philosophy__inner p span {
  font-size: 24px;
  font-family: "Ubuntu", sans-serif;
  color: #ef8963;
  font-weight: bold;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .about .philosophy .philosophy__inner p span {
    font-size: 20px;
  }
}
@media screen and (max-width: 390px) {
  .about .philosophy .philosophy__inner p span {
    font-size: 18px;
  }
}
.about .philosophy .philosophy__inner p:nth-child(2) {
  margin-bottom: 88px;
}
@media screen and (max-width: 768px) {
  .about .philosophy .philosophy__inner p:nth-child(2) {
    margin-bottom: 40px;
  }
}
.about .philosophy .philosophy__inner p:nth-child(3) {
  font-size: 18px;
  line-height: 230%;
  margin-bottom: 104px;
}
@media screen and (max-width: 768px) {
  .about .philosophy .philosophy__inner p:nth-child(3) {
    margin-bottom: 40px;
  }
}
.about .philosophy .philosophy__inner p:nth-child(4) {
  font-size: 18px;
  font-weight: 300;
  line-height: 230%;
  margin-bottom: 125px;
}
@media screen and (max-width: 768px) {
  .about .philosophy .philosophy__inner p:nth-child(4) {
    font-size: 15px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 390px) {
  .about .philosophy .philosophy__inner p:nth-child(4) {
    font-size: 14px;
  }
}
.about .philosophy .philosophy__inner p::before {
  position: absolute;
  content: "";
  border-left: 2px solid #fff;
  border-radius: 5px;
  width: 2px;
  height: 100%;
  top: 0;
  left: 0;
}
.about .philosophy .philosophy__inner .philosophy__pic {
  max-width: 498px;
}
.about .philosophy .philosophy__inner .philosophy__pic img {
  overflow: hidden;
  opacity: 0;
}
.about .greeting .greeting__inner {
  padding: 266px 0 310px;
  margin-left: 25.94%;
}
@media screen and (max-width: 768px) {
  .about .greeting .greeting__inner {
    padding: 100px 0 127px;
    margin-left: 0;
  }
}
.about .greeting .greeting__inner .section__header {
  margin-bottom: 88px;
}
@media screen and (max-width: 768px) {
  .about .greeting .greeting__inner .section__header {
    margin-bottom: 60px;
  }
}
.about .greeting .greeting__inner .section__header .section__title.textanimation {
  color: #fff;
  text-shadow: 1px 1px 0 #080808, -1px -1px 0 #080808, -1px 1px 0 #080808, 1px -1px 0 #080808, 1px 0 0 #080808, -1px 0 0 #080808, 0 1px 0 #080808, 0 -1px 0 #080808;
}
.about .greeting .greeting__inner .greeting__pic {
  margin-bottom: 72px;
}
@media screen and (max-width: 768px) {
  .about .greeting .greeting__inner .greeting__pic {
    margin-bottom: 40px;
  }
}
.about .greeting .greeting__inner .greeting__pic img {
  opacity: 0;
  border-radius: 10px;
}
.about .greeting .greeting__inner .title {
  font-size: 24px;
  font-weight: 500;
  border-bottom: 1px solid #080808;
  padding-bottom: 32px;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .about .greeting .greeting__inner .title {
    font-size: 20px;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.about .greeting .greeting__inner .text {
  font-size: 18px;
  line-height: 200%;
}
@media screen and (max-width: 768px) {
  .about .greeting .greeting__inner .text {
    font-size: 15px;
  }
}
.about .greeting .greeting__inner .sign__box {
  margin-top: 40px;
}
.about .greeting .greeting__inner .sign__box .company {
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 10px;
}
.about .greeting .greeting__inner .sign__box .name {
  font-size: 15px;
  line-height: 1;
}
.about .greeting .greeting__inner .sign__box .name span {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .about .greeting .greeting__inner .readmore {
    position: relative;
  }
  .about .greeting .greeting__inner .readmore .readmore-content {
    position: relative;
    height: 300px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    overflow: hidden;
  }
  .about .greeting .greeting__inner .readmore button {
    position: absolute;
    color: #080808;
    font-size: 20px;
    font-family: Ubuntu;
    font-weight: 500;
    cursor: pointer;
    padding: 0 0 0 20px;
    margin-top: 20px;
    z-index: 1;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .about .greeting .greeting__inner .readmore button span:nth-child(1) {
    position: absolute;
    width: 12px;
    height: 1px;
    background: #080808;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .about .greeting .greeting__inner .readmore button span:nth-child(2) {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #080808;
    left: 6px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 9px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .about .greeting .greeting__inner .readmore .readmore-content.is_open + button span:nth-child(2) {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.about .staff {
  position: relative;
  background-color: #fff;
}
.about .staff::after {
  position: absolute;
  content: "";
  width: 100vw;
  height: 11.111vw;
  background-image: url(../images/curve_wh.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: -11.111vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .about .staff::after {
    top: -9vw;
    background-size: 100% 100%;
  }
}
.about .staff .staff__inner {
  padding: 257px 0 200px;
  margin-left: 25.94%;
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner {
    padding: 100px 0 60px;
    margin-left: 0;
  }
}
.about .staff .staff__inner .section__header {
  margin-bottom: 40px;
}
.about .staff .staff__inner .section__header .section__title.textanimation {
  color: #ef8963;
}
.about .staff .staff__inner .text {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner .text {
    font-size: 15px;
  }
}
.about .staff .staff__inner .staff__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 50px;
  gap: 5%;
}
.about .staff .staff__inner .staff__items .staff__item {
  width: 30%;
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner .staff__items .staff__item {
    width: 47%;
    margin-bottom: 40px;
  }
}
.about .staff .staff__inner .staff__items .staff__item .staff__image {
  position: relative;
  z-index: 10;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner .staff__items .staff__item .staff__image {
    margin-bottom: 16px;
  }
}
.about .staff .staff__inner .staff__items .staff__item .staff__image .number {
  position: absolute;
  font-family: "Ubuntu", sans-serif;
  font-size: 40px;
  letter-spacing: -0.05em;
  top: 18%;
  right: 5%;
}
.about .staff .staff__inner .staff__items .staff__item .staff__image .number span {
  position: absolute;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.06em;
  top: -15px;
  left: -15px;
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner .staff__items .staff__item .staff__image .number span {
    font-size: 14px;
    top: -10px;
    left: -10px;
  }
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner .staff__items .staff__item .staff__image .number {
    font-size: 26px;
  }
}
.about .staff .staff__inner .staff__items .staff__item .staff__image img {
  width: auto;
  min-height: 284px;
  overflow: hidden;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner .staff__items .staff__item .staff__image img {
    max-height: 180px;
    min-height: auto;
  }
}
.about .staff .staff__inner .staff__items .staff__item .staff__image::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 55%;
  background-color: #fff7ea;
  border-radius: 10px;
  top: 29%;
  z-index: -1;
}
.about .staff .staff__inner .staff__items .staff__item .name {
  font-size: 9px;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner .staff__items .staff__item .name {
    font-size: 12px;
  }
}
.about .staff .staff__inner .staff__items .staff__item .name span {
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner .staff__items .staff__item .name span {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner .staff__items .staff__item .name {
    margin-bottom: 4px;
  }
}
.about .staff .staff__inner .staff__items .staff__item .tag {
  font-size: 12px;
  color: #f08961;
  line-height: 180%;
  letter-spacing: 0.03em;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner .staff__items .staff__item .tag {
    margin-bottom: 10px;
  }
}
.about .staff .staff__inner .staff__items .staff__item .kanji {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner .staff__items .staff__item .kanji {
    font-size: 12px;
    line-height: 180%;
  }
}
.about .staff .staff__inner .staff__items .staff__item .kanji span {
  font-size: 28px;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner .staff__items .staff__item .kanji span {
    font-size: 18px;
  }
}
@media screen and (min-width: 769px) {
  .about .staff .staff__inner .staff__items .staff__item:nth-child(3n+2) {
    margin-top: 40px;
  }
  .about .staff .staff__inner .staff__items .staff__item:nth-child(3n+3) {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .about .staff .staff__inner .staff__items .staff__item:nth-child(2n+2) {
    margin-top: 30px;
  }
}
.about .profile .profile__inner {
  padding: 257px 0 200px;
  margin-left: 25.94%;
}
@media screen and (max-width: 768px) {
  .about .profile .profile__inner {
    padding: 100px 0;
    margin-left: 0;
  }
}
.about .profile .profile__inner .section__header {
  margin-bottom: 88px;
}
@media screen and (max-width: 768px) {
  .about .profile .profile__inner .section__header {
    margin-bottom: 60px;
  }
}
.about .profile .profile__inner .section__header .section__title.textanimation {
  color: #fff;
  text-shadow: 1px 1px 0 #080808, -1px -1px 0 #080808, -1px 1px 0 #080808, 1px -1px 0 #080808, 1px 0 0 #080808, -1px 0 0 #080808, 0 1px 0 #080808, 0 -1px 0 #080808;
}
.about .profile .profile__inner .profile__items .profile__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 72px;
}
@media screen and (max-width: 768px) {
  .about .profile .profile__inner .profile__items .profile__item {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 390px) {
  .about .profile .profile__inner .profile__items .profile__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.about .profile .profile__inner .profile__items .profile__item:last-child {
  margin-bottom: 0;
}
.about .profile .profile__inner .profile__items .profile__item .profile__category {
  width: 24%;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .about .profile .profile__inner .profile__items .profile__item .profile__category {
    width: 30%;
    font-size: 15px;
    font-weight: 600;
  }
}
@media screen and (max-width: 390px) {
  .about .profile .profile__inner .profile__items .profile__item .profile__category {
    width: 100%;
  }
}
.about .profile .profile__inner .profile__items .profile__item .profile__content {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .about .profile .profile__inner .profile__items .profile__item .profile__content {
    width: 70%;
    font-size: 15px;
  }
}
@media screen and (max-width: 390px) {
  .about .profile .profile__inner .profile__items .profile__item .profile__content {
    width: 100%;
  }
}

.service {
  background-color: #ffffff;
}
.service .mv {
  position: relative;
}
.service .mv .section__header .section__title.textanimation {
  margin-bottom: 32px;
}
.service .mv::before {
  position: absolute;
  content: "";
  background-image: url(../images/service_illust_1.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 25%;
  height: 56%;
  right: 15px;
  bottom: -60px;
  z-index: 10;
  opacity: 0;
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1024px) {
  .service .mv::before {
    right: 24px;
    bottom: 17%;
  }
}
@media screen and (max-width: 768px) {
  .service .mv::before {
    right: 15px;
    bottom: 21vw;
  }
}
@media screen and (max-width: 768px) {
  .service .sub-mv__image__wrap {
    height: 262px !important;
  }
}
.service .sub-mv__image__wrap .sub-mv__image {
  background-image: url(../images/service_main.jpg);
}
@media screen and (max-width: 768px) {
  .service .sub-mv__image__wrap .sub-mv__image {
    height: 262px !important;
  }
}
.service .housedog .housedog__inner {
  padding: 220px 0 310px;
  margin-left: 25.94%;
}
@media screen and (max-width: 768px) {
  .service .housedog .housedog__inner {
    padding: 220px 0 100px;
    margin-left: 0;
  }
}
.service .housedog .housedog__inner .section__header {
  margin-bottom: 88px;
}
@media screen and (max-width: 768px) {
  .service .housedog .housedog__inner .section__header {
    margin-bottom: 40px;
  }
}
.service .housedog .housedog__inner .section__header .section__title.textanimation {
  color: #fff;
  text-shadow: 1px 1px 0 #080808, -1px -1px 0 #080808, -1px 1px 0 #080808, 1px -1px 0 #080808, 1px 0 0 #080808, -1px 0 0 #080808, 0 1px 0 #080808, 0 -1px 0 #080808;
  line-height: 140%;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1000px) {
  .service .housedog .housedog__inner .section__header .section__title.textanimation {
    font-size: 8.5vw;
  }
}
.service .housedog .housedog__inner .philosophy__deco img {
  width: auto;
  margin: 0 auto;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .service .housedog .housedog__inner .philosophy__deco img {
    width: 150px;
  }
}
.service .housedog .housedog__inner .philosophy__wrap {
  text-align: center;
  color: #fff;
  background-color: #649CD7;
  border-radius: 20px;
  padding: 48px 24px;
  margin-top: -40px;
}
@media screen and (max-width: 768px) {
  .service .housedog .housedog__inner .philosophy__wrap {
    border-radius: 10px;
    padding: 48px 24px 24px;
    margin-top: -25px;
  }
}
.service .housedog .housedog__inner .philosophy__wrap .title {
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0.03em;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .service .housedog .housedog__inner .philosophy__wrap .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 180%;
    margin-bottom: 8px;
  }
}
.service .housedog .housedog__inner .philosophy__wrap .text {
  font-size: 18px;
  line-height: 200%;
}
@media screen and (max-width: 768px) {
  .service .housedog .housedog__inner .philosophy__wrap .text {
    font-size: 15px;
  }
}
.service .advantage {
  position: relative;
  background-color: #eff7ff;
}
.service .advantage::after {
  position: absolute;
  content: "";
  width: 100vw;
  height: 11.111vw;
  background-image: url(../images/curve_bl.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: -11.111vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .service .advantage::after {
    top: -9vw;
    background-size: 100% 100%;
  }
}
.service .advantage .advantage__inner {
  padding: 220px 0 200px;
  margin-left: 25.94%;
}
@media screen and (max-width: 768px) {
  .service .advantage .advantage__inner {
    padding: 80px 0;
    margin-left: 0;
  }
}
.service .advantage .advantage__inner .section__header {
  margin-bottom: 40px;
}
.service .advantage .advantage__inner .section__header .section__title.textanimation {
  color: #080808;
}
.service .advantage .advantage__inner .text {
  font-size: 18px;
  line-height: 200%;
  margin-bottom: 170px;
}
@media screen and (max-width: 768px) {
  .service .advantage .advantage__inner .text {
    font-size: 15px;
    margin-bottom: 60px;
  }
}
.service .advantage .advantage__inner .advantage__illust__wrap {
  position: relative;
  background-image: url(../images/service_illust_3.svg);
  height: 70vw;
  max-height: 800px;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 768px) {
  .service .advantage .advantage__inner .advantage__illust__wrap {
    height: 88vw;
    background-image: url(../images/service_illust_3-sp.svg);
  }
}
.service .advantage .advantage__inner .advantage__illust__wrap .bounce_img {
  position: absolute;
  width: 24%;
  opacity: 0;
}
.service .advantage .advantage__inner .advantage__illust__wrap .bounce_img:nth-child(1) {
  width: 25%;
  top: -8px;
  left: 37%;
}
.service .advantage .advantage__inner .advantage__illust__wrap .bounce_img:nth-child(2) {
  width: 26%;
  top: 29%;
  right: -3%;
}
.service .advantage .advantage__inner .advantage__illust__wrap .bounce_img:nth-child(3) {
  width: 17%;
  bottom: 37px;
  right: 17%;
}
.service .advantage .advantage__inner .advantage__illust__wrap .bounce_img:nth-child(4) {
  width: 21%;
  bottom: 40px;
  left: 13%;
}
.service .advantage .advantage__inner .advantage__illust__wrap .bounce_img:nth-child(5) {
  width: 17%;
  top: 29%;
  left: 1%;
}
.service .service__detail {
  background-color: #649CD7;
}
.service .service__detail .service__detail__inner {
  padding: 300px 0;
  margin-left: 25.94%;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner {
    padding: 50px 0 100px 0;
    margin-left: 0;
  }
}
.service .service__detail .service__detail__inner .section__header {
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .section__header {
    margin-bottom: 35px;
  }
}
.service .service__detail .service__detail__inner .section__header .section__label {
  color: #fff;
}
.service .service__detail .service__detail__inner .section__header .section__title.textanimation {
  color: #fff;
}
.service .service__detail .service__detail__inner .service__items .service__item {
  color: #fff;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item {
    margin-bottom: 60px;
  }
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(3) {
    margin-bottom: 0;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .title {
  font-size: 32px;
  letter-spacing: 0.03em;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item .title {
    font-size: 24px;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .title span {
  font-family: "Ubuntu", sans-serif;
  font-size: 72px;
  color: #649CD7;
  text-shadow: 1.5px 1.5px 0 #fff, -1.5px -1.5px 0 #fff, -1.5px 1.5px 0 #fff, 1.5px -1.5px 0 #fff, 1.5px 0 0 #fff, -1.5px 0 0 #fff, 0 1.5px 0 #fff, 0 -1.5px 0 #fff;
  letter-spacing: 0.06em;
  margin-right: 16px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item .title span {
    font-size: 48px;
    margin-right: 8px;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .service__item__img {
  aspect-ratio: 785/393;
  border-radius: 10px;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item .service__item__img {
    margin-bottom: 32px;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .text__wrap {
  position: relative;
}
.service .service__detail .service__detail__inner .service__items .service__item .text__wrap img {
  position: absolute;
  width: 25%;
  right: 30px;
  top: -195px;
  margin: 0;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item .text__wrap img {
    width: 25%;
    top: -18vw;
  }
}
@media screen and (max-width: 500px) {
  .service .service__detail .service__detail__inner .service__items .service__item .text__wrap img {
    width: 117px;
    height: 100%;
    right: 0;
    top: -168px;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .text__wrap .title {
  font-size: 24px;
  border-bottom: 1px solid #fff;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item .text__wrap .title {
    font-size: 18px;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .text__wrap .text {
  font-size: 18px;
  line-height: 200%;
  font-weight: 300;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item .text__wrap .text {
    font-size: 15px;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .detail__wrap {
  color: #080808;
  background-color: #fffbf5;
  border-radius: 10px;
  padding: 48px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item .detail__wrap {
    padding: 24px;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .title {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .title {
    font-size: 20px;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .text {
  font-size: 15px;
  line-height: 200%;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .text {
    margin-bottom: 0;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .icon__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .icon__wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .icon__wrap .icon {
  width: 20%;
  margin-top: 24px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .icon__wrap .icon {
    width: 25%;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .icon__wrap .icon img {
  width: auto;
  margin: 0 auto;
}
.service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .icon__title__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .icon__title__wrap .icon__title {
  width: 20%;
  text-align: center;
  font-size: 15px;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .icon__title__wrap .icon__title {
    width: 33%;
    font-size: 12px;
    white-space: nowrap;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .icon__title__wrap .icon__title small {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .icon__title__wrap .icon__title small {
    font-size: 10px;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .center-btn__wrap {
  margin-top: 48px;
}
.service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .center-btn__wrap .btn__wrap .btn {
  padding: 16px 24px;
}
.service .service__detail .service__detail__inner .service__items .service__item .detail__wrap .center-btn__wrap .btn__wrap:nth-child(2) {
  margin: 10px 0 0 0;
}
.service .service__detail .service__detail__inner .service__items .service__item:nth-child(2) .text__wrap img {
  width: 25%;
  right: 14px;
  top: -130px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(2) .text__wrap img {
    top: -12vw;
  }
}
@media screen and (max-width: 500px) {
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(2) .text__wrap img {
    width: 36%;
    height: 100%;
    right: -20px;
    top: -170px;
  }
}
@media screen and (max-width: 390px) {
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(2) .text__wrap img {
    top: -190px;
  }
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(2) .detail__wrap .icon__wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item:nth-child(2) .detail__wrap .icon__wrap .icon {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(2) .detail__wrap .icon__wrap .icon {
    width: 33.3%;
  }
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(2) .detail__wrap .icon__wrap .icon img {
    width: 78%;
  }
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(2) .detail__wrap .icon__title__wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item:nth-child(2) .detail__wrap .icon__title__wrap .icon__title {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(2) .detail__wrap .icon__title__wrap .icon__title {
    width: 33.3%;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item:nth-child(3) .text__wrap img {
  width: 20.3%;
  right: 10px;
  top: -160px;
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(3) .text__wrap img {
    top: -16vw;
  }
}
@media screen and (max-width: 500px) {
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(3) .text__wrap img {
    width: 30%;
    height: 100%;
    right: -5px;
    top: -130px;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item:nth-child(3) .detail__wrap .icon__wrap {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.service .service__detail .service__detail__inner .service__items .service__item:nth-child(3) .detail__wrap .icon__wrap .icon {
  width: 22%;
}
@media screen and (max-width: 900px) {
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(3) .detail__wrap .icon__wrap .icon {
    width: 28%;
  }
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(3) .detail__wrap .icon__wrap .icon {
    width: 33%;
  }
}
.service .service__detail .service__detail__inner .service__items .service__item:nth-child(3) .detail__wrap .icon__title__wrap {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.service .service__detail .service__detail__inner .service__items .service__item:nth-child(3) .detail__wrap .icon__title__wrap .icon__title {
  width: 22%;
}
@media screen and (max-width: 900px) {
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(3) .detail__wrap .icon__title__wrap .icon__title {
    width: 28%;
  }
}
@media screen and (max-width: 768px) {
  .service .service__detail .service__detail__inner .service__items .service__item:nth-child(3) .detail__wrap .icon__title__wrap .icon__title {
    width: 33%;
  }
}
.service .area {
  position: relative;
}
.service .area::after {
  position: absolute;
  content: "";
  width: 100vw;
  height: 11.11vw;
  background-image: url(../images/curve_be.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: -11.11vw;
  left: 0;
}
.service .area .area__inner {
  padding: 300px 0 200px;
  margin-left: 25.94%;
}
@media screen and (max-width: 768px) {
  .service .area .area__inner {
    padding: 100px 0;
    margin-left: 0;
  }
}
.service .area .area__inner .section__header {
  margin-bottom: 40px;
}
.service .area .area__inner .section__header .section__title.textanimation {
  color: #fff;
  text-shadow: 1px 1px 0 #080808, -1px -1px 0 #080808, -1px 1px 0 #080808, 1px -1px 0 #080808, 1px 0 0 #080808, -1px 0 0 #080808, 0 1px 0 #080808, 0 -1px 0 #080808;
  line-height: 140%;
  letter-spacing: 0.06em;
}
.service .area .area__inner .text {
  font-size: 18px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .service .area .area__inner .text {
    font-size: 15px;
    margin-bottom: 60px;
  }
}
.service .area .area__inner .area__items .area__item {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .service .area .area__inner .area__items .area__item {
    margin-bottom: 60px;
  }
}
.service .area .area__inner .area__items .area__item .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .service .area .area__inner .area__items .area__item .title {
    margin-bottom: 8px;
  }
}
.service .area .area__inner .area__items .area__item .title .ja {
  font-size: 24px;
  color: #080808;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .service .area .area__inner .area__items .area__item .title .ja {
    font-size: 18px;
  }
}
.service .area .area__inner .area__items .area__item .title .en {
  font-family: "Ubuntu", sans-serif;
  font-size: 48px;
  color: #649CD7;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .service .area .area__inner .area__items .area__item .title .en {
    font-size: 28px;
  }
}
.service .area .area__inner .area__items .area__item iframe {
  width: 100%;
  opacity: 0;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .service .area .area__inner .area__items .area__item iframe {
    height: 60vw;
  }
}
.service .area .area__inner .area__items .area__item .area-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .service .area .area__inner .area__items .area__item .area-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .service .area .area__inner .area__items .area__item .area-info .address {
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 16px;
  }
}
.service .area .area__inner .area__items .area__item .area-info .btn_bl .btn {
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  min-width: auto;
  padding: 8px 16px;
}
.service .area .area__inner .area__items .area__item .area-info .btn_bl .btn .arrow {
  margin-left: 24px;
}
.service .area .area__inner .area__items .area__item:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .service .sticky-wrap .index__items .index__item {
    background-color: #649CD7;
    color: #fff;
  }
}
.service .sticky-wrap .index__items .index__item.is-current {
  color: #649CD7;
}
@media screen and (max-width: 768px) {
  .service .sticky-wrap .index__items .index__item.is-current {
    color: #fff;
  }
}
.service .sticky-wrap .index__items .index__item.is-current::before {
  background-color: #649CD7;
}
.service .sticky-wrap .index__items .index__item.is-current.highlight::before {
  background-color: #fff;
}

.future {
  background-color: #fffbf5;
}
.future .mv .section__header .section__title.textanimation {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .future .mv .section__header .section__title.textanimation {
    letter-spacing: 0.03em;
  }
}
@media screen and (max-width: 768px) {
  .future .mv .section__header .section__title.textanimation img {
    width: 13vw;
  }
}
@media screen and (max-width: 768px) {
  .future .sub-mv__image__wrap {
    height: 262px !important;
  }
}
.future .sub-mv__image__wrap .sub-mv__image {
  background-image: url(../images/future_main.jpg);
}
@media screen and (max-width: 768px) {
  .future .sub-mv__image__wrap .sub-mv__image {
    height: 262px !important;
  }
}
.future .policy .policy__inner {
  padding: 220px 0 200px;
  margin-left: 25.94%;
}
@media screen and (max-width: 768px) {
  .future .policy .policy__inner {
    padding: 220px 0 60px;
    margin-left: 0;
  }
}
.future .policy .policy__inner .section__header {
  margin-bottom: 40px;
}
.future .policy .policy__inner .section__header .section__title.textanimation {
  color: #fff;
  text-shadow: 1px 1px 0 #080808, -1px -1px 0 #080808, -1px 1px 0 #080808, 1px -1px 0 #080808, 1px 0 0 #080808, -1px 0 0 #080808, 0 1px 0 #080808, 0 -1px 0 #080808;
  line-height: 140%;
  letter-spacing: 0.06em;
}
.future .policy .policy__inner .text {
  font-size: 18px;
  margin-bottom: 88px;
}
@media screen and (max-width: 768px) {
  .future .policy .policy__inner .text {
    font-size: 15px;
    margin-bottom: 60px;
  }
}
.future .policy .policy__inner .policy__items .policy__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 900px) {
  .future .policy .policy__inner .policy__items .policy__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.future .policy .policy__inner .policy__items .policy__item img {
  width: 46%;
  height: 100%;
  aspect-ratio: 336/269;
  border-radius: 10px;
  margin-right: 5%;
}
@media screen and (max-width: 900px) {
  .future .policy .policy__inner .policy__items .policy__item img {
    width: 100%;
    aspect-ratio: 327/218;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.future .policy .policy__inner .policy__items .policy__item .text__wrap .title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 24px;
}
@media screen and (max-width: 900px) {
  .future .policy .policy__inner .policy__items .policy__item .text__wrap .title {
    margin-bottom: 16px;
  }
}
.future .policy .policy__inner .policy__items .policy__item .text__wrap .text {
  font-size: 18px;
  line-height: 200%;
}
@media screen and (max-width: 900px) {
  .future .policy .policy__inner .policy__items .policy__item .text__wrap .text {
    font-size: 15px;
    margin-bottom: 40px;
  }
}
.future .policy .policy__inner .policy__items .policy__item:nth-child(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 900px) {
  .future .policy .policy__inner .policy__items .policy__item:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.future .policy .policy__inner .policy__items .policy__item:nth-child(2) img {
  margin-right: 0;
  margin-left: 5%;
}
@media screen and (max-width: 900px) {
  .future .policy .policy__inner .policy__items .policy__item:nth-child(2) img {
    width: 100%;
    margin-left: 0;
  }
}
.future .well-being {
  background-color: #ef8963;
}
.future .well-being .well-being__inner {
  padding: 265px 0 310px;
  margin-left: 25.94%;
}
@media screen and (max-width: 768px) {
  .future .well-being .well-being__inner {
    padding: 100px 0;
    margin-left: 0;
  }
}
.future .well-being .well-being__inner .section__header {
  margin-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .future .well-being .well-being__inner .section__header {
    margin-bottom: 40px;
  }
}
.future .well-being .well-being__inner .section__header .section__label {
  color: #fff;
}
.future .well-being .well-being__inner .section__header .section__title.textanimation {
  color: #fff;
}
.future .well-being .well-being__inner .well-being__items .well-being__item {
  color: #fff;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .future .well-being .well-being__inner .well-being__items .well-being__item {
    margin-bottom: 60px;
  }
  .future .well-being .well-being__inner .well-being__items .well-being__item:nth-child(2) {
    margin-bottom: 0;
  }
}
.future .well-being .well-being__inner .well-being__items .well-being__item .title {
  font-size: 32px;
  letter-spacing: 0.03em;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .future .well-being .well-being__inner .well-being__items .well-being__item .title {
    font-size: 22px;
    white-space: nowrap;
  }
}
.future .well-being .well-being__inner .well-being__items .well-being__item .title span {
  font-family: "Ubuntu", sans-serif;
  font-size: 72px;
  color: #ef8963;
  text-shadow: 1.5px 1.5px 0 #fff, -1.5px -1.5px 0 #fff, -1.5px 1.5px 0 #fff, 1.5px -1.5px 0 #fff, 1.5px 0 0 #fff, -1.5px 0 0 #fff, 0 1.5px 0 #fff, 0 -1.5px 0 #fff;
  letter-spacing: 0.06em;
  margin-right: 16px;
}
@media screen and (max-width: 768px) {
  .future .well-being .well-being__inner .well-being__items .well-being__item .title span {
    font-size: 48px;
    margin-right: 8px;
  }
}
.future .well-being .well-being__inner .well-being__items .well-being__item .text {
  font-size: 18px;
  line-height: 200%;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .future .well-being .well-being__inner .well-being__items .well-being__item .text {
    font-size: 15px;
  }
}
.future .well-being .well-being__inner .well-being__items .well-being__item .detail__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .future .well-being .well-being__inner .well-being__items .well-being__item .detail__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.future .well-being .well-being__inner .well-being__items .well-being__item .detail__items .detail__item {
  width: 47%;
}
@media screen and (max-width: 768px) {
  .future .well-being .well-being__inner .well-being__items .well-being__item .detail__items .detail__item {
    width: 100%;
  }
}
.future .well-being .well-being__inner .well-being__items .well-being__item .detail__items .detail__item img {
  border-radius: 10px;
  margin-bottom: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
}
.future .well-being .well-being__inner .well-being__items .well-being__item .detail__items .detail__item .text {
  font-size: 15px;
  line-height: 200%;
}
.future .well-being .well-being__inner .well-being__items .well-being__item img {
  aspect-ratio: 785/393;
  border-radius: 10px;
  margin-bottom: 16px;
  opacity: 0;
}
.future .well-being .well-being__inner .well-being__items .well-being__item:nth-child(2) img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 786/393;
}
@media screen and (max-width: 768px) {
  .future .well-being .well-being__inner .well-being__items .well-being__item:nth-child(2) img {
    aspect-ratio: 327/245;
  }
}
.future .initiatives {
  position: relative;
  background-color: #fff;
}
.future .initiatives::after {
  position: absolute;
  content: "";
  width: 100vw;
  height: 11.111vw;
  background-image: url(../images/curve_wh.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: -11.111vw;
  left: 0;
}
.future .initiatives .initiatives__inner {
  padding: 260px 0 200px;
  margin-left: 25.94%;
}
@media screen and (max-width: 768px) {
  .future .initiatives .initiatives__inner {
    padding: 100px 0 100px;
    margin-left: 0;
  }
}
.future .initiatives .initiatives__inner .section__header {
  margin-bottom: 88px;
}
@media screen and (max-width: 768px) {
  .future .initiatives .initiatives__inner .section__header {
    margin-bottom: 40px;
  }
}
.future .initiatives .initiatives__inner .section__header .section__title.textanimation {
  color: #ef8963;
}
.future .initiatives .initiatives__inner .initiatives__items .initiatives__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .future .initiatives .initiatives__inner .initiatives__items .initiatives__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 40px;
  }
}
.future .initiatives .initiatives__inner .initiatives__items .initiatives__item img {
  width: 42.8%;
  height: 100%;
  border-radius: 10px;
  aspect-ratio: 336/269;
}
@media screen and (max-width: 768px) {
  .future .initiatives .initiatives__inner .initiatives__items .initiatives__item img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 327/184;
    margin-bottom: 24px;
  }
}
.future .initiatives .initiatives__inner .initiatives__items .initiatives__item .text__wrap {
  width: 52%;
}
@media screen and (max-width: 768px) {
  .future .initiatives .initiatives__inner .initiatives__items .initiatives__item .text__wrap {
    width: 100%;
  }
}
.future .initiatives .initiatives__inner .initiatives__items .initiatives__item .text__wrap .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .future .initiatives .initiatives__inner .initiatives__items .initiatives__item .text__wrap .title {
    margin-bottom: 16px;
  }
}
.future .initiatives .initiatives__inner .initiatives__items .initiatives__item .text__wrap .text {
  font-size: 18px;
  line-height: 180%;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .future .initiatives .initiatives__inner .initiatives__items .initiatives__item .text__wrap .text {
    font-size: 15px;
  }
}
.future .initiatives .initiatives__inner .initiatives__items .initiatives__item .text__wrap .icon__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.future .initiatives .initiatives__inner .initiatives__items .initiatives__item .text__wrap .icon__wrap img {
  max-width: 75px;
  aspect-ratio: 1/1;
  border-radius: 0;
  margin-right: 8px;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .future .initiatives .initiatives__inner .initiatives__items .initiatives__item .text__wrap .icon__wrap img {
    width: 6.5vw;
  }
}
@media screen and (max-width: 768px) {
  .future .initiatives .initiatives__inner .initiatives__items .initiatives__item .text__wrap .icon__wrap img {
    width: auto;
    max-width: 60px;
    margin-right: 6px;
  }
}
.future .initiatives .initiatives__inner .initiatives__items .initiatives__item .text__wrap .icon__wrap img:last-child {
  margin-right: 0;
}
.future .initiatives .initiatives__inner .initiatives__items .initiatives__item:nth-child(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .future .initiatives .initiatives__inner .initiatives__items .initiatives__item:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.future .initiatives .initiatives__inner .initiatives__items .initiatives__item:nth-child(3) {
  margin-bottom: 0;
}

.news {
  background-color: #fffbf5;
}
.news .mv {
  margin-bottom: 160px;
}
@media screen and (max-width: 768px) {
  .news .mv {
    margin-bottom: 60px;
  }
}
.news .news__content {
  padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .news .news__content {
    padding-bottom: 100px;
  }
}
.news .news__content .news__content__inner {
  margin-left: 25.94%;
}
@media screen and (max-width: 768px) {
  .news .news__content .news__content__inner {
    padding: 56px 0 0px;
    margin-left: 0;
  }
}
.news .news__content .news__content__inner .news__items {
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .news .news__content .news__content__inner .news__items {
    padding-bottom: 40px;
  }
}
.news .news__content .news__content__inner .news__items .news__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.5px solid #080808;
  overflow: hidden;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .news .news__content .news__content__inner .news__items .news__item {
    padding: 24px 17px;
  }
}
.news .news__content .news__content__inner .news__items .news__item:first-of-type {
  border-top: 0.5px solid #080808;
}
.news .news__content .news__content__inner .news__items .news__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #fff7ea;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 0.6s ease, -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transition: background-color 0.6s ease, -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s, background-color 0.6s ease;
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s, background-color 0.6s ease, -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
.news .news__content .news__content__inner .news__items .news__item:hover::before {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.news .news__content .news__content__inner .news__items .news__item:not(:hover)::before {
  background: transparent;
}
.news .news__content .news__content__inner .news__items .news__item .news__image__wrap {
  width: 33%;
}
.news .news__content .news__content__inner .news__items .news__item .news__image__wrap img {
  aspect-ratio: 234/187;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .news .news__content .news__content__inner .news__items .news__item .news__image__wrap img {
    border-radius: 4px;
  }
}
.news .news__content .news__content__inner .news__items .news__item .news__text__wrap {
  width: 61%;
}
@media screen and (max-width: 768px) {
  .news .news__content .news__content__inner .news__items .news__item .news__text__wrap {
    width: 63.9%;
  }
}
.news .news__content .news__content__inner .news__items .news__item .news__text__wrap .news__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .news .news__content .news__content__inner .news__items .news__item .news__text__wrap .news__label {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-bottom: 6px;
  }
}
.news .news__content .news__content__inner .news__items .news__item .news__text__wrap .news__label .news__date {
  color: #080808;
  font-family: "Ubuntu", sans-serif;
  letter-spacing: 0.54px;
  margin-right: 32px;
}
@media screen and (max-width: 768px) {
  .news .news__content .news__content__inner .news__items .news__item .news__text__wrap .news__label .news__date {
    font-size: 10px;
    width: auto;
    line-height: 100%;
    margin-right: 9px;
  }
}
@media screen and (max-width: 768px) {
  .news .news__content .news__content__inner .news__items .news__item .news__text__wrap .news__label .news__category {
    line-height: 100%;
  }
}
.news .news__content .news__content__inner .news__items .news__item .news__text__wrap .news__label .news__category span {
  color: #ef8963;
  font-size: 14px;
  letter-spacing: 0.42px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 7px 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 30px;
  border: 1px solid #f08961;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .news .news__content .news__content__inner .news__items .news__item .news__text__wrap .news__label .news__category span {
    font-size: 1.368vw;
  }
}
@media screen and (max-width: 768px) {
  .news .news__content .news__content__inner .news__items .news__item .news__text__wrap .news__label .news__category span {
    padding: 4px 8px;
    font-size: 10px;
  }
}
.news .news__content .news__content__inner .news__items .news__item .news__title {
  color: #000;
  line-height: 180%;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .news .news__content .news__content__inner .news__items .news__item .news__title {
    font-size: 1.758vw;
  }
}
@media screen and (max-width: 768px) {
  .news .news__content .news__content__inner .news__items .news__item .news__title {
    width: 100%;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 6px;
  }
}
.news .news__content .news__content__inner .news__items .news__item .news__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.news .news__content .news__content__inner .news__items .news__item .news__tag p {
  color: #7d7d7d;
  font-size: 14px;
  letter-spacing: 0.03em;
  margin-right: 16px;
}
@media screen and (max-width: 768px) {
  .news .news__content .news__content__inner .news__items .news__item .news__tag p {
    font-size: 10px;
    line-height: 100%;
    margin-right: 8px;
  }
}
.news .news__content .news__content__inner .news__items .news__item > * {
  position: relative;
  z-index: 10;
}

.members {
  background-color: #fffbf5;
  padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .members {
    padding-bottom: 120px;
  }
}
.members .mv {
  margin-bottom: 48px;
}
.members .mv .section__title {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .members .mv .section__title {
    letter-spacing: 0.03em;
  }
}
@media screen and (max-width: 768px) {
  .members .mv .section__title img {
    width: 13vw;
    margin-top: 0;
    margin-left: 6px;
  }
}
.members .members__content .members__content__inner {
  background-color: #fff;
  border-radius: 20px;
  padding: 120px;
}
@media screen and (max-width: 768px) {
  .members .members__content .members__content__inner {
    padding: 8vw;
  }
}
.members .members__content .members__content__inner .members__content__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .members .members__content .members__content__inner .members__content__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 32px;
  }
}
.members .members__content .members__content__inner .members__content__text .members__illust {
  width: 24%;
  margin-left: 49px;
}
@media screen and (max-width: 768px) {
  .members .members__content .members__content__inner .members__content__text .members__illust {
    width: 100%;
    margin-left: 0;
  }
}
.members .members__content .members__content__inner .members__content__text .members__illust img {
  max-width: 204px;
}
@media screen and (max-width: 768px) {
  .members .members__content .members__content__inner .members__content__text .members__illust img {
    max-width: 175px;
    margin: 0 auto 48px;
  }
}
.members .members__content .members__content__inner .members__content__text .members__text__wrap {
  width: 58.8%;
}
@media screen and (max-width: 768px) {
  .members .members__content .members__content__inner .members__content__text .members__text__wrap {
    width: 100%;
  }
}
.members .members__content .members__content__inner .members__content__text .members__text__wrap .title {
  font-family: "Ubuntu", sans-serif;
  font-size: 64px;
  color: #f08961;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .members .members__content .members__content__inner .members__content__text .members__text__wrap .title {
    margin-bottom: 40px;
  }
}
.members .members__content .members__content__inner .members__content__form {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .members .members__content .members__content__inner .members__content__form {
    margin-bottom: 64px;
  }
}
.members .members__content .members__content__inner .members__content__form .label {
  font-family: "Ubuntu", sans-serif;
  font-size: 18px;
  letter-spacing: 0.03em;
  line-height: 160%;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .members .members__content .members__content__inner .members__content__form .label {
    margin-bottom: 8px;
  }
}
.members .members__content .members__content__inner .members__content__form input {
  width: 100%;
  background-color: #f4f4f4;
  border-radius: 5px;
  padding: 12px 16px;
}
.members .members__content .members__content__inner .members__content__form input::-webkit-input-placeholder {
  color: #7d7d7d;
  font-size: 18px;
}
.members .members__content .members__content__inner .members__content__form input::-moz-placeholder {
  color: #7d7d7d;
  font-size: 18px;
}
.members .members__content .members__content__inner .members__content__form input:-ms-input-placeholder {
  color: #7d7d7d;
  font-size: 18px;
}
.members .members__content .members__content__inner .members__content__form input::-ms-input-placeholder {
  color: #7d7d7d;
  font-size: 18px;
}
.members .members__content .members__content__inner .members__content__form input::placeholder {
  color: #7d7d7d;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .members .members__content .members__content__inner .members__content__form input::-webkit-input-placeholder {
    font-size: 15px;
  }
  .members .members__content .members__content__inner .members__content__form input::-moz-placeholder {
    font-size: 15px;
  }
  .members .members__content .members__content__inner .members__content__form input:-ms-input-placeholder {
    font-size: 15px;
  }
  .members .members__content .members__content__inner .members__content__form input::-ms-input-placeholder {
    font-size: 15px;
  }
  .members .members__content .members__content__inner .members__content__form input::placeholder {
    font-size: 15px;
  }
}
.members .members__content .members__content__inner .center-btn__wrap .btn__wrap {
  margin: 0 auto;
}
.members .members__content .members__content__inner .center-btn__wrap .btn__wrap .btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.privacy {
  background-color: #fffbf5;
  padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .privacy {
    padding-bottom: 120px;
  }
}
.privacy .mv {
  margin-bottom: 48px;
}
.privacy .mv .section__header {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .privacy .mv .section__header {
    margin-bottom: 32px;
  }
}
.privacy .mv .section__header .section__label {
  font-family: "Ubuntu", sans-serif;
  color: #080808;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.03em;
  margin-bottom: 24px;
}
.privacy .mv .section__header .section__title {
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.03em;
}
.privacy .mv p {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .privacy .mv p {
    font-size: 15px;
  }
}
.privacy .privacy__content {
  background-color: #fff;
  border-radius: 20px;
  color: #080808;
  padding: 120px;
}
@media screen and (max-width: 768px) {
  .privacy .privacy__content {
    padding: 8vw;
  }
}
.privacy .privacy__content .privacy__content__block {
  margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .privacy .privacy__content .privacy__content__block {
    margin-bottom: 32px;
  }
}
.privacy .privacy__content .privacy__content__block .title {
  font-size: 24px;
  line-height: 180%;
  letter-spacing: 0.03em;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .privacy .privacy__content .privacy__content__block .title {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.privacy .privacy__content .privacy__content__block .text {
  font-size: 18px;
  font-weight: 300;
  text-align: left;
  line-height: 180%;
  letter-spacing: 0.03em;
  margin-bottom: 14px;
}
@media screen and (max-width: 768px) {
  .privacy .privacy__content .privacy__content__block .text {
    font-size: 15px;
  }
}
.privacy .privacy__content .privacy__content__block ul {
  margin-bottom: 16px;
}
.privacy .privacy__content .privacy__content__block ul li {
  line-height: 180%;
  margin-bottom: 6px;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.privacy .privacy__content .privacy__content__block ul li:last-child {
  margin-bottom: 0;
}
.privacy .privacy__content .privacy__content__block ul li span {
  font-family: "Ubuntu", sans-serif;
  font-size: 24px;
  font-weight: 400;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  .privacy .privacy__content .privacy__content__block ul li span {
    font-size: 18px;
  }
}

.terms-of-sale {
  background-color: #fffbf5;
  padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .terms-of-sale {
    padding-bottom: 120px;
  }
}
.terms-of-sale .mv {
  margin-bottom: 48px;
}
.terms-of-sale .mv .section__header {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .terms-of-sale .mv .section__header {
    margin-bottom: 32px;
  }
}
.terms-of-sale .mv .section__header .section__label {
  font-family: "Ubuntu", sans-serif;
  color: #080808;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.03em;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .terms-of-sale .mv .section__header .section__label {
    line-height: 120%;
  }
}
.terms-of-sale .mv .section__header .section__title {
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .terms-of-sale .mv .section__header .section__title {
    font-size: 26px;
  }
}
.terms-of-sale .mv p {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .terms-of-sale .mv p {
    font-size: 15px;
  }
}
.terms-of-sale .terms-of-sale__inner {
  background-color: #fff;
  border-radius: 20px;
  color: #080808;
  padding: 120px;
}
@media screen and (max-width: 768px) {
  .terms-of-sale .terms-of-sale__inner {
    padding: 8vw;
  }
}
.terms-of-sale .terms-of-sale__inner .terms-of-sale__items .terms-of-sale__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #7d7d7d;
  padding: 44px 0;
}
@media screen and (max-width: 500px) {
  .terms-of-sale .terms-of-sale__inner .terms-of-sale__items .terms-of-sale__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px 0;
  }
}
.terms-of-sale .terms-of-sale__inner .terms-of-sale__items .terms-of-sale__item:first-child {
  padding-top: 0;
}
.terms-of-sale .terms-of-sale__inner .terms-of-sale__items .terms-of-sale__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.terms-of-sale .terms-of-sale__inner .terms-of-sale__items .terms-of-sale__item .terms-of-sale__category {
  width: 32.5%;
  font-weight: 500;
}
@media screen and (max-width: 500px) {
  .terms-of-sale .terms-of-sale__inner .terms-of-sale__items .terms-of-sale__item .terms-of-sale__category {
    font-size: 15px;
    width: 100%;
  }
}
.terms-of-sale .terms-of-sale__inner .terms-of-sale__items .terms-of-sale__item .terms-of-sale__content {
  width: 85.2%;
  font-weight: 300;
  margin-left: 16px;
}
@media screen and (max-width: 500px) {
  .terms-of-sale .terms-of-sale__inner .terms-of-sale__items .terms-of-sale__item .terms-of-sale__content {
    width: 100%;
    margin-left: 0;
  }
}

.contact {
  background-color: #fffbf5;
  padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .contact {
    padding-bottom: 100px;
  }
}
.contact .mv {
  margin-bottom: 48px;
}
.contact .contact__content .contact__content__inner {
  background-color: #fff;
  border-radius: 20px;
  padding: 120px;
}
@media screen and (max-width: 768px) {
  .contact .contact__content .contact__content__inner {
    padding: 8vw 4.2vw;
  }
}
.contact .contact__content .contact__content__inner .step-bar__items {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 106px;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .contact .contact__content .contact__content__inner .step-bar__items {
    margin-bottom: 80px;
  }
}
.contact .contact__content .contact__content__inner .step-bar__items::before {
  position: absolute;
  content: "";
  border: 0.5px solid #7d7d7d;
  top: 24px;
  width: 180px;
  z-index: -1;
}
.contact .contact__content .contact__content__inner .step-bar__items .step-bar__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  color: #7d7d7d;
  line-height: 200%;
  letter-spacing: 0.03em;
  margin: 0 28px;
}
.contact .contact__content .contact__content__inner .step-bar__items .step-bar__item span {
  display: inline-block;
  font-family: Ubuntu;
  font-size: 20px;
  color: #7d7d7d;
  text-align: center;
  line-height: 230%;
  width: 48px;
  height: 48px;
  border: 1px solid #7d7d7d;
  background-color: #fff;
  border-radius: 50%;
}
.contact .contact__content .contact__content__inner .step-bar__items .step-bar__item.is-active {
  color: #080808;
}
.contact .contact__content .contact__content__inner .step-bar__items .step-bar__item.is-active span {
  color: #fff;
  border: none;
  background-color: #f08961;
}
.contact .contact__content .contact__content__inner .tab__container {
  width: 100%;
}
.contact .contact__content .contact__content__inner .tab__container .tab__item2 {
  display: block;
  float: left;
  text-align: center;
  font-size: 18px;
  color: #7d7d7d;
  width: 50%;
  background: #f4f4f4;
  cursor: pointer;
  padding: 10px 0;
  margin-bottom: 88px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.contact .contact__content .contact__content__inner .tab__container .tab__item2:nth-child(1) {
  border-radius: 5px 0 0 5px;
}
.contact .contact__content .contact__content__inner .tab__container .tab__item2:nth-child(2) {
  border-radius: 0 5px 5px 0;
}
@media screen and (max-width: 768px) {
  .contact .contact__content .contact__content__inner .tab__container .tab__item2 {
    font-size: 15px;
    margin-bottom: 48px;
  }
  .contact .contact__content .contact__content__inner .tab__container .tab__item2:nth-child(1) {
    border-radius: 3px 0 0 3px;
  }
  .contact .contact__content .contact__content__inner .tab__container .tab__item2:nth-child(2) {
    border-radius: 0 3px 3px 0;
  }
}
.contact .contact__content .contact__content__inner .tab__container .tab__item2.active {
  background: #f08961;
  color: #fff;
}
.contact .contact__content .contact__content__inner .content__container .tab__content {
  display: none;
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show {
  display: block;
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item,
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message {
  margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item,
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message {
    margin-bottom: 32px;
  }
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__title,
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__title {
  color: #080808;
  line-height: 160%;
  letter-spacing: 0.03em;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__title,
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__title {
    margin-bottom: 8px;
  }
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__title .required,
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__title .required {
  color: #f08961;
  padding-left: 4px;
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=radio],
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=radio] {
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid #080808;
  border-radius: 3px;
  top: 2px;
  cursor: pointer;
  margin-right: 8px;
  margin-left: 0;
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=radio]:checked:before,
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=radio]:checked:before {
  position: absolute;
  top: 2px;
  left: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6px;
  height: 10px;
  border-right: 3px solid #f08961;
  border-bottom: 3px solid #f08961;
  content: "";
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input label,
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input label {
  margin-right: 40px;
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=text],
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=tel],
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=email],
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input textarea,
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=text],
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=tel],
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=email],
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input textarea {
  width: 100%;
  background-color: #f4f4f4;
  font-size: 18px;
  padding: 8px 16px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=text],
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=tel],
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=email],
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input textarea,
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=text],
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=tel],
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=email],
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input textarea {
    font-size: 15px;
    line-height: 100%;
    padding: 10px 16px;
  }
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=text]::-webkit-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=tel]::-webkit-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input textarea::-webkit-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=text]::-webkit-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=tel]::-webkit-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input textarea::-webkit-input-placeholder {
  font-size: 18px;
  color: #7d7d7d;
  line-height: 160%;
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=text]::-moz-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=tel]::-moz-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input textarea::-moz-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=text]::-moz-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=tel]::-moz-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input textarea::-moz-placeholder {
  font-size: 18px;
  color: #7d7d7d;
  line-height: 160%;
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=text]:-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=tel]:-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input textarea:-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=text]:-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=tel]:-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input textarea:-ms-input-placeholder {
  font-size: 18px;
  color: #7d7d7d;
  line-height: 160%;
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=text]::-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=tel]::-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input textarea::-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=text]::-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=tel]::-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input textarea::-ms-input-placeholder {
  font-size: 18px;
  color: #7d7d7d;
  line-height: 160%;
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=text]::placeholder,
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=tel]::placeholder,
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input textarea::placeholder,
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=text]::placeholder,
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=tel]::placeholder,
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input textarea::placeholder {
  font-size: 18px;
  color: #7d7d7d;
  line-height: 160%;
}
@media screen and (max-width: 768px) {
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=text]::-webkit-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=tel]::-webkit-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input textarea::-webkit-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=text]::-webkit-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=tel]::-webkit-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input textarea::-webkit-input-placeholder {
    font-size: 15px;
  }
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=text]::-moz-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=tel]::-moz-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input textarea::-moz-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=text]::-moz-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=tel]::-moz-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input textarea::-moz-placeholder {
    font-size: 15px;
  }
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=text]:-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=tel]:-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input textarea:-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=text]:-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=tel]:-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input textarea:-ms-input-placeholder {
    font-size: 15px;
  }
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=text]::-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=tel]::-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input textarea::-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=text]::-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=tel]::-ms-input-placeholder, .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input textarea::-ms-input-placeholder {
    font-size: 15px;
  }
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=text]::placeholder,
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input input[type=tel]::placeholder,
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input textarea::placeholder,
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=text]::placeholder,
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input input[type=tel]::placeholder,
  .contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input textarea::placeholder {
    font-size: 15px;
  }
}
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__item .contact__item__input textarea,
.contact .contact__content .contact__content__inner .content__container .tab__content.show .contact__body .contact__list .contact__message .contact__item__input textarea {
  height: 280px;
}
.contact .contact__content .contact__content__inner .contact__content__lead {
  font-size: 28px;
  font-weight: 500;
  color: #080808;
  text-align: center;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .contact .contact__content .contact__content__inner .contact__content__lead {
    font-size: 18px;
    font-weight: 600;
  }
}
.contact .contact__content .contact__content__inner .contact__content__text {
  font-size: 18px;
  font-weight: 400;
  color: #080808;
  text-align: center;
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .contact .contact__content .contact__content__inner .contact__content__text {
    font-size: 15px;
    line-height: 200%;
  }
}
.contact .contact__content .contact__content__inner .confirm__items {
  margin-bottom: 80px;
}
.contact .contact__content .contact__content__inner .confirm__items .confirm__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #7d7d7d;
  padding: 56px 0;
}
@media screen and (max-width: 768px) {
  .contact .contact__content .contact__content__inner .confirm__items .confirm__item {
    display: block;
    padding: 24px 0 24px 24px;
  }
}
.contact .contact__content .contact__content__inner .confirm__items .confirm__item:nth-child(1) {
  border-top: 1px solid #7d7d7d;
}
.contact .contact__content .contact__content__inner .confirm__items .confirm__item .confirm__category {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.03em;
  width: 27%;
}
@media screen and (max-width: 768px) {
  .contact .contact__content .contact__content__inner .confirm__items .confirm__item .confirm__category {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 16px;
  }
}
.contact .contact__content .contact__content__inner .confirm__items .confirm__item .confirm__content {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.03em;
  width: 72.5%;
}
@media screen and (max-width: 768px) {
  .contact .contact__content .contact__content__inner .confirm__items .confirm__item .confirm__content {
    width: 100%;
    font-size: 15px;
    line-height: 100%;
  }
}
.contact .contact__content .contact__content__inner .center-btn__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 260px;
  margin: 0 auto;
}
.contact .contact__content .contact__content__inner .center-btn__wrap .btn__wrap {
  margin-left: 0;
  height: 50px;
}

.products {
  background-color: #fffbf5;
  padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .products {
    padding-bottom: 100px;
  }
}
.products .mv {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .products .mv {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 768px) {
  .products .mv .section__header .section__title img {
    width: 13vw;
    margin-bottom: 10px;
  }
}
.products .products__content .products__content__inner .tab__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .tab__container {
    margin-bottom: 32px;
  }
}
.products .products__content .products__content__inner .tab__container .tab__item {
  position: relative;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #080808;
  width: 20%;
  background: #fff;
  cursor: pointer;
  padding: 10px 0;
  margin-bottom: 88px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.products .products__content .products__content__inner .tab__container .tab__item::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 24px;
  background-color: #f08961;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1px;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .tab__container .tab__item::before {
    height: 16px;
  }
}
.products .products__content .products__content__inner .tab__container .tab__item:nth-child(1)::before {
  content: none;
}
.products .products__content .products__content__inner .tab__container .tab__item:nth-child(5) {
  border-radius: 0 5px 5px 0;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .tab__container .tab__item {
    width: 33%;
    font-size: 12px;
    line-height: 100%;
    padding: 16px 12px;
    margin-bottom: 8px;
  }
  .products .products__content .products__content__inner .tab__container .tab__item:nth-child(4)::before {
    content: none;
  }
}
.products .products__content .products__content__inner .tab__container .tab__item.active {
  background: #f08961;
  color: #fff;
  border-radius: 5px;
}
.products .products__content .products__content__inner .tab__container .tab__item.active::before {
  content: none;
}
.products .products__content .products__content__inner .products__container {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container {
    margin-bottom: 0;
  }
}
.products .products__content .products__content__inner .products__container .tab__container__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.products .products__content .products__content__inner .products__container .tab__container__sub .sub-tab__item {
  position: relative;
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #9f9f9f;
  width: 14%;
  cursor: pointer;
  background-color: transparent;
  border-bottom: 4px solid #9f9f9f;
  border-radius: 0;
  padding: 0 0 24px 0;
  margin-bottom: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.products .products__content .products__content__inner .products__container .tab__container__sub .sub-tab__item::before {
  content: none;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .tab__container__sub .sub-tab__item {
    width: 25%;
    font-size: 12px;
    border-bottom: 1px solid #9f9f9f;
    padding: 0 0 2px 0;
    margin-bottom: 10px;
  }
}
.products .products__content .products__content__inner .products__container .tab__container__sub .sub-tab__item.active {
  color: #080808;
  border-bottom: 4px solid #080808;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .tab__container__sub .sub-tab__item.active {
    border-bottom: 1px solid #080808;
  }
}
.products .products__content .products__content__inner .products__container .products__items__wrap {
  display: inline-block;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .products__items__wrap {
    margin-bottom: 80px;
  }
}
.products .products__content .products__content__inner .products__container .products__items__wrap .products__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5.6%;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .products__items__wrap .products__items {
    gap: 2%;
  }
}
.products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item {
  width: 29.6%;
  margin: 80px 0 40px;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item {
    width: 48%;
    margin: 40px 0 0;
  }
}
.products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .products__image {
  margin-bottom: 16px;
}
.products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .title {
  font-size: 18px;
  line-height: 150%;
  color: #080808;
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .title {
    font-size: 16px;
  }
}
.products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .maker {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  line-height: 100%;
  letter-spacing: 0.03em;
  background-color: #080808;
  padding: 3px 16px;
  border-radius: 50px;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .maker {
    font-size: 12px;
  }
}
.products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .default__price {
  font-size: 14px;
  line-height: 100%;
  margin: 12px 0;
}
.products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .default__price span {
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  text-decoration: line-through;
}
.products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .special__price {
  font-size: 15px;
  color: #f08961;
  text-align: left;
  font-weight: 400;
  line-height: 200%;
  letter-spacing: 0.03em;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .special__price {
    font-size: 14px;
  }
}
.products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .special__price span {
  font-family: "Ubuntu", sans-serif;
  font-size: 34px;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .special__price span {
    font-size: 30px;
  }
}
@media screen and (max-width: 930px) {
  .products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .btn__wrap {
    width: 100%;
  }
  .products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .btn__wrap .btn {
    font-size: 11px;
    letter-spacing: 0;
    min-width: 100%;
    padding: 9px 11px;
  }
  .products .products__content .products__content__inner .products__container .products__items__wrap .products__items .products__item .btn__wrap .btn .arrow {
    width: 5%;
  }
}
.products .products__content .products__content__inner .products__container .hosyo {
  background-color: #fff;
  border-radius: 20px;
  text-align: center;
  padding: 62px 0 32px;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .hosyo {
    padding: 48px 16px 24px;
  }
}
.products .products__content .products__content__inner .products__container .hosyo .title {
  color: #f08961;
  font-size: 46px;
  font-weight: 600;
  letter-spacing: 0.03em;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .hosyo .title {
    font-size: 32px;
  }
}
.products .products__content .products__content__inner .products__container .hosyo .title span {
  font-family: "Ubuntu", sans-serif;
  font-size: 102px;
  font-weight: 400;
  letter-spacing: -0.05em;
  margin-right: 6px;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .hosyo .title span {
    font-size: 74px;
  }
}
.products .products__content .products__content__inner .products__container .hosyo .text {
  font-size: 24px;
  line-height: 210%;
  letter-spacing: 0.03em;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .hosyo .text {
    font-size: 15px;
  }
}
.products .products__content .products__content__inner .products__container .hosyo .text span {
  font-size: 30px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .products .products__content .products__content__inner .products__container .hosyo .text span {
    font-size: 15px;
  }
}
.products .products__content .products__content__inner .products__container .hosyo .img__wrap img {
  width: auto;
  margin: 0 auto;
}

.beforeafter,
.news__detail {
  background-color: #fffbf5;
  padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .beforeafter,
  .news__detail {
    padding-bottom: 120px;
  }
}
.beforeafter .mv,
.news__detail .mv {
  margin-bottom: 96px;
}
@media screen and (max-width: 768px) {
  .beforeafter .mv,
  .news__detail .mv {
    margin-bottom: 48px;
  }
}
.beforeafter .mv .section__header .news__label,
.news__detail .mv .section__header .news__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .beforeafter .mv .section__header .news__label,
  .news__detail .mv .section__header .news__label {
    margin-bottom: 6px;
  }
}
.beforeafter .mv .section__header .news__label .news__date,
.news__detail .mv .section__header .news__label .news__date {
  color: #080808;
  font-family: "Ubuntu", sans-serif;
  letter-spacing: 0.54px;
  margin-right: 32px;
}
@media screen and (max-width: 768px) {
  .beforeafter .mv .section__header .news__label .news__date,
  .news__detail .mv .section__header .news__label .news__date {
    font-size: 12px;
    width: auto;
    margin-right: 16px;
  }
}
.beforeafter .mv .section__header .news__label .news__category span,
.news__detail .mv .section__header .news__label .news__category span {
  color: #ef8963;
  font-size: 14px;
  letter-spacing: 0.42px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 7px 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 30px;
  border: 1px solid #f08961;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .beforeafter .mv .section__header .news__label .news__category span,
  .news__detail .mv .section__header .news__label .news__category span {
    font-size: 1.368vw;
  }
}
@media screen and (max-width: 768px) {
  .beforeafter .mv .section__header .news__label .news__category span,
  .news__detail .mv .section__header .news__label .news__category span {
    font-size: 10px;
    padding: 4px 10px;
  }
}
.beforeafter .mv .news__title,
.news__detail .mv .news__title {
  color: #080808;
  font-size: 32px;
  line-height: 180%;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .beforeafter .mv .news__title,
  .news__detail .mv .news__title {
    width: 100%;
    font-size: 18px;
  }
}
.beforeafter .mv .news__tag,
.news__detail .mv .news__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.beforeafter .mv .news__tag p,
.news__detail .mv .news__tag p {
  color: #7d7d7d;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.03em;
  margin-right: 16px;
}
@media screen and (max-width: 768px) {
  .beforeafter .mv .news__tag p,
  .news__detail .mv .news__tag p {
    font-size: 14px;
  }
}
.beforeafter .article__content,
.news__detail .article__content {
  background-color: #fff;
  border-radius: 20px;
  padding: 120px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content,
  .news__detail .article__content {
    padding: 6vw;
  }
}
.beforeafter .article__content .article__content__inner,
.news__detail .article__content .article__content__inner {
  border-bottom: 1px solid #080808;
  padding-bottom: 120px;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner,
  .news__detail .article__content .article__content__inner {
    padding-bottom: 80px;
  }
}
.beforeafter .article__content .article__content__inner:last-child,
.news__detail .article__content .article__content__inner:last-child {
  margin-bottom: 0;
}
.beforeafter .article__content .article__content__inner .eyecatch,
.news__detail .article__content .article__content__inner .eyecatch {
  margin-bottom: 80px;
}
.beforeafter .article__content .article__content__inner .eyecatch img,
.news__detail .article__content .article__content__inner .eyecatch img {
  aspect-ratio: 295/197;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .eyecatch,
  .news__detail .article__content .article__content__inner .eyecatch {
    margin-bottom: 60px;
  }
}
.beforeafter .article__content .article__content__inner img,
.news__detail .article__content .article__content__inner img {
  aspect-ratio: 860/430;
  border-radius: 20px;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner img,
  .news__detail .article__content .article__content__inner img {
    border-radius: 10px;
  }
}
.beforeafter .article__content .article__content__inner .title,
.news__detail .article__content .article__content__inner .title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.03em;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .title,
  .news__detail .article__content .article__content__inner .title {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.beforeafter .article__content .article__content__inner .text,
.news__detail .article__content .article__content__inner .text {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.03em;
  margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .text,
  .news__detail .article__content .article__content__inner .text {
    font-size: 15px;
    margin-bottom: 40px;
  }
}
.beforeafter .article__content .article__content__inner .beforeafter__image,
.news__detail .article__content .article__content__inner .beforeafter__image {
  font-family: "Ubuntu", sans-serif;
  font-size: 24px;
  color: #080808;
  margin-bottom: 72px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .beforeafter__image,
  .news__detail .article__content .article__content__inner .beforeafter__image {
    font-size: 14px;
    margin-bottom: 40px;
  }
}
.beforeafter .article__content .article__content__inner .beforeafter__image img,
.news__detail .article__content .article__content__inner .beforeafter__image img {
  aspect-ratio: 295/166;
  -o-object-fit: cover;
     object-fit: cover;
}
.beforeafter .article__content .article__content__inner .beforeafter__image img:nth-child(2),
.news__detail .article__content .article__content__inner .beforeafter__image img:nth-child(2) {
  width: auto;
  margin: 56px auto 24px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .beforeafter__image img:nth-child(2),
  .news__detail .article__content .article__content__inner .beforeafter__image img:nth-child(2) {
    width: 6%;
    margin: 20px auto 0;
  }
}
.beforeafter .article__content .article__content__inner .evaluation,
.news__detail .article__content .article__content__inner .evaluation {
  background-color: #f4f4f4;
  border-radius: 20px;
  padding: 48px 56px;
  margin-bottom: 72px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .evaluation,
  .news__detail .article__content .article__content__inner .evaluation {
    padding: 6vw;
    border-radius: 10px;
    margin-bottom: 40px;
  }
}
.beforeafter .article__content .article__content__inner .evaluation .label,
.news__detail .article__content .article__content__inner .evaluation .label {
  font-size: 24px;
  color: #080808;
  line-height: 180%;
  border-bottom: 1px solid #080808;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .evaluation .label,
  .news__detail .article__content .article__content__inner .evaluation .label {
    font-size: 16px;
  }
}
.beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap,
.news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media screen and (max-width: 1024px) {
  .beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap,
  .news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
.beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item,
.news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item {
  margin-bottom: 24px;
}
.beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item:last-child,
.news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item:last-child {
  margin-bottom: 0;
}
.beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .title,
.news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .title {
  font-size: 20px;
  line-height: 100%;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .title,
  .news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .title {
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 4px;
  }
}
.beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .title span,
.news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .title span {
  font-family: "Ubuntu", sans-serif;
  font-size: 32px;
  font-weight: 500;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .title span,
  .news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .title span {
    font-size: 18px;
  }
}
.beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .stars,
.news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .stars {
  color: #f08961;
  font-size: 40px;
  padding-left: 36px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .stars,
  .news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .stars {
    font-size: 22px;
    padding-left: 24px;
  }
}
.beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .stars span,
.news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .stars span {
  color: #7d7d7d;
}
.beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .stars .points,
.news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .stars .points {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: #080808;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .stars .points,
  .news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__items .evaluation__item .stars .points {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__pic,
  .news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__pic {
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__pic,
  .news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__pic {
    width: 60%;
  }
}
.beforeafter .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__pic img,
.news__detail .article__content .article__content__inner .evaluation .evaluation__items__wrap .evaluation__pic img {
  aspect-ratio: auto;
  margin-bottom: 0;
}
.beforeafter .article__content .article__content__inner .manager,
.beforeafter .article__content .article__content__inner .menu,
.beforeafter .article__content .article__content__inner .option,
.news__detail .article__content .article__content__inner .manager,
.news__detail .article__content .article__content__inner .menu,
.news__detail .article__content .article__content__inner .option {
  line-height: 180%;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .manager,
  .beforeafter .article__content .article__content__inner .menu,
  .beforeafter .article__content .article__content__inner .option,
  .news__detail .article__content .article__content__inner .manager,
  .news__detail .article__content .article__content__inner .menu,
  .news__detail .article__content .article__content__inner .option {
    margin-bottom: 24px;
  }
}
.beforeafter .article__content .article__content__inner .manager .label,
.beforeafter .article__content .article__content__inner .menu .label,
.beforeafter .article__content .article__content__inner .option .label,
.news__detail .article__content .article__content__inner .manager .label,
.news__detail .article__content .article__content__inner .menu .label,
.news__detail .article__content .article__content__inner .option .label {
  font-size: 24px;
  font-weight: 400;
  color: #080808;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .manager .label,
  .beforeafter .article__content .article__content__inner .menu .label,
  .beforeafter .article__content .article__content__inner .option .label,
  .news__detail .article__content .article__content__inner .manager .label,
  .news__detail .article__content .article__content__inner .menu .label,
  .news__detail .article__content .article__content__inner .option .label {
    font-size: 15px;
    margin-bottom: 0;
  }
}
.beforeafter .article__content .article__content__inner .option,
.news__detail .article__content .article__content__inner .option {
  margin-bottom: 72px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .article__contact,
  .news__detail .article__content .article__content__inner .article__contact {
    font-size: 14px;
  }
}
.beforeafter .article__content .article__content__inner .article__contact .label,
.news__detail .article__content .article__content__inner .article__contact .label {
  font-size: 20px;
  font-weight: 400;
  line-height: 180%;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .article__contact .label,
  .news__detail .article__content .article__content__inner .article__contact .label {
    font-size: 15px;
  }
}
.beforeafter .article__content .article__content__inner .article__contact span,
.news__detail .article__content .article__content__inner .article__contact span {
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__content__inner .article__contact span,
  .news__detail .article__content .article__content__inner .article__contact span {
    font-size: 14px;
  }
}
.beforeafter .article__content .article__pagenation,
.news__detail .article__content .article__pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.beforeafter .article__content .article__pagenation .pagenation__item:nth-child(1) .pagenation__item__link .arrow__btn,
.news__detail .article__content .article__pagenation .pagenation__item:nth-child(1) .pagenation__item__link .arrow__btn {
  width: 36px;
  height: 36px;
  background-color: #fff;
  border: 1px solid #080808;
  border-radius: 50px;
  margin-right: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.beforeafter .article__content .article__pagenation .pagenation__item:nth-child(1) .pagenation__item__link .arrow__btn .arrow,
.news__detail .article__content .article__pagenation .pagenation__item:nth-child(1) .pagenation__item__link .arrow__btn .arrow {
  margin-left: 11px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-bottom: 2px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__pagenation .pagenation__item:nth-child(1) .pagenation__item__link .arrow__btn .arrow,
  .news__detail .article__content .article__pagenation .pagenation__item:nth-child(1) .pagenation__item__link .arrow__btn .arrow {
    margin-bottom: -5px;
  }
}
.beforeafter .article__content .article__pagenation .pagenation__item:nth-child(1) .pagenation__item__link:hover .arrow__btn,
.news__detail .article__content .article__pagenation .pagenation__item:nth-child(1) .pagenation__item__link:hover .arrow__btn {
  background: #080808;
}
.beforeafter .article__content .article__pagenation .pagenation__item:nth-child(1) .pagenation__item__link:hover .arrow__btn .arrow,
.news__detail .article__content .article__pagenation .pagenation__item:nth-child(1) .pagenation__item__link:hover .arrow__btn .arrow {
  color: #fff;
}
.beforeafter .article__content .article__pagenation .pagenation__item:nth-child(2) .pagenation__item__link,
.news__detail .article__content .article__pagenation .pagenation__item:nth-child(2) .pagenation__item__link {
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.beforeafter .article__content .article__pagenation .pagenation__item:nth-child(2) .pagenation__item__link:hover,
.news__detail .article__content .article__pagenation .pagenation__item:nth-child(2) .pagenation__item__link:hover {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.beforeafter .article__content .article__pagenation .pagenation__item:nth-child(3) .pagenation__item__link .arrow__btn,
.news__detail .article__content .article__pagenation .pagenation__item:nth-child(3) .pagenation__item__link .arrow__btn {
  width: 36px;
  height: 36px;
  background-color: #080808;
  border: 1px solid #080808;
  border-radius: 50px;
  margin-left: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.beforeafter .article__content .article__pagenation .pagenation__item:nth-child(3) .pagenation__item__link .arrow__btn .arrow,
.news__detail .article__content .article__pagenation .pagenation__item:nth-child(3) .pagenation__item__link .arrow__btn .arrow {
  color: #fff;
  margin-left: 13px;
  margin-bottom: 2px;
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__pagenation .pagenation__item:nth-child(3) .pagenation__item__link .arrow__btn .arrow,
  .news__detail .article__content .article__pagenation .pagenation__item:nth-child(3) .pagenation__item__link .arrow__btn .arrow {
    margin-bottom: -5px;
  }
}
.beforeafter .article__content .article__pagenation .pagenation__item:nth-child(3) .pagenation__item__link:hover .arrow__btn,
.news__detail .article__content .article__pagenation .pagenation__item:nth-child(3) .pagenation__item__link:hover .arrow__btn {
  background: #fff;
}
.beforeafter .article__content .article__pagenation .pagenation__item:nth-child(3) .pagenation__item__link:hover .arrow__btn .arrow,
.news__detail .article__content .article__pagenation .pagenation__item:nth-child(3) .pagenation__item__link:hover .arrow__btn .arrow {
  color: #080808;
}
.beforeafter .article__content .article__pagenation .pagenation__item .pagenation__item__link,
.news__detail .article__content .article__pagenation .pagenation__item .pagenation__item__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  color: #080808;
}
@media screen and (max-width: 1024px) {
  .beforeafter .article__content .article__pagenation .pagenation__item .pagenation__item__link,
  .news__detail .article__content .article__pagenation .pagenation__item .pagenation__item__link {
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .beforeafter .article__content .article__pagenation .pagenation__item .pagenation__item__link,
  .news__detail .article__content .article__pagenation .pagenation__item .pagenation__item__link {
    font-size: 12px;
  }
}

.news__detail .mv {
  margin-bottom: 350px;
}
@media screen and (max-width: 1200px) {
  .news__detail .mv {
    margin-bottom: 29vw;
  }
}
@media screen and (max-width: 768px) {
  .news__detail .mv {
    margin-bottom: 32vw;
  }
}
.news__detail .article__content {
  padding: 216px 120px 120px;
}
@media screen and (max-width: 768px) {
  .news__detail .article__content {
    padding: 8vw;
  }
}
.news__detail .article__content .article__content__inner {
  margin-top: -526px;
}
@media screen and (max-width: 1200px) {
  .news__detail .article__content .article__content__inner {
    margin-top: -44vw;
  }
}
@media screen and (max-width: 768px) {
  .news__detail .article__content .article__content__inner {
    margin-top: -34vw;
  }
}

.ufb {
  background: #fff;
}

.ufb .mv {
  background: #fff;
  padding-top: 0;
}

@media (min-width: 769px) {
  .ufb .mv {
    position: relative;
  }
}
.ufb .mv__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 769px) {
  .ufb .mv__intro {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (min-width: 769px) {
  .ufb .mv__intro-img {
    aspect-ratio: 1440/779.57;
    position: relative;
  }
}
.ufb .mv__intro-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: 32px;
}

@media (min-width: 769px) {
  .ufb .mv__intro-info {
    left: 10.4%;
    position: absolute;
    top: 22.2%;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
  }
}
@media (min-width: 1441px) {
  .ufb .mv__intro-info {
    left: 20%;
  }
}
.ufb .mv__intro-info .inner {
  margin-left: 0;
}

.ufb .mv__heading {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.75px;
  line-height: 180%;
  /* 45px */
  text-shadow: 0px 0px 7.863px rgba(255, 255, 255, 0.6);
}

@media (min-width: 769px) {
  .ufb .mv__heading {
    font-size: 48px;
    font-size: clamp(1.3888888889rem, -1.0077235772rem + 5.6097560976vw, 2.6666666667rem);
    font-weight: 500;
    letter-spacing: 1.44px;
    line-height: 150%;
    /* 72px */
    text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.6);
  }
}
.ufb .mv__description {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 180%;
  /* 25.2px */
  text-align: justify;
  text-shadow: 0px 0px 3.932px rgba(255, 255, 255, 0.6);
}

@media (min-width: 769px) {
  .ufb .mv__description {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.6);
  }
}
.ufb .mv__btn {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100vw;
  position: fixed;
  bottom: 0;
  z-index: 999;
}

@media (min-width: 769px) {
  .ufb .mv__btn {
    position: static;
    z-index: auto;
    margin-left: 1.1111111111rem;
    margin-top: clamp(1.1111111111rem, -0.972899729rem + 4.8780487805vw, 2.2222222222rem);
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
  }
}
.ufb .mv__btn a {
  color: #fff;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  gap: 42px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 1px;
  line-height: 100%;
  /* 20px */
}

@media (max-width: 374px) {
  .ufb .mv__btn a {
    font-size: 16px;
  }
}
@media (min-width: 769px) {
  .ufb .mv__btn a {
    font-size: clamp(0.8888888889rem, 0.4720867209rem + 0.9756097561vw, 1.1111111111rem);
    padding: clamp(0.7222222222rem, 0.3054200542rem + 0.9756097561vw, 0.9444444444rem) clamp(0.6111111111rem, -0.847696477rem + 3.4146341463vw, 1.3888888889rem);
  }
}
.ufb .mv__info {
  margin-top: 41px;
}

@media (min-width: 769px) {
  .ufb .mv__info {
    margin-top: -2.7777777778rem;
    position: relative;
    z-index: 1;
  }
}
.ufb .mv__info-description {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  left: 0;
  letter-spacing: 0.7px;
  line-height: 200%;
  /* 28px */
  margin-left: auto;
  padding-right: 24px;
  position: relative;
  text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.6);
  top: 0;
  width: 69%;
  z-index: 2;
}

@media (max-width: 374px) {
  .ufb .mv__info-description {
    font-size: 11px;
  }
}
@media (min-width: 769px) {
  .ufb .mv__info-description {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    height: auto;
    letter-spacing: 0.9px;
    position: absolute;
    right: 25.3%;
    top: 26%;
    translate: 50% -50%;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
  }
}
.ufb .mv__info-description span {
  color: #f08961;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.7px;
  line-height: 200%;
}

@media (max-width: 374px) {
  .ufb .mv__info-description span {
    font-size: 11px;
  }
}
@media (min-width: 769px) {
  .ufb .mv__info-description span {
    font-size: 18px;
    letter-spacing: 0.9px;
  }
}
.ufb .mv__info-img {
  aspect-ratio: 375/165;
  margin-top: -25px;
}

@media (min-width: 769px) {
  .ufb .mv__info-img {
    aspect-ratio: 1440/368;
    margin-top: 34px;
  }
}
.ufb .ufb-section {
  background-color: #fff;
  padding: 120px 0 96px;
  position: relative;
}

@media (min-width: 769px) {
  .ufb .ufb-section {
    padding-bottom: 203px;
    padding-top: 4px;
  }
}
.ufb .ufb-section .ufb-section__inner {
  padding-inline: 24px;
}

@media (min-width: 769px) {
  .ufb .ufb-section .ufb-section__inner {
    padding-inline: 24px;
  }
}
.ufb .ufb-section .section__header {
  margin-inline: auto;
  max-width: 1100px;
}

.ufb .ufb-section .section__label {
  color: #000;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.42px;
  line-height: 100%;
  /* 14px */
}

@media (min-width: 769px) {
  .ufb .ufb-section .section__label {
    font-size: clamp(0.7777777778rem, 0.6735772358rem + 0.243902439vw, 0.8333333333rem);
    letter-spacing: 0.45px;
  }
}
.ufb .ufb-section .section__label.-section-about {
  font-size: 15px;
  letter-spacing: 0.45px;
}

.ufb .ufb-section .section__title {
  color: #080808;
  display: inline-block;
  font-family: "Ubuntu", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 130%;
  margin-top: 6px;
}

@media (min-width: 769px) {
  .ufb .ufb-section .section__title {
    font-size: clamp(2.2222222222rem, -2.499104336rem + 11.0512195122vw, 4.7394444444rem);
    letter-spacing: 5.119px;
  }
}
.ufb .ufb-section .section__title span {
  display: inline-block;
  /* 分割されないようにする */
  font-size: 0.6em;
  /* サイズを小さくする */
  vertical-align: top;
  /* 上付き調整 */
}

.ufb .ufb-section .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  text-align: justify;
}

.ufb .comfortable {
  background-color: #fff;
  padding-top: 58px;
  position: relative;
}

@media screen and (max-width: 375px) {
  .ufb .comfortable {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .ufb .comfortable {
    padding: 147px 0 65px;
  }
}
@media (min-width: 1441px) {
  .ufb .comfortable {
    margin-top: 160px;
  }
}
.ufb .comfortable .comfortable__detail {
  background-color: #fffbf5;
  border-radius: 20px;
  padding: 120px 80px;
}

@media screen and (max-width: 768px) {
  .ufb .comfortable .comfortable__detail {
    margin-bottom: 0;
    padding: 24px 24px 60px;
  }
}
@media (min-width: 769px) {
  .ufb .comfortable .comfortable__detail {
    margin-inline: auto;
    margin-top: -1.6666666667rem;
    padding: clamp(1.5555555556rem, -9.072899729rem + 24.8780487805vw, 7.2222222222rem) clamp(1.3333333333rem, -4.501897019rem + 13.6585365854vw, 4.4444444444rem);
    width: min(1100px, 100%);
  }
}
@media (min-width: 1200px) {
  .ufb .comfortable .comfortable__detail {
    margin-top: -3.8888888889rem;
  }
}
.ufb .comfortable .comfortable__detail .comfortable__detail-heading {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 180%;
  /* 36px */
}

@media (min-width: 769px) {
  .ufb .comfortable .comfortable__detail .comfortable__detail-heading {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    letter-spacing: 0.96px;
  }
}
.ufb .comfortable .comfortable__detail .comfortable__detail-heading img {
  margin: 0 auto 24px;
  width: auto;
}

.ufb .comfortable .comfortable__detail .comfortable__detail-text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  margin-top: 17px;
  text-align: justify;
}

@media (min-width: 769px) {
  .ufb .comfortable .comfortable__detail .comfortable__detail-text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    margin-top: 35px;
  }
}
@media (min-width: 769px) {
  .ufb .comfortable .comfortable__detail .comfortable__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 104px;
    margin-top: 84px;
  }
}
.ufb .comfortable .comfortable__detail .comfortable-detail-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 769px) {
  .ufb .comfortable .comfortable__detail .comfortable-detail-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 36px;
  }
}
@media (min-width: 769px) {
  .ufb .comfortable .comfortable__detail .comfortable-detail-content.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.ufb .comfortable .comfortable__detail .comfortable-detail-content.reverse .img__wrap {
  margin-left: 24px;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (max-width: 900px) {
  .ufb .comfortable .comfortable__detail .comfortable-detail-content.reverse .img__wrap {
    margin-left: 0;
  }
}
.ufb .comfortable .comfortable__detail .comfortable-detail-content:not(:last-child) {
  margin-bottom: -9px;
}

.ufb .comfortable .comfortable__detail .comfortable-detail-content .img__wrap {
  aspect-ratio: 279/186;
  border-radius: 10px;
  border-radius: 10px;
  margin-top: 40px;
  overflow: hidden;
}

@media screen and (max-width: 374px) {
  .ufb .comfortable .comfortable__detail .comfortable-detail-content .img__wrap {
    max-width: 100%;
  }
}
@media (min-width: 769px) {
  .ufb .comfortable .comfortable__detail .comfortable-detail-content .img__wrap {
    height: 100%;
    max-width: 480px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .ufb .comfortable .comfortable__detail .comfortable-detail-content .img__wrap {
    aspect-ratio: 480/320;
    height: 320px;
    margin-top: 0;
    min-width: 45%;
    width: 480px;
  }
}
.ufb .comfortable .comfortable__detail .comfortable-detail-content .img__wrap.-wrap-patent {
  background: #fff;
  max-width: 100%;
}

.ufb .comfortable .comfortable__detail .comfortable-detail-content .img__wrap img {
  -o-object-fit: cover;
  aspect-ratio: 480/270;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

@media (min-width: 1200px) {
  .ufb .comfortable .comfortable__detail .comfortable-detail-content .img__wrap img {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 36px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.ufb .comfortable .comfortable__detail .comfortable-detail-content .text__wrap {
  max-width: 400px;
}

@media screen and (max-width: 900px) {
  .ufb .comfortable .comfortable__detail .comfortable-detail-content .text__wrap {
    font-size: 14px;
    margin-top: 24px;
    max-width: none;
  }
}
.ufb .comfortable .comfortable__detail .comfortable-detail-content .text__wrap .title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #080808;
  color: #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: 0.84px;
  letter-spacing: 0.54px;
  line-height: 150%;
  /* 27px */
  margin-bottom: 32px;
  padding-bottom: 26px;
}

@media screen and (max-width: 900px) {
  .ufb .comfortable .comfortable__detail .comfortable-detail-content .text__wrap .title {
    font-size: 18px;
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 374px) {
  .ufb .comfortable .comfortable__detail .comfortable-detail-content .text__wrap .title {
    font-size: 16px;
  }
}
@media (min-width: 769px) {
  .ufb .comfortable .comfortable__detail .comfortable-detail-content .text__wrap .title {
    font-size: clamp(1rem, 0.374796748rem + 1.4634146341vw, 1.3333333333rem);
    letter-spacing: 0.72px;
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}
.ufb .comfortable .comfortable__detail .comfortable-detail-content .text__wrap .title span {
  color: #ef8963;
  font-family: "Ubuntu", sans-serif;
  font-size: 60px;
  text-align: right;
}

@media screen and (max-width: 900px) {
  .ufb .comfortable .comfortable__detail .comfortable-detail-content .text__wrap .title span {
    font-size: 40px;
    margin-bottom: 12px;
  }
}
.ufb .comfortable .comfortable__detail .comfortable-detail-content .text__wrap .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  text-align: justify;
}

@media (min-width: 769px) {
  .ufb .comfortable .comfortable__detail .comfortable-detail-content .text__wrap .text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
  }
}
.ufb .comfortable .comfortable__detail__sub-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 100px;
}

@media screen and (max-width: 900px) {
  .ufb .comfortable .comfortable__detail__sub-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 80px;
  }
}
.ufb .comfortable .comfortable__detail__sub-item .link__wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f8f2e9;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 32px;
  width: 47.5%;
}

@media screen and (max-width: 900px) {
  .ufb .comfortable .comfortable__detail__sub-item .link__wrap {
    padding: 10px 16px;
    width: 100%;
  }
  .ufb .comfortable .comfortable__detail__sub-item .link__wrap:nth-child(1) {
    margin-bottom: 16px;
  }
}
.ufb .comfortable .comfortable__detail__sub-item .link__wrap .img__wrap {
  margin-right: 24px;
}

@media screen and (max-width: 900px) {
  .ufb .comfortable .comfortable__detail__sub-item .link__wrap .img__wrap {
    margin-right: 16px;
    min-width: 90px;
  }
}
.ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap {
  line-height: 180%;
}

@media screen and (max-width: 1024px) {
  .ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap {
    font-size: 15px;
  }
}
@media screen and (max-width: 900px) {
  .ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap {
    font-size: 12px;
    white-space: nowrap;
  }
}
.ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2b2b2b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1024px) {
  .ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap a {
    font-size: 15px;
  }
}
@media screen and (max-width: 900px) {
  .ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap a {
    font-size: 12px;
  }
}
.ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap a .arrow {
  margin-left: 20px;
}

@media screen and (max-width: 900px) {
  .ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap a .arrow {
    margin-left: 12px;
  }
}
.ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap a:hover {
  opacity: 0.7;
}

.ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap .link__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap .link__box a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.05em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1024px) {
  .ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap .link__box a {
    font-size: 12px;
  }
}
.ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap .link__box a:nth-child(1) {
  margin-right: 50px;
}

@media screen and (max-width: 1024px) {
  .ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap .link__box a:nth-child(1) {
    margin-right: 22px;
  }
}
.ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap .link__box a:hover {
  opacity: 0.7;
}

.ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap .link__box a .arrow {
  margin-left: 24px;
}

@media screen and (max-width: 1024px) {
  .ufb .comfortable .comfortable__detail__sub-item .link__wrap .text__wrap .link__box a .arrow {
    margin-left: 6px;
  }
}
.ufb .about {
  padding-top: 27px;
  width: 100%;
}

@media (min-width: 769px) {
  .ufb .about {
    padding-top: clamp(6.6666666667rem, 5.2078590786rem + 3.4146341463vw, 7.4444444444rem);
  }
}
@media (min-width: 769px) {
  .ufb .about .text {
    -webkit-font-feature-settings: "halt" on;
            font-feature-settings: "halt" on;
    color: #080808;
    font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.54px;
    line-height: 200%;
    /* 36px */
    margin-top: 20px;
    text-align: justify;
  }
}
@media (min-width: 769px) {
  .ufb .about .about__contents {
    margin-inline: auto;
    padding-inline: 40px;
    width: min(1180px, 100%);
  }
}
.ufb .about .about__contents-head {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #080808;
  color: #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  font-weight: 500;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: 0.84px;
  letter-spacing: 0.6px;
  line-height: 180%;
  /* 36px */
  margin-block: 42px 23px;
  max-width: 400px;
  padding-bottom: 15px;
}

@media screen and (max-width: 374px) {
  .ufb .about .about__contents-head {
    font-size: 18px;
  }
}
@media (min-width: 769px) {
  .ufb .about .about__contents-head {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    letter-spacing: 0.96px;
    margin-top: 76px;
    max-width: 100%;
  }
}
.ufb .about .about__effect-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 36px;
}

@media (min-width: 769px) {
  .ufb .about .about__effect-contents {
    gap: 66px;
    margin-top: 78px;
  }
}
.ufb .about .about-effect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

@media (min-width: 769px) {
  .ufb .about .about-effect {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(1.3333333333rem, -2.3136856369rem + 8.5365853659vw, 3.2777777778rem);
  }
}
.ufb .about .about-effect__img {
  aspect-ratio: 327/218;
  border-radius: 10px;
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .ufb .about .about-effect__img {
    overflow: hidden;
  }
}
@media (min-width: 769px) {
  .ufb .about .about-effect__img {
    aspect-ratio: 537/404;
    height: clamp(12.1111111111rem, -7.2701897019rem + 45.3658536585vw, 22.4444444444rem);
    width: clamp(18.1666666667rem, -3.7154471545rem + 51.2195121951vw, 29.8333333333rem);
  }
}
@media (min-width: 769px) {
  .ufb .about .about-effect__img img {
    border-radius: 10px;
    height: 100%;
  }
}
@media (min-width: 769px) {
  .ufb .about .about-effect__textWrap {
    max-width: 503px;
  }
}
.ufb .about .about-effect__title {
  color: #ef8963;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 100%;
  /* 20px */
}

@media (min-width: 769px) {
  .ufb .about .about-effect__title {
    font-size: clamp(1.1111111111rem, 0.2775067751rem + 1.9512195122vw, 1.5555555556rem);
    letter-spacing: 0.84px;
  }
}
.ufb .about .about-effect__description {
  margin-top: 16px;
}

.ufb .about .about-effect__description:not(:first-of-type) {
  margin-top: 9px;
}

@media (min-width: 769px) {
  .ufb .about .about-effect__description:not(:first-of-type) {
    margin-top: 16px;
  }
}
.ufb .about .about-effect__subTitle {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  margin: 0;
  text-align: justify;
}

@media (min-width: 769px) {
  .ufb .about .about-effect__subTitle {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
  }
}
.ufb .about .about-effect__text {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 200%;
}

@media (min-width: 769px) {
  .ufb .about .about-effect__text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
  }
}
.ufb .dual svg {
  height: auto;
  margin-bottom: -2px;
  width: 100vw;
}

.ufb .dual .-dual-bg {
  background: #fff;
}

@media (min-width: 769px) {
  .ufb .dual .-dual-inner {
    margin-block: -2px;
    max-width: 100%;
    padding-inline: 12%;
  }
}
.ufb .dual .section__header {
  background: #ef8963;
  padding-top: 53px;
}

@media (min-width: 769px) {
  .ufb .dual .section__header {
    padding-top: clamp(2.9444444444rem, -2.3697831978rem + 12.4390243902vw, 5.7777777778rem);
  }
}
.ufb .dual .section__label {
  color: #fff;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.72px;
  line-height: 180%;
  /* 43.2px */
}

@media (min-width: 769px) {
  .ufb .dual .section__label {
    font-size: 48px;
    letter-spacing: 1.44px;
  }
}
.ufb .dual .section__title {
  color: #fff;
  display: inline-block;
  font-family: "Ubuntu", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 130%;
  margin-top: 1px;
}

@media (min-width: 769px) {
  .ufb .dual .section__title {
    font-size: clamp(2.2222222222rem, -2.499104336rem + 11.0512195122vw, 4.7394444444rem);
    letter-spacing: 5.119px;
    line-height: 100%;
    /* 85.31px */
  }
}
.ufb .dual .section__title span {
  display: inline-block;
  /* 分割されないようにする */
  font-size: 0.6em;
  /* サイズを小さくする */
  vertical-align: top;
  /* 上付き調整 */
}

.ufb .dual .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  background: #ef8963;
  color: #fff;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  text-align: justify;
}

@media (min-width: 769px) {
  .ufb .dual .text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    padding-top: 24px;
  }
}
.ufb .dual__contents {
  background: #ef8963;
  padding-block: 40px 45px;
}

@media (min-width: 769px) {
  .ufb .dual__contents {
    max-width: 100%;
    padding-top: clamp(2.2222222222rem, 1.8054200542rem + 0.9756097561vw, 2.4444444444rem);
  }
}
.ufb .dual__contents-head {
  position: relative;
}

.ufb .dual__contents-head__textArea {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #fff;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-bottom: 100px;
  margin-inline: auto;
  padding: 16px;
  width: clamp(21.6rem, 15.6624681934rem + 23.7501272265vw, 27.8225333333rem);
}

@media (min-width: 769px) {
  .ufb .dual__contents-head__textArea {
    border-radius: 8.676px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    gap: 23px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: auto;
    margin-right: -20px;
    margin-top: 30px;
    max-height: 236px;
    padding: clamp(0.8888888889rem, -1.0596612466rem + 4.5609756098vw, 1.9277777778rem) clamp(0.8888888889rem, -0.2573170732rem + 2.6829268293vw, 1.5rem);
    padding-inline: 25px;
    position: relative;
    width: clamp(18.5743333333rem, 9.9256883469rem + 20.243902439vw, 23.1854444444rem);
    z-index: 2;
  }
}
@media (min-width: 1441px) {
  .ufb .dual__contents-head__textArea {
    margin-inline: auto;
    margin-left: 55%;
  }
}
.ufb .dual__contents-head__textTitle {
  color: #ef8963;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.48px;
  line-height: 100%;
  /* 16px */
}

@media (min-width: 769px) {
  .ufb .dual__contents-head__textTitle {
    font-size: clamp(0.8888888889rem, -0.6986063686rem + 3.7158536585vw, 1.7352777778rem);
    letter-spacing: 0.937px;
    text-align: justify;
  }
}
.ufb .dual__contents-head__text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.36px;
  line-height: 200%;
  /* 24px */
  text-align: justify;
}

@media (min-width: 769px) {
  .ufb .dual__contents-head__text {
    font-size: clamp(0.6666666667rem, 0.2896691057rem + 0.8824390244vw, 0.8676666667rem);
    letter-spacing: 0.469px;
  }
}
.ufb .dual__contents-head__img {
  height: 244.992px;
  left: 0;
  position: absolute;
  top: 96%;
  width: 327px;
}

@media screen and (max-width: 768px) {
  .ufb .dual__contents-head__img {
    left: clamp(0rem, -13.2315521628rem + 52.9262086514vw, 13.8666666667rem);
  }
}
@media (min-width: 769px) {
  .ufb .dual__contents-head__img {
    aspect-ratio: 1021/765;
    height: clamp(13.6106666667rem, -28.607565762rem + 108.5611691023vw, 42.5rem);
    left: 11%;
    top: 80px;
    width: clamp(18.1666666667rem, -38.1775690095rem + 144.885177453vw, 56.7222222222rem);
  }
}
@media (min-width: 1440px) {
  .ufb .dual__contents-head__img {
    top: -13px;
  }
}
@media (min-width: 1441px) {
  .ufb .dual__contents-head__img {
    left: clamp(8.3333333333rem, -21.3603082852rem + 38.1502890173vw, 19.3333333333rem);
    top: -13px;
  }
}
@media (min-width: 1920px) {
  .ufb .dual__contents-head__img {
    left: clamp(19.3333333333rem, -41.2258064516rem + 56.7741935484vw, 38.8888888889rem);
  }
}
.ufb .dual__contents-head__img img {
  aspect-ratio: 327/244.992;
}

.ufb .dual__contents-body {
  background: #fff;
  border-radius: 10px;
  margin-inline: auto;
  margin-top: 234px;
  padding-block: 24px 40.414px;
  position: relative;
  width: clamp(21.6rem, 15.6624681934rem + 23.7501272265vw, 27.8225333333rem);
  z-index: 2;
}

@media screen and (max-width: 374px) {
  .ufb .dual__contents-body {
    margin-top: 195px;
  }
}
@media (min-width: 769px) {
  .ufb .dual__contents-body {
    margin-inline: auto;
    margin-top: clamp(12.2222222222rem, -18.9337398374rem + 72.9268292683vw, 28.8333333333rem);
    padding: 31px 56px 90px 53px;
    padding-inline: 40px;
    width: min(1096px, 100%);
  }
}
.ufb .dual__contents-bodyTitle {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 150%;
  /* 30px */
  padding-top: 16px;
}

@media (min-width: 769px) {
  .ufb .dual__contents-bodyTitle {
    font-size: clamp(1.1111111111rem, 0.2775067751rem + 1.9512195122vw, 1.5555555556rem);
    letter-spacing: 0.84px;
    line-height: 100%;
    /* 28px */
    padding-top: 22px;
    text-align: center;
  }
}
.ufb .dual__contents-bodyTitle span {
  color: #ef8963;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: 150%;
}

@media (min-width: 769px) {
  .ufb .dual__contents-bodyTitle span {
    font-size: 28px;
    letter-spacing: 0.84px;
    line-height: 100%;
  }
}
.ufb .dual__contents-imgs {
  display: -ms-grid;
  display: grid;
  gap: 23px 18px;
  -ms-grid-columns: 1fr 18px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 1fr 23px 1fr;
  grid-template-rows: repeat(2, 1fr);
  margin-top: 38.7px;
  padding-inline: 24px;
}
.ufb .dual__contents-imgs > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.ufb .dual__contents-imgs > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.ufb .dual__contents-imgs > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.ufb .dual__contents-imgs > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

@media (min-width: 769px) {
  .ufb .dual__contents-imgs {
    display: -ms-grid;
    display: grid;
    gap: clamp(2.1666666667rem, -0.9593495935rem + 7.3170731707vw, 3.8333333333rem) 1.1111111111rem;
    grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
    grid-template-rows: repeat(auto-fit, minmax(176px, 1fr));
    place-items: center;
  }
}
@media (min-width: 1128px) {
  .ufb .dual__contents-imgs {
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
            column-gap: 0;
  }
}
.ufb .dual__contents-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 10px;
}

@media (min-width: 769px) {
  .ufb .dual__contents-img {
    aspect-ratio: 175/140;
    gap: clamp(0.5555555556rem, 0.0345528455rem + 1.2195121951vw, 0.8333333333rem);
    height: 140px;
    width: 175px;
  }
}
.ufb .dual__contents-img img {
  aspect-ratio: 131/86.772;
  border-radius: 8.676px;
}

@media (min-width: 769px) {
  .ufb .dual__contents-img img {
    aspect-ratio: 175/140;
    height: 140px;
    width: 175px;
  }
}
.ufb .dual__contents-img figcaption {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.42px;
  line-height: 100%;
  /* 14px */
  text-align: center;
}

@media (min-width: 769px) {
  .ufb .dual__contents-img figcaption {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
  }
}
.ufb .movie {
  background: #ef8963;
  padding-bottom: 41px;
}

@media (min-width: 769px) {
  .ufb .movie {
    padding-block: 93px clamp(2.2777777778rem, -12.518699187rem + 34.6341463415vw, 10.1666666667rem);
  }
}
.ufb .movie .section__header {
  background: #ef8963;
  padding-top: 57px;
}

.ufb .movie .section__label {
  color: #fff;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.45px;
  line-height: 180%;
  /* 27px */
}

@media (min-width: 769px) {
  .ufb .movie .section__label {
    line-height: 100%;
    /* 15px */
  }
}
.ufb .movie .section__title {
  color: #fff;
  display: inline-block;
  font-family: "Ubuntu", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 1;
  margin-top: 9px;
}

@media (min-width: 769px) {
  .ufb .movie .section__title {
    font-size: 85.31px;
    font-size: clamp(2.2222222222rem, -2.499104336rem + 11.0512195122vw, 4.7394444444rem);
    letter-spacing: 5.119px;
    line-height: 130%;
    /* 110.903px */
  }
}
.ufb .movie .section__title span {
  display: inline-block;
  /* 分割されないようにする */
  font-size: 0.6em;
  /* サイズを小さくする */
  vertical-align: top;
  /* 上付き調整 */
}

.ufb .movie .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  background: #ef8963;
  color: #fff;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  text-align: justify;
}

.ufb .movie__introduction {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 27px;
}

@media screen and (max-width: 768px) {
  .ufb .movie__introduction {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 769px) {
  .ufb .movie__introduction {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 62px;
  }
}
.ufb .movie__introduction-title {
  color: #fff;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.54px;
  line-height: 180%;
  /* 32.4px */
}

@media (min-width: 769px) {
  .ufb .movie__introduction-title {
    font-size: clamp(1rem, -0.4588075881rem + 3.4146341463vw, 1.7777777778rem);
    letter-spacing: 0.96px;
  }
}
.ufb .movie__introduction-movie {
  width: 100%;
}

.ufb .movie__introduction-movie iframe {
  aspect-ratio: 327/183.715;
  height: auto;
  width: 100%;
}

@media (min-width: 769px) {
  .ufb .movie__introduction-movie iframe {
    aspect-ratio: 1100/618;
  }
}
.ufb .merits {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #fffbf5;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 33px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-block: 100px 50px;
}

@media screen and (max-width: 768px) {
  .ufb .merits {
    padding-bottom: 42px;
  }
}
@media (min-width: 769px) {
  .ufb .merits {
    padding-top: clamp(5.5555555556rem, -4.864498645rem + 24.3902439024vw, 11.1111111111rem);
  }
}
.ufb .merits .merits__details {
  background-color: #fffbf5;
  border-radius: 20px;
  border-radius: 1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 48px;
  margin-top: 33px;
}

@media (min-width: 769px) {
  .ufb .merits .merits__details {
    display: -ms-grid;
    display: grid;
    gap: 84px 27px;
    grid-template-columns: repeat(auto-fit, minmax(346px, 1fr));
    grid-template-rows: repeat(auto-fit, minmax(346px, 1fr));
    margin-inline: auto;
    padding-block: 25px 54px;
    width: min(1100px, 100%);
  }
}
.ufb .merits .merits__details .merits__details__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 900px) {
  .ufb .merits .merits__details .merits__details__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 769px) {
  .ufb .merits .merits__details .merits__details__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.ufb .merits .merits__details .merits__details__item:not(:last-child) {
  margin-bottom: -9px;
}

.ufb .merits .merits__details .merits__details__item .img__wrap {
  aspect-ratio: 327/218;
  border-radius: 8.676px;
  max-width: 480px;
  overflow: hidden;
}

@media screen and (max-width: 374px) {
  .ufb .merits .merits__details .merits__details__item .img__wrap {
    max-width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .ufb .merits .merits__details .merits__details__item .img__wrap {
    margin-right: 0;
    max-width: none;
  }
}
@media (min-width: 769px) {
  .ufb .merits .merits__details .merits__details__item .img__wrap {
    aspect-ratio: 344/231;
  }
}
.ufb .merits .merits__details .merits__details__item .img__wrap img {
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
}

@media screen and (max-width: 900px) {
  .ufb .merits .merits__details .merits__details__item .text__wrap {
    font-size: 14px;
    margin-top: 31px;
    max-width: none;
  }
}
.ufb .merits .merits__details .merits__details__item .text__wrap .title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #080808;
  color: #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 18px;
  font-weight: 500;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: 0.84px;
  letter-spacing: 0.54px;
  line-height: 100%;
  /* 18px */
  margin-bottom: 32px;
  padding-bottom: 26px;
}

@media screen and (max-width: 900px) {
  .ufb .merits .merits__details .merits__details__item .text__wrap .title {
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
}
@media (min-width: 769px) {
  .ufb .merits .merits__details .merits__details__item .text__wrap .title {
    font-size: clamp(1rem, 0.791598916rem + 0.487804878vw, 1.1111111111rem);
    letter-spacing: 0.6px;
    margin-bottom: 1.2222222222rem;
    padding-bottom: 0.3888888889rem;
  }
}
.ufb .merits .merits__details .merits__details__item .text__wrap .title.-lh-150 {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.54px;
  line-height: 150%;
  /* 27px */
}

@media (min-width: 769px) {
  .ufb .merits .merits__details .merits__details__item .text__wrap .title.-lh-150 {
    padding-bottom: 0.0555555556rem;
  }
}
.ufb .merits .merits__details .merits__details__item .text__wrap .title span {
  color: #ef8963;
  font-family: "Ubuntu", sans-serif;
  font-size: 60px;
  text-align: right;
}

@media screen and (max-width: 900px) {
  .ufb .merits .merits__details .merits__details__item .text__wrap .title span {
    font-size: 40px;
    margin-bottom: 12px;
  }
}
@media (min-width: 769px) {
  .ufb .merits .merits__details .merits__details__item .text__wrap .title span {
    font-family: "Ubuntu", sans-serif;
    font-size: 48px;
    font-weight: 500;
    letter-spacing: 1.92px;
    line-height: 100%;
    /* 48px */
  }
}
.ufb .merits .merits__details .merits__details__item .text__wrap .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.65px;
  line-height: 200%;
  /* 28px */
  text-align: justify;
}

@media (min-width: 769px) {
  .ufb .merits .merits__details .merits__details__item .text__wrap .text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.36px;
    width: 346px;
  }
}
.ufb .merits .merits__details .merits__details__item .text__wrap .text em {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.28px;
  line-height: 200%;
}

@media (min-width: 769px) {
  .ufb .merits .merits__details .merits__details__item .text__wrap .text em {
    font-size: 18px;
    letter-spacing: 0.36px;
  }
}
.ufb .differences {
  background: #fffbf5;
}

@media screen and (max-width: 768px) {
  .ufb .differences.ufb-section {
    padding-top: 0;
  }
}
@media (min-width: 769px) {
  .ufb .differences.ufb-section {
    padding-bottom: 82px;
  }
}
.ufb .differences .section__header {
  padding-top: 60px;
}

@media (min-width: 769px) {
  .ufb .differences .section__header {
    padding-top: 94px;
  }
}
.ufb .differences .section__label {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  color: #000;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.45px;
  line-height: 100%;
  /* 15px */
}

.ufb .differences .section__title {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  color: #080808;
  font-family: "Ubuntu", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 130%;
  /* 52px */
  margin-top: 6px;
}

@media (min-width: 769px) {
  .ufb .differences .section__title {
    font-size: 85.31px;
    font-size: clamp(2.2222222222rem, -2.499104336rem + 11.0512195122vw, 4.7394444444rem);
    letter-spacing: 5.119px;
  }
}
.ufb .differences .section__title span {
  display: inline-block;
  /* 分割されないようにする */
  font-size: 0.6em;
  /* サイズを小さくする */
  vertical-align: top;
  /* 上付き調整 */
}

.ufb .differences .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  margin-top: 16px;
  text-align: justify;
}

@media screen and (max-width: 768px) {
  .ufb .differences .text {
    margin-top: 4px;
  }
}
@media (min-width: 769px) {
  .ufb .differences .text {
    font-size: 18px;
    letter-spacing: 0.54px;
    margin-top: clamp(0.8888888889rem, 0.1594850949rem + 1.7073170732vw, 1.2777777778rem);
  }
}
.ufb .differences__contents {
  margin-top: 40px;
  max-width: 100%;
  overflow-x: auto;
  padding: 0;
  overflow-scrolling: touch;
}

@media (min-width: 769px) {
  .ufb .differences__contents {
    margin-inline: auto;
    margin-top: clamp(2.2222222222rem, -1.737398374rem + 9.2682926829vw, 4.3333333333rem);
    width: min(1140px, 100%);
  }
}
.ufb .differences__contents .differences__table {
  border-spacing: 0;
  table-layout: fixed;
}

.ufb .differences__contents .differences__table .empty-bg {
  background: #fffbf5;
}

.ufb .differences__contents .differences__table .differences__thead {
  background: #f8f2e9;
  white-space: nowrap;
}

.ufb .differences__contents .differences__table .differences__thead .differences__table-head {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  border-right: 8px solid #fffbf5;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 12.594px;
  font-style: normal;
  font-weight: 400;
  height: 53.874px;
  letter-spacing: 0.378px;
  line-height: 150%;
  /* 18.891px */
  padding-block: 10px;
  padding-inline: 16px;
  text-align: center;
}

@media (min-width: 769px) {
  .ufb .differences__contents .differences__table .differences__thead .differences__table-head {
    font-size: 18px;
    letter-spacing: 0.54px;
    padding-block: 10px;
  }
}
.ufb .differences__contents .differences__table .differences__thead .differences__table-head:first-of-type {
  background: #fffbf5;
  border-right: none;
  position: sticky;
  left: 0;
}

@media (min-width: 769px) {
  .ufb .differences__contents .differences__table .differences__thead .differences__table-head:nth-of-type(2) {
    border-left: 20px solid #fffbf5;
  }
}
.ufb .differences__contents .differences__table .differences__thead .differences__table-head:last-of-type {
  border-right: none;
}

.ufb .differences__contents .differences__table .differences__thead .differences__table-head:last-child {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  background: #ef8963;
  color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.66px;
  line-height: 130%;
  /* 28.6px */
  padding-inline: 10px;
  text-align: center;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

.ufb .differences__contents .differences__table .differences__tbody .-block-space .differences__table-data {
  padding-block: 14px 7px !important;
}

@media (min-width: 769px) {
  .ufb .differences__contents .differences__table .differences__tbody .-block-space .differences__table-data {
    padding-block: 16px !important;
  }
}
.ufb .differences__contents .differences__table .differences__tbody .differences__table-row:nth-of-type(2) .differences__table-data:nth-of-type(n + 2) {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 9.795px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.294px;
  line-height: 140%;
  /* 13.713px */
  text-align: center;
}

@media (min-width: 769px) {
  .ufb .differences__contents .differences__table .differences__tbody .differences__table-row:nth-of-type(2) .differences__table-data:nth-of-type(n + 2) {
    font-size: 14px;
    letter-spacing: 0.42px;
  }
}
.ufb .differences__contents .differences__table .differences__tbody .differences__table-row:last-of-type .differences__table-data {
  border-bottom: 1.05px solid #bbb;
}

.ufb .differences__contents .differences__table .differences__tbody .differences__table-row:last-of-type .differences__table-data:first-of-type {
  border-inline: 5px solid transparent;
}

.ufb .differences__contents .differences__table .differences__tbody .differences__table-row:last-of-type .differences__table-data:last-of-type {
  background-color: #fff;
  border-bottom: 5px solid #ef8963;
}

.ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  border-bottom: 0.55px solid #bbb;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 12.594px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1.259px;
  line-height: 150%;
  /* 18.891px */
  text-align: center;
  white-space: nowrap;
}

@media (min-width: 769px) {
  .ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data {
    font-size: clamp(0.6996666667rem, 0.1363585366rem + 1.3185365854vw, 1rem);
    letter-spacing: -1.8px;
    padding-block: 10px;
    padding-inline: 4px 0;
  }
}
.ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-bottom-dot {
  position: sticky;
  left: 72px;
}
@media screen and (max-width: 768px) {
  .ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-bottom-dot {
    left: 65.19px;
  }
}

.ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-bottom-dot::after {
  border-bottom: 1px dotted #fff;
  bottom: 0;
  content: "";
  height: 10px;
  position: absolute;
  right: 7px;
  width: 77%;
  z-index: 100;
}

.ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data:first-of-type,
.ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-bg-change {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  background: #a1a1a1;
  border-bottom: none;
  color: #fff;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 12.594px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.378px;
  line-height: 200%;
  /* 25.188px */
  padding-block: 8px 9px;
  padding-inline: 20px 18px;
  width: 70.666465px;
}

@media (min-width: 769px) {
  .ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data:first-of-type,
  .ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-bg-change {
    font-size: clamp(0.6996666667rem, 0.1363585366rem + 1.3185365854vw, 1rem);
    letter-spacing: 0.54px;
    line-height: 150%;
    /* 27px */
    padding-block: 19px 10px;
    padding-inline: 1.5555555556rem;
  }
}
.ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data:last-of-type {
  background-color: #fff;
  border-inline: 5px solid #ef8963;
}

.ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-bottom-solid {
  position: sticky;
  left: 0;
  padding-inline: 21px 18.66666666px;
}

.ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-bottom-solid::after {
  border-bottom: 0.55px solid #fff;
  bottom: 0;
  content: "";
  height: 0.05px;
  left: 5px;
  position: absolute;
  width: 93%;
  z-index: 100;
}

.ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-scene {
  position: sticky;
  left: 0;
  z-index: 50;
}

@media (min-width: 769px) {
  .ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-scene {
    padding-inline: 1.3333333333rem;
  }
}
.ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-scene::after {
  border-right: 1.05px dotted #fff;
  bottom: 2%;
  content: "";
  height: 93%;
  left: 100%;
  position: absolute;
  width: 2px;
  z-index: 100;
}

@media (min-width: 769px) {
  .ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-scene::after {
    height: 95%;
    right: 0;
  }
}
.ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-scene span {
  -webkit-writing-mode: vertical-rl;
  /* Safari 向け */
  -webkit-text-orientation: upright;
  letter-spacing: 5px;
  text-orientation: upright;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
}

@media screen and (max-width: 768px) {
  .ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-scene span {
    margin-top: 23px;
  }
}
@media (min-width: 769px) {
  .ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data.-scene span {
    letter-spacing: 8px;
    margin-top: -15px;
  }
}
.ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 22.389px;
  width: 22.389px;
}

@media (min-width: 769px) {
  .ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data svg {
    height: 32px;
    width: 32px;
  }
}
.ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data strong {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 22.389px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -6px;
  line-height: 150%;
  padding-inline: 2px 6px;
}

@media (min-width: 769px) {
  .ufb .differences__contents .differences__table .differences__tbody .differences__table-row .differences__table-data strong {
    font-size: 32px;
    letter-spacing: -10px !important;
  }
}
.ufb .differences__cost {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 2px solid #ef8963;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 19px;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-inline: auto;
  margin-top: 42px;
  max-width: 100%;
  padding-block: 24px;
  text-align: center;
  width: 327px;
}

@media (min-width: 769px) {
  .ufb .differences__cost {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(0.8333333333rem, -2.8136856369rem + 8.5365853659vw, 2.7777777778rem);
    margin-inline: auto;
    margin-top: clamp(2.3333333333rem, 1.6039295393rem + 1.7073170732vw, 2.7222222222rem);
    padding-block: 9px;
    padding-inline: 20px;
    text-align: left;
    width: min(1100px, 100%);
  }
}
.ufb .differences__cost-think {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #ef8963;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.6px;
  line-height: 150%;
  /* 30px */
}

@media (min-width: 769px) {
  .ufb .differences__cost-think {
    font-size: 28px;
    letter-spacing: 0.84px;
  }
}
.ufb .differences__cost-think strong {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #ef8963;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: 150%;
  z-index: 1;
}

@media (min-width: 769px) {
  .ufb .differences__cost-think strong {
    font-size: 28px;
    letter-spacing: 0.84px;
  }
}
.ufb .differences__cost-answer {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #ef8963;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 22.5px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.675px;
  line-height: 105%;
  /* 23.625px */
  text-align: center;
  white-space: nowrap;
}

@media (min-width: 769px) {
  .ufb .differences__cost-answer {
    font-size: clamp(1.25rem, -0.1567073171rem + 3.2926829268vw, 2rem);
    letter-spacing: 1.08px;
    line-height: 150%;
    /* 54px */
  }
}
.ufb .differences__cost-answer strong {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #ef8963;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1.35px;
  line-height: 105%;
}

@media (min-width: 769px) {
  .ufb .differences__cost-answer strong {
    font-size: clamp(2.5rem, -0.3134146341rem + 6.5853658537vw, 4rem);
    letter-spacing: 2.16px;
    line-height: 150%;
  }
}
.ufb .voice {
  background-color: #fffbf5;
  padding: 11px 0 96px;
  position: relative;
}

@media (min-width: 769px) {
  .ufb .voice {
    padding-block: 6.6666666667rem 10.9444444444rem;
  }
}
.ufb .voice .section__label {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  color: #000;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.42px;
  line-height: 100%;
  /* 14px */
}

@media (min-width: 769px) {
  .ufb .voice .section__label {
    font-size: 15px;
    letter-spacing: 0.45px;
  }
}
.ufb .voice .section__title {
  color: #080808;
  font-family: "Ubuntu", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 130%;
  /* 52px */
  margin-top: 6px;
}

@media (min-width: 769px) {
  .ufb .voice .section__title {
    font-size: clamp(2.2222222222rem, -2.499104336rem + 11.0512195122vw, 4.7394444444rem);
    letter-spacing: 5.119px;
  }
}
.ufb .voice .section__title span {
  display: inline-block;
  /* 分割されないようにする */
  font-size: 0.6em;
  /* サイズを小さくする */
  vertical-align: top;
  /* 上付き調整 */
}

.ufb .voice .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  text-align: justify;
}

.ufb .voice .voice__introductions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-inline: auto;
  margin-top: -30px;
  padding: 60px 24px 60.178px 25px;
}

@media screen and (max-width: 374px) {
  .ufb .voice .voice__introductions {
    left: 0;
  }
}
@media (min-width: 769px) {
  .ufb .voice .voice__introductions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: (1fr)[2];
    grid-template-rows: repeat(2, 1fr);
    margin-inline: auto;
    margin-top: -3.5rem;
    padding: clamp(3.3333333333rem, -2.710298103rem + 14.1463414634vw, 6.5555555556rem) clamp(1.3333333333rem, -3.0430894309rem + 10.243902439vw, 3.6666666667rem);
    padding-inline: 20px;
    padding-inline: 4.3888888889rem;
    place-items: center;
    width: min(1100px, 100%);
  }
  .ufb .voice .voice__introductions > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .ufb .voice .voice__introductions > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .ufb .voice .voice__introductions > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .ufb .voice .voice__introductions > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
.ufb .voice__introduction-voice {
  width: 100%;
}

.ufb .voice__introduction-voice iframe {
  aspect-ratio: 278/156.646;
  height: auto;
  vertical-align: middle;
  width: 100%;
}

@media (min-width: 769px) {
  .ufb .voice__introduction-voice iframe {
    aspect-ratio: 449/253;
  }
}
.ufb .top-contact {
  -webkit-mask-image: url(../images/mask.svg);
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
  background-image: url(../images/contact_bg.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  mask-image: url(../images/mask.svg);
  mask-position: bottom;
  mask-repeat: no-repeat;
  mask-size: cover;
  padding: 200px 0;
  position: relative;
}

@media screen and (max-width: 1280px) {
  .ufb .top-contact {
    padding: 200px 0 153px;
  }
}
@media screen and (max-width: 768px) {
  .ufb .top-contact {
    padding: 64px 0 51.18vw;
  }
}
@media screen and (max-width: 390px) {
  .ufb .top-contact {
    padding: 64px 0 83px;
  }
}
.ufb .top-contact__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ufb .top-contact__inner .section__header {
  margin-top: -85px;
  position: relative;
  width: 114px;
}

@media screen and (max-width: 768px) {
  .ufb .top-contact__inner .section__header {
    width: 14vw;
  }
}
@media screen and (max-width: 390px) {
  .ufb .top-contact__inner .section__header {
    margin-left: 10px;
  }
}
.ufb .top-contact__inner .section__header .section__label {
  color: #fff;
  margin-left: 100px;
  position: absolute;
  top: 82px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

@media screen and (max-width: 768px) {
  .ufb .top-contact__inner .section__header .section__label {
    margin-left: 0;
    padding-left: 13.5vw;
    top: 10.5vw;
  }
}
@media screen and (max-width: 390px) {
  .ufb .top-contact__inner .section__header .section__label {
    height: 100px;
    line-height: 105%;
    top: 90px;
  }
}
.ufb .top-contact__inner .section__header .section__title {
  color: #fff;
  margin-top: -50px;
  overflow: visible;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

@media screen and (max-width: 390px) {
  .ufb .top-contact__inner .section__header .section__title {
    -webkit-transform: rotate(90deg) translateX(48px);
            transform: rotate(90deg) translateX(48px);
  }
}
.ufb .top-contact__inner .section__header .section__title img {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

@media screen and (max-width: 390px) {
  .ufb .top-contact__inner .section__header .section__title img {
    margin-left: 0;
    margin-top: 0;
    width: 55px;
  }
}
@media screen and (max-width: 390px) {
  .ufb .top-contact__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.ufb .top-contact__inner .btn__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 230px;
  z-index: 100;
}

@media screen and (max-width: 830px) {
  .ufb .top-contact__inner .btn__container {
    margin-top: 200px;
  }
}
@media screen and (max-width: 768px) {
  .ufb .top-contact__inner .btn__container {
    width: 75%;
  }
}
@media screen and (max-width: 390px) {
  .ufb .top-contact__inner .btn__container {
    margin-top: 315px;
    width: 100%;
  }
}
.ufb .top-contact__inner .btn__container .btn-l__wrap:first-child {
  margin-bottom: 40px;
}

@media screen and (max-width: 830px) {
  .ufb .top-contact__inner .btn__container .btn-l__wrap:first-child {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .ufb .sp-only {
    display: block;
  }
}
@media (min-width: 769px) {
  .ufb .sp-only {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .ufb .pc-only {
    display: none;
  }
}
@media (min-width: 769px) {
  .ufb .pc-only {
    display: block;
  }
}
.solar {
  background: #fffbf5;
}

.solar em {
  font-style: normal;
}

.solar .section {
  padding-top: 100px;
  position: relative;
}

@media (min-width: 769px) {
  .solar .section {
    padding-top: clamp(5.5555555556rem, -4.343495935rem + 23.1707317073vw, 10.8333333333rem);
  }
}
.solar .section .section__inner {
  padding-inline: 24px;
}

.solar .section .section__header {
  margin-inline: auto;
  max-width: 1100px;
}

.solar .section .section__label {
  color: #000;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.42px;
  line-height: 100%;
  /* 14px */
}

@media (min-width: 769px) {
  .solar .section .section__label {
    font-size: clamp(0.7777777778rem, 0.6735772358rem + 0.243902439vw, 0.8333333333rem);
    letter-spacing: 0.45px;
    line-height: clamp(0.7777777778rem, 0.6735772358rem + 0.243902439vw, 0.8333333333rem);
  }
}
.solar .section .section__title {
  color: #080808;
  display: inline-block;
  font-family: "Ubuntu", sans-serif;
  font-size: 2.6666666667rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.3;
  margin-top: 6px;
}

@media (max-width: 374px) {
  .solar .section .section__title {
    font-size: max(2.2222222222rem, 16px);
  }
}
@media (min-width: 769px) {
  .solar .section .section__title {
    font-size: clamp(2.2222222222rem, -2.499104336rem + 11.0512195122vw, 4.7394444444rem);
    letter-spacing: 5.119px;
    line-height: clamp(2.8888888889rem, -3.2488356369rem + 14.3665853659vw, 6.1612777778rem);
  }
}
.solar .section .section__subTitle {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.3333333333rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.8;
  margin-top: 6px;
  text-shadow: 0px 0px 7.863px rgba(255, 255, 255, 0.6);
}

@media (min-width: 769px) {
  .solar .section .section__subTitle {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    font-weight: 500;
    letter-spacing: 0.96px;
    line-height: clamp(2rem, -0.2507317073rem + 5.2682926829vw, 3.2rem);
    margin-top: clamp(0.3333333333rem, -5.293495935rem + 13.1707317073vw, 3.3333333333rem);
    text-align: justify;
  }
}
@media (min-width: 769px) {
  .solar .section .section__subTitle.-subTitle--PTN {
    margin-top: clamp(0.3333333333rem, -5.918699187rem + 14.6341463415vw, 3.6666666667rem);
  }
}
.solar .section .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  text-align: justify;
}

.solar .feature-media-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 13px;
}

@media (min-width: 769px) {
  .solar .feature-media-block {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(0.7222222222rem, -3.862601626rem + 10.7317073171vw, 3.1666666667rem);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 769px) {
  .solar .feature-media-block.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.solar .feature-media-block.reverse .img__wrap {
  height: auto;
  width: 100%;
}

.solar .feature-media-block:not(:last-child) {
  margin-bottom: -9px;
}

.solar .feature-media-block .img__wrap {
  aspect-ratio: 278/186;
  border-radius: 10px;
  border-radius: 10px;
  height: auto;
  overflow: hidden;
  width: 100%;
}

@media screen and (max-width: 374px) {
  .solar .feature-media-block .img__wrap {
    max-width: 100%;
  }
}
@media (min-width: 769px) {
  .solar .feature-media-block .img__wrap {
    aspect-ratio: 480/320;
    height: auto;
    max-width: 480px;
  }
}
.solar .feature-media-block .img__wrap.-wrap-patent {
  background: #fff;
  max-width: 100%;
  padding: 17px 24px;
}

.solar .feature-media-block .img__wrap img {
  -o-object-fit: cover;
  aspect-ratio: 480/270;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

@media (min-width: 1200px) {
  .solar .feature-media-block .img__wrap img {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 36px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 769px) {
  .solar .feature-media-block .text__wrap {
    max-width: 400px;
  }
}
.solar .feature-media-block .text__wrap .title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.786px solid #080808;
  color: #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  font-weight: 500;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: 0.03em;
  line-height: 1;
  margin-bottom: 23px;
}

@media screen and (max-width: 374px) {
  .solar .feature-media-block .text__wrap .title {
    font-size: 16px;
  }
}
@media screen and (max-width: 900px) {
  .solar .feature-media-block .text__wrap .title {
    margin-bottom: 24px;
    padding-bottom: 4px;
  }
}
@media (min-width: 769px) {
  .solar .feature-media-block .text__wrap .title {
    font-size: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    letter-spacing: 0.84px;
    line-height: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    margin-bottom: clamp(0.8888888889rem, -0.3615176152rem + 2.9268292683vw, 1.5555555556rem);
    padding-bottom: 0.7777777778rem;
  }
}
.solar .feature-media-block .text__wrap .title span {
  color: #ef8963;
  font-family: "Ubuntu", sans-serif;
  font-size: 2.6666666667rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1;
  text-align: right;
}

@media (min-width: 769px) {
  .solar .feature-media-block .text__wrap .title span {
    font-size: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
    letter-spacing: 2.4px;
    line-height: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
  }
}
.solar .feature-media-block .text__wrap .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: justify;
}

@media (min-width: 769px) {
  .solar .feature-media-block .text__wrap .text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.4rem, 0.2746341463rem + 2.6341463415vw, 2rem);
  }
}
@media (min-width: 769px) {
  .solar .feature-numbered-block.-block--roof {
    margin-top: 0.6111111111rem;
  }
}
@media (min-width: 769px) {
  .solar .feature-numbered-block.-block--battery {
    margin-top: 0.7777777778rem;
  }
}
.solar .feature-numbered-block .feature-numbered-block__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.786px solid #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding-bottom: 6px;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__header {
    gap: clamp(0.5555555556rem, -0.9032520325rem + 3.4146341463vw, 1.3333333333rem);
    padding-bottom: 1.1666666667rem;
  }
}
.solar .feature-numbered-block .feature-numbered-block__header.-header--cloud {
  padding-bottom: 13px;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__header.-header--cloud {
    padding-bottom: 1.3888888889rem;
  }
}
@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__header.-header--battery {
    padding-bottom: 1.1666666667rem;
  }
}
.solar .feature-numbered-block .feature-numbered-block__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.solar .feature-numbered-block .feature-numbered-block__icon.-icon--money {
  height: 41.944px;
  width: 54.964px;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__icon.-icon--money {
    height: clamp(2.3302222222rem, 0.9756151762rem + 3.1707317073vw, 3.0524444444rem);
    width: clamp(3.0535555556rem, 1.278395122rem + 4.1551219512vw, 4rem);
  }
}
.solar .feature-numbered-block .feature-numbered-block__icon.-icon--light {
  height: 46.306px;
  width: 35.286px;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__icon.-icon--light {
    height: clamp(2.5725555556rem, 1.3540344173rem + 2.852195122vw, 3.2222222222rem);
    width: clamp(1.9603333333rem, 1.0318023035rem + 2.1734146341vw, 2.4553888889rem);
  }
}
.solar .feature-numbered-block .feature-numbered-block__icon.-icon--house {
  height: 50.001px;
  width: 54px;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__icon.-icon--house {
    height: clamp(2.7778333333rem, 1.1014550136rem + 3.923902439vw, 3.6716111111rem);
    width: clamp(3rem, 1.1243902439rem + 4.3902439024vw, 4rem);
  }
}
.solar .feature-numbered-block .feature-numbered-block__icon.-icon--cloud {
  height: 38.143px;
  width: 59.334px;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__icon.-icon--cloud {
    height: clamp(2.1190555556rem, 1.1366528455rem + 2.2995121951vw, 2.6428333333rem);
    width: clamp(3.2963333333rem, 1.7681281843rem + 3.5770731707vw, 4.1111111111rem);
  }
}
.solar .feature-numbered-block .feature-numbered-block__icon.-icon--sun {
  height: 49.534px;
  width: 49px;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__icon.-icon--sun {
    height: clamp(2.7518888889rem, 0.3137004065rem + 5.7070731707vw, 4.0518333333rem);
    width: clamp(2.7222222222rem, 0.3099796748rem + 5.6463414634vw, 4.0083333333rem);
  }
}
.solar .feature-numbered-block .feature-numbered-block__icon.-icon--roof {
  height: 33.284px;
  width: 60px;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__icon.-icon--roof {
    height: clamp(1.8491111111rem, 0.3465392954rem + 3.5170731707vw, 2.6502222222rem);
    width: clamp(3.3333333333rem, 0.6241192412rem + 6.3414634146vw, 4.7777777778rem);
  }
}
.solar .feature-numbered-block .feature-numbered-block__icon.-icon--calculator {
  height: 56px;
  width: 40px;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__icon.-icon--calculator {
    height: clamp(3.1111111111rem, 0.769099729rem + 5.4819512195vw, 4.3597777778rem);
    width: clamp(2.2222222222rem, 0.5550135501rem + 3.9024390244vw, 3.1111111111rem);
  }
}
.solar .feature-numbered-block .feature-numbered-block__icon.-icon--battery {
  height: 42.57px;
  width: 47px;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__icon.-icon--battery {
    height: clamp(2.365rem, 0.4775113821rem + 4.4180487805vw, 3.3713333333rem);
    width: clamp(2.6111111111rem, 0.527100271rem + 4.8780487805vw, 3.7222222222rem);
  }
}
.solar .feature-numbered-block .feature-numbered-block__title-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__title-wrap.-title--budget {
    margin-top: 1rem;
  }
}
.solar .feature-numbered-block .feature-numbered-block__title-wrap.-span--PTN span {
  color: #ef8963;
}

.solar .feature-numbered-block .feature-numbered-block__title-wrap span {
  font-family: "Ubuntu", sans-serif;
  font-size: 2.6666666667rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1;
  text-align: right;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__title-wrap span {
    font-size: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
    letter-spacing: 2.4px;
    line-height: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
  }
}
.solar .feature-numbered-block .feature-numbered-block__title-wrap .feature-numbered-block__title {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__title-wrap .feature-numbered-block__title {
    font-size: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    letter-spacing: 0.84px;
    line-height: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
  }
}
.solar .feature-numbered-block .feature-numbered-block__text {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 2;
  margin-top: 16px;
  text-align: justify;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
    margin-top: clamp(0.8888888889rem, -0.9867208672rem + 4.3902439024vw, 1.8888888889rem);
  }
}
.solar .feature-numbered-block .feature-numbered-block__text em {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 2;
}

@media (min-width: 769px) {
  .solar .feature-numbered-block .feature-numbered-block__text em {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
  }
}
@media screen and (max-width: 768px) {
  .solar .sp-only {
    display: block;
  }
}
@media (min-width: 769px) {
  .solar .sp-only {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .solar .pc-only {
    display: none;
  }
}
@media (min-width: 769px) {
  .solar .pc-only {
    display: block;
  }
}
.solar .mv {
  padding-top: 0;
}

@media (min-width: 769px) {
  .solar .mv {
    position: relative;
  }
}
.solar .mv .mv__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 769px) {
  .solar .mv .mv__intro-img {
    aspect-ratio: 1440/900;
    width: 100%;
  }
  .solar .mv .mv__intro-img img {
    -o-object-fit: cover;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
}
.solar .mv .mv__intro-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: 32px;
  text-align: center;
}

@media (min-width: 769px) {
  .solar .mv .mv__intro-info {
    gap: 6px;
    left: 5%;
    position: absolute;
    text-align: left;
    top: 20%;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    z-index: 2;
  }
}
@media (min-width: 1200px) {
  .solar .mv .mv__intro-info {
    left: 11.5%;
    top: 27.5%;
  }
}
.solar .mv .mv__heading {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.6666666667rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-shadow: 0px 0px 7.863px rgba(255, 255, 255, 0.6);
}

@media (min-width: 769px) {
  .solar .mv .mv__heading {
    font-size: clamp(1.3888888889rem, -1.0077235772rem + 5.6097560976vw, 2.6666666667rem);
    font-weight: 500;
    line-height: clamp(2.5rem, -0.3134146341rem + 6.5853658537vw, 4rem);
    text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.6);
  }
}
@media screen and (max-width: 768px) {
  .solar .mv .mv__heading.-color--change_sp {
    color: #f08961;
  }
}
@media (min-width: 769px) {
  .solar .mv .mv__heading span {
    letter-spacing: -7.2px;
  }
}
.solar .mv .mv__description {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: justify;
  text-shadow: 0px 0px 3.932px rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 768px) {
  .solar .mv .mv__description {
    padding-inline: 20px;
  }
}
@media (min-width: 769px) {
  .solar .mv .mv__description {
    font-size: clamp(0.6666666667rem, 0.2498644986rem + 0.9756097561vw, 0.8888888889rem);
    letter-spacing: 0.48px;
    line-height: clamp(1.4rem, 1.0248780488rem + 0.8780487805vw, 1.6rem);
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.6);
  }
}
.solar .mv .mv__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  position: fixed;
  bottom: 0;
  z-index: 999;
}

@media (min-width: 769px) {
  .solar .mv .mv__btns {
    width: auto;
    position: static;
    z-index: auto;
    gap: 16px;
    margin-top: clamp(0.7777777778rem, -2.4524390244rem + 7.5609756098vw, 2.5rem);
  }
}
.solar .mv .mv__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}

@media (min-width: 769px) {
  .solar .mv .mv__btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
  }
}
.solar .mv .mv__btn.btn_or {
  background: #ef8963;
  border: 1px solid #ef8963;
}

.solar .mv .mv__btn.btn_or:hover {
  background: #fff;
  border: 1px solid #ef8963;
}

.solar .mv .mv__btn.btn_or:hover .btn {
  color: #ef8963;
}

.solar .mv .mv__btn.btn_or:hover .btn .arrow {
  stroke: #ef8963;
}

.solar .mv .mv__btn a {
  color: #fff;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.3333333333rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  padding-block: 16x;
  padding-inline: 25px 16px;
}

@media (min-width: 769px) {
  .solar .mv .mv__btn a {
    font-size: 1.1111111111rem;
    letter-spacing: 1px;
    min-width: initial;
    padding-block: clamp(0.6666666667rem, 0.2498644986rem + 0.9756097561vw, 0.8888888889rem);
    padding-inline: clamp(0.8888888889rem, -0.0489159892rem + 2.1951219512vw, 1.3888888889rem) clamp(0.6666666667rem, 0.2498644986rem + 0.9756097561vw, 0.8888888889rem);
    width: clamp(8.8888888889rem, 5.4502710027rem + 8.0487804878vw, 10.7222222222rem);
  }
}
.solar .about {
  padding-top: 60px;
  position: relative;
}

@media (min-width: 769px) {
  .solar .about {
    padding-top: clamp(3.3333333333rem, -5.8363143631rem + 21.4634146341vw, 8.2222222222rem);
  }
}
.solar .about .about__contents {
  background: #f8f2e9;
  border-radius: 10px;
  margin-top: -36px;
  padding: 60px 25px;
}

@media (min-width: 769px) {
  .solar .about .about__contents {
    margin-inline: auto;
    margin-top: -3.3333333333rem;
    padding: clamp(3.3333333333rem, -2.606097561rem + 13.9024390244vw, 6.5rem) clamp(1.3888888889rem, -4.5505420054rem + 13.9024390244vw, 4.5555555556rem) clamp(3.3333333333rem, -2.918699187rem + 14.6341463415vw, 6.6666666667rem) clamp(1.3888888889rem, -4.3421409214rem + 13.4146341463vw, 4.4444444444rem);
    padding-inline: 40px;
    width: min(1100px, 100%);
  }
}
.solar .about .about__contents .about__contents-heading {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 180%;
  /* 36px */
}

@media (min-width: 769px) {
  .solar .about .about__contents .about__contents-heading {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    letter-spacing: 0.96px;
    line-height: clamp(2rem, -0.2507317073rem + 5.2682926829vw, 3.2rem);
    text-align: center;
  }
}
.solar .about .about__contents .about__contents-heading img {
  margin: 0 auto 24px;
  width: auto;
}

.solar .about .about__contents .about__itemsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 47px;
  margin-top: 40px;
}

@media (min-width: 769px) {
  .solar .about .about__contents .about__itemsWrap {
    gap: clamp(2.6111111111rem, -4.5787262873rem + 16.8292682927vw, 6.4444444444rem);
    margin-top: clamp(2.2222222222rem, -2.258401084rem + 10.487804878vw, 4.6111111111rem);
  }
}
.solar .history .history__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  margin-top: 40px;
}

@media (min-width: 769px) {
  .solar .history .history__contents {
    gap: 1.7777777778rem;
    margin-inline: auto;
    margin-top: clamp(2.2222222222rem, 0.5550135501rem + 3.9024390244vw, 3.1111111111rem);
    padding-inline: 40px;
    width: min(1180px, 100%);
  }
}
.solar .history .history__contents-era {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}

@media (min-width: 769px) {
  .solar .history .history__contents-era {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2rem;
  }
}
.solar .history .history-era {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #f8f2e9;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px;
  width: 100%;
}

@media (min-width: 769px) {
  .solar .history .history-era {
    border-radius: 20px;
    gap: clamp(0.8888888889rem, -0.1531165312rem + 2.4390243902vw, 1.4444444444rem);
    padding: clamp(1.3333333333rem, -0.3338753388rem + 3.9024390244vw, 2.2222222222rem);
  }
}
.solar .history .history-era.-era--current {
  background: #ef8963;
}

.solar .history .history-era.-era--current .history-era__title,
.solar .history .history-era.-era--current .history-era__text {
  color: #fff;
}

.solar .history .history-era.-era--current .history-era__title {
  font-weight: 700;
}

.solar .history .history-era__title {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
}

@media (min-width: 769px) {
  .solar .history .history-era__title {
    font-size: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    font-weight: 500;
    letter-spacing: 0.84px;
    line-height: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
  }
}
.solar .history .history-era__text {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 2;
  text-align: justify;
}

@media (min-width: 769px) {
  .solar .history .history-era__text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
  }
}
.solar .history .history__difference {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 1px solid #080808;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  padding: 24px;
}

@media (min-width: 769px) {
  .solar .history .history__difference {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.2222222222rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: clamp(1.3333333333rem, -0.3338753388rem + 3.9024390244vw, 2.2222222222rem);
  }
}
@media (min-width: 769px) {
  .solar .history .history__difference svg {
    width: 2.3333333333rem;
  }
}
.solar .history .history__difference-title {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.5;
}

@media (min-width: 769px) {
  .solar .history .history__difference-title {
    font-size: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    font-weight: 500;
    letter-spacing: 0.84px;
    line-height: clamp(1.5rem, -0.0630081301rem + 3.6585365854vw, 2.3333333333rem);
    white-space: nowrap;
  }
}
.solar .history .history__difference-title svg {
  min-height: 200px;
  min-width: 40px;
}

.solar .history .history__difference-body {
  color: #000;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 2;
  text-align: justify;
}

@media (min-width: 769px) {
  .solar .history .history__difference-body {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
  }
}
.solar .history .history__difference-body em {
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 2;
}

@media (min-width: 769px) {
  .solar .history .history__difference-body em {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    font-weight: 700;
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
  }
}
.solar .problems .problems__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  margin-top: 41px;
}

@media (min-width: 769px) {
  .solar .problems .problems__contents {
    display: -ms-grid;
    display: grid;
    gap: 2rem 5.5555555556rem;
    -ms-grid-columns: 1fr 5.5555555556rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 1fr 2rem 1fr;
    grid-template-rows: repeat(2, 1fr);
    margin-inline: auto;
    margin-top: clamp(2.2777777778rem, -0.0146341463rem + 5.3658536585vw, 3.5rem);
    padding-inline: 40px;
    width: min(1180px, 100%);
  }
  .solar .problems .problems__contents > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .solar .problems .problems__contents > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .solar .problems .problems__contents > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .solar .problems .problems__contents > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
.solar .necessity {
  padding-top: 74px;
}

@media (min-width: 769px) {
  .solar .necessity {
    padding-top: clamp(4.1111111111rem, -9.3307588076rem + 31.4634146341vw, 11.2777777778rem);
  }
}
.solar .necessity .necessity__contents {
  background: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 85px;
  margin-top: -40px;
  padding: 73px 24px 60px 25px;
}

@media (min-width: 769px) {
  .solar .necessity .necessity__contents {
    border-radius: 20px;
    gap: clamp(4.7222222222rem, 1.075203252rem + 8.5365853659vw, 6.6666666667rem);
    margin-inline: auto;
    margin-top: -3.5rem;
    padding: clamp(4.0555555556rem, -0.8418699187rem + 11.4634146341vw, 6.6666666667rem) clamp(1.3333333333rem, -4.189295393rem + 12.9268292683vw, 4.2777777778rem) clamp(3.3333333333rem, -3.648102981rem + 16.3414634146vw, 7.0555555556rem) clamp(1.3888888889rem, -4.0295392954rem + 12.6829268293vw, 4.2777777778rem);
    width: min(1100px, 100%);
  }
}
.solar .necessity .necessity__itemTitle-textWrap {
  display: contents;
}

@media (min-width: 769px) {
  .solar .necessity .necessity__itemTitle-textWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.8888888889rem;
  }
}
.solar .necessity .necessity__title {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.3333333333rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: justify;
  text-shadow: 0px 0px 7.863px rgba(255, 255, 255, 0.6);
}

@media (min-width: 769px) {
  .solar .necessity .necessity__title {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    letter-spacing: 0.96px;
    line-height: clamp(2rem, 0.7495934959rem + 2.9268292683vw, 2.6666666667rem);
  }
}
.solar .necessity .necessity__title.-letter--spacing {
  letter-spacing: 0.5px;
}

.solar .necessity .necessity__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  margin-top: 40px;
}

@media (min-width: 769px) {
  .solar .necessity .necessity__list {
    gap: clamp(1.7777777778rem, -0.4104336043rem + 5.1219512195vw, 2.9444444444rem);
    margin-top: clamp(2.2222222222rem, 0.5550135501rem + 3.9024390244vw, 3.1111111111rem);
  }
}
.solar .necessity .necessity__listItem {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
  gap: 6px 16px;
  -ms-grid-rows: auto 6px auto;
      grid-template-areas: "icon title" "text text";
  -ms-grid-columns: 76px 16px 1fr;
  grid-template-columns: 76px 1fr;
}

@media (min-width: 769px) {
  .solar .necessity .necessity__listItem {
    -moz-column-gap: clamp(0.8888888889rem, -1.7161246612rem + 6.0975609756vw, 2.2777777778rem);
    -webkit-column-gap: clamp(0.8888888889rem, -1.7161246612rem + 6.0975609756vw, 2.2777777778rem);
            column-gap: clamp(0.8888888889rem, -1.7161246612rem + 6.0975609756vw, 2.2777777778rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.solar .necessity .necessity__itemImg {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  grid-area: icon;
  height: 76px;
  width: 76px;
}

@media (min-width: 769px) {
  .solar .necessity .necessity__itemImg {
    height: clamp(4.2222222222rem, -0.57100271rem + 11.2195121951vw, 6.7777777778rem);
    width: clamp(4.2222222222rem, -0.57100271rem + 11.2195121951vw, 6.7777777778rem);
  }
}
.solar .necessity .necessity__itemTitle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  color: #ef8963;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  grid-area: title;
  letter-spacing: 0.03em;
  line-height: 1.8;
}

@media (min-width: 769px) {
  .solar .necessity .necessity__itemTitle {
    font-size: clamp(1rem, 0.374796748rem + 1.4634146341vw, 1.3333333333rem);
    letter-spacing: 0.72px;
    line-height: 1.3333333333rem;
  }
}
.solar .necessity .necessity__itemText {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  color: #000;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 400;
  grid-area: text;
  letter-spacing: 0.03em;
  line-height: 2;
  text-align: justify;
}

@media (min-width: 769px) {
  .solar .necessity .necessity__itemText {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
  }
}
.solar .necessity .necessity__itemText em {
  color: #000;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 2;
}

@media (min-width: 769px) {
  .solar .necessity .necessity__itemText em {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
  }
}
.solar .necessity .necessity__itemText.-letter--spacing {
  letter-spacing: 0.7px;
}

@media (min-width: 769px) {
  .solar .merits {
    padding-top: clamp(5.5555555556rem, -4.343495935rem + 23.1707317073vw, 10.8333333333rem);
  }
}
.solar .merits .section__subTitle {
  margin-top: clamp(0.3333333333rem, -4.8766937669rem + 12.1951219512vw, 3.1111111111rem);
}

.solar .merits .merits__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  margin-top: 40px;
}

@media (min-width: 769px) {
  .solar .merits .merits__contents {
    margin-inline: auto;
    padding-inline: 40px;
    width: min(1180px, 100%);
  }
}
@media (min-width: 1200px) {
  .solar .merits .merits__contents {
    margin-top: -77px;
  }
}
.solar .merits .merits__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}

@media (min-width: 769px) {
  .solar .merits .merits__item {
    gap: clamp(2.2222222222rem, -0.3827913279rem + 6.0975609756vw, 3.6111111111rem);
  }
}
@media (min-width: 900px) {
  .solar .merits .merits__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.0555555556rem;
  }
}
@media (min-width: 1200px) {
  .solar .merits .merits__media {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media (min-width: 769px) {
  .solar .merits .merits__media.-media--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.solar .merits .merits__text {
  color: #080808;
  font-size: 0.9333333333rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 2;
  text-align: justify;
}

@media (min-width: 769px) {
  .solar .merits .merits__text {
    font-size: clamp(0.7777777778rem, 0.5693766938rem + 0.487804878vw, 0.8888888889rem);
    letter-spacing: 0.48px;
    line-height: clamp(1.5555555556rem, 1.1387533875rem + 0.9756097561vw, 1.7777777778rem);
  }
}
.solar .merits .merits__text:not(:first-of-type) {
  margin-top: 16px;
}

@media (min-width: 769px) {
  .solar .merits .merits__text:not(:first-of-type) {
    margin-top: clamp(0.8888888889rem, -0.0489159892rem + 2.1951219512vw, 1.3888888889rem);
  }
}
.solar .merits .merits__text em {
  color: #080808;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 2;
}

@media (min-width: 769px) {
  .solar .merits .merits__text em {
    font-size: clamp(0.7777777778rem, 0.5693766938rem + 0.487804878vw, 0.8888888889rem);
    letter-spacing: 0.48px;
    line-height: clamp(1.5555555556rem, 1.1387533875rem + 0.9756097561vw, 1.7777777778rem);
  }
}
.solar .merits .merits__text.-letter--spacing {
  letter-spacing: 0.9px;
}

.solar .merits .merits__img {
  border-radius: 10px;
  height: auto;
  margin-top: 12px;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 769px) {
  .solar .merits .merits__img {
    aspect-ratio: 532/426;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: clamp(16.4444444444rem, 2.8983739837rem + 31.7073170732vw, 23.6666666667rem);
    width: clamp(20.5rem, 3.5153116531rem + 39.756097561vw, 29.5555555556rem);
  }
}
.solar .PTN {
  padding-bottom: 101px;
}

@media (min-width: 769px) {
  .solar .PTN {
    padding-bottom: clamp(5.6111111111rem, -4.6005420054rem + 23.9024390244vw, 11.0555555556rem);
  }
}
.solar .PTN .PTN__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 44px;
  margin-top: 41px;
}

@media (min-width: 769px) {
  .solar .PTN .PTN__contents {
    display: -ms-grid;
    display: grid;
    gap: 3.1666666667rem 5.5555555556rem;
    -ms-grid-columns: 1fr 5.5555555556rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 1fr 3.1666666667rem 1fr;
    grid-template-rows: repeat(2, 1fr);
    margin-inline: auto;
    margin-top: clamp(2.2777777778rem, 1.4441734417rem + 1.9512195122vw, 2.7222222222rem);
    padding-inline: 40px;
    place-items: center;
    width: min(1180px, 100%);
  }
  .solar .PTN .PTN__contents > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .solar .PTN .PTN__contents > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .solar .PTN .PTN__contents > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .solar .PTN .PTN__contents > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
.solar .top-contact {
  position: relative;
  background-image: url(../images/contact_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  padding: 200px 0;
  -webkit-mask-image: url(../images/mask.svg);
          mask-image: url(../images/mask.svg);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
          mask-position: bottom;
}
@media screen and (max-width: 1280px) {
  .solar .top-contact {
    padding: 200px 0 153px;
  }
}
@media screen and (max-width: 768px) {
  .solar .top-contact {
    background-image: url(../images/contact_bg.jpg);
    width: 100vw; /* 画面幅いっぱい */
    height: 590px; /* 固定の高さを設定 */
    -o-object-fit: cover;
       object-fit: cover; /* 画像を切り抜いて表示 */
    -o-object-position: center;
       object-position: center; /* 中央部分を表示 */
    -webkit-mask-image: url(../images/mask_sp.svg);
            mask-image: url(../images/mask_sp.svg);
    -webkit-mask-position: bottom;
            mask-position: bottom;
  }
}
@media screen and (max-width: 768px) {
  .solar .top-contact {
    padding: 200px 0 51.18vw;
  }
}
@media screen and (max-width: 390px) {
  .solar .top-contact {
    padding: 64px 0 83px;
  }
}

@media screen and (max-width: 768px) {
  .solar .top-contact {
    padding: 200px 0 51.18vw;
  }
}
@media screen and (max-width: 390px) {
  .solar .top-contact {
    padding: 64px 0 83px;
  }
}
.solar .top-contact__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.solar .top-contact__inner .section__header {
  margin-top: -85px;
  position: relative;
  width: 114px;
}

@media screen and (max-width: 768px) {
  .solar .top-contact__inner .section__header {
    width: 14vw;
  }
}
@media screen and (max-width: 390px) {
  .solar .top-contact__inner .section__header {
    margin-left: 10px;
  }
}
.solar .top-contact__inner .section__header .section__label {
  color: #fff;
  margin-left: 100px;
  position: absolute;
  top: 82px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

@media screen and (max-width: 768px) {
  .solar .top-contact__inner .section__header .section__label {
    margin-left: 0;
    padding-left: 13.5vw;
    top: 10.5vw;
  }
}
@media screen and (max-width: 390px) {
  .solar .top-contact__inner .section__header .section__label {
    height: 100px;
    line-height: 105%;
    top: 90px;
  }
}
.solar .top-contact__inner .section__header .section__title {
  color: #fff;
  margin-top: -50px;
  overflow: visible;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

@media screen and (max-width: 390px) {
  .solar .top-contact__inner .section__header .section__title {
    -webkit-transform: rotate(90deg) translateX(48px);
            transform: rotate(90deg) translateX(48px);
  }
}
.solar .top-contact__inner .section__header .section__title img {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

@media screen and (max-width: 390px) {
  .solar .top-contact__inner .section__header .section__title img {
    margin-left: 0;
    margin-top: 0;
    width: 55px;
  }
}
@media screen and (max-width: 390px) {
  .solar .top-contact__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.solar .top-contact__inner .btn__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 230px;
  z-index: 100;
}

@media screen and (max-width: 830px) {
  .solar .top-contact__inner .btn__container {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .solar .top-contact__inner .btn__container {
    width: 75%;
  }
}
@media screen and (max-width: 390px) {
  .solar .top-contact__inner .btn__container {
    margin-top: 315px;
    width: 100%;
  }
}
.solar .top-contact__inner .btn__container .btn-l__wrap:first-child {
  margin-bottom: 40px;
}

@media screen and (max-width: 830px) {
  .solar .top-contact__inner .btn__container .btn-l__wrap:first-child {
    margin-bottom: 24px;
  }
}
/* 追加分 page-painting用 */
.painting {
  background: #fffbf5;
}

.painting em {
  font-style: normal;
}

.painting .section {
  padding-top: 121px;
  position: relative;
}

@media (min-width: 769px) {
  .painting .section {
    padding-top: clamp(5.5555555556rem, -4.343495935rem + 23.1707317073vw, 10.8333333333rem);
  }
}
.painting .section .section__inner {
  padding-inline: 24px;
}

.painting .section .section__header {
  margin-inline: auto;
  max-width: 1100px;
}

.painting .section .section__label {
  color: #000;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.42px;
  line-height: 100%;
  /* 14px */
}

@media (min-width: 769px) {
  .painting .section .section__label {
    font-size: clamp(0.7777777778rem, 0.6735772358rem + 0.243902439vw, 0.8333333333rem);
    letter-spacing: 0.45px;
    line-height: clamp(0.7777777778rem, 0.6735772358rem + 0.243902439vw, 0.8333333333rem);
  }
}
.painting .price.section .section__label {
  color: #fff;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.45px;
}

@media (min-width: 769px) {
  .painting .price.section .section__label {
    line-height: 1;
  }
}
.painting .section .section__title {
  color: #080808;
  display: inline-block;
  font-family: "Ubuntu", sans-serif;
  font-size: 2.6666666667rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.3;
  margin-top: 4px;
  margin-left: -3px;
}

.painting .price.section .section__title {
  color: #fff;
  font-family: "Ubuntu", sans-serif;
  font-size: 40px;
  font-style: normal;
  line-height: 1;
  letter-spacing: 2.4px;
  margin-top: 8px;
  margin-left: -3px;
}

@media (max-width: 374px) {
  .painting .section .section__title {
    font-size: max(2.2222222222rem, 16px);
  }
}
@media (min-width: 769px) {
  .painting .section .section__title {
    font-size: clamp(2.2222222222rem, -2.499104336rem + 11.0512195122vw, 4.7394444444rem);
    letter-spacing: 5.119px;
    line-height: clamp(2.8888888889rem, -3.2488356369rem + 14.3665853659vw, 6.1612777778rem);
    margin-top: 5px;
  }
  .painting .timing.section .section__title {
    letter-spacing: 2.559px;
  }
  .painting .price.section .section__title {
    font-size: clamp(2.22rem, 6.74vw - 0.65rem, 4.74rem);
    line-height: 1.3;
    letter-spacing: 2.559px;
    margin-top: 8px;
  }
}
.painting .section .section__subTitle {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.3333333333rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.8;
  margin-top: 8px;
  text-shadow: 0px 0px 7.863px rgba(255, 255, 255, 0.6);
}

@media (min-width: 769px) {
  .painting .section .section__subTitle {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    font-weight: 500;
    letter-spacing: 0.96px;
    line-height: clamp(2rem, -0.2507317073rem + 5.2682926829vw, 3.2rem);
    margin-top: clamp(0.3333333333rem, -5.293495935rem + 13.1707317073vw, 3.3333333333rem);
    text-align: justify;
  }
}
@media (min-width: 769px) {
  .painting .section .section__subTitle.-subTitle--PTN {
    margin-top: clamp(0.3333333333rem, -5.918699187rem + 14.6341463415vw, 3.6666666667rem);
  }
}
.painting .section .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 2;
  text-align: justify;
}

.painting .feature-media-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

@media (min-width: 769px) {
  .painting .feature-media-block {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(0.7222222222rem, -3.862601626rem + 10.7317073171vw, 3.1666666667rem);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 769px) {
  .painting .feature-media-block.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.first__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.painting .feature-media-block.reverse .img__wrap {
  height: auto;
  width: 100%;
}

.painting .feature-media-block:not(:last-child) {
  margin-bottom: -9px;
}

.painting .feature-media-block .img__wrap {
  aspect-ratio: 278/186;
  border-radius: 10px;
  height: auto;
  overflow: hidden;
  width: 100%;
}

@media screen and (max-width: 374px) {
  .painting .feature-media-block .img__wrap {
    max-width: 100%;
  }
}
@media (min-width: 769px) {
  .painting .feature-media-block .img__wrap {
    aspect-ratio: 480/320;
    height: auto;
    max-width: 480px;
  }
}
.painting .feature-media-block .img__wrap.-wrap-patent {
  background: #fff;
  max-width: 100%;
  padding: 17px 24px;
}

.painting .feature-media-block .img__wrap img {
  -o-object-fit: cover;
  aspect-ratio: 480/270;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

@media (min-width: 1200px) {
  .painting .feature-media-block .img__wrap img {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 36px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 769px) {
  .painting .feature-media-block .text__wrap {
    max-width: 400px;
  }
}
.painting .feature-media-block .text__wrap .title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.786px solid #080808;
  color: #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  font-weight: 500;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin-bottom: 23px;
}

@media screen and (max-width: 374px) {
  .painting .feature-media-block .text__wrap .title {
    font-size: 16px;
  }
}
@media screen and (max-width: 900px) {
  .painting .feature-media-block .text__wrap .title {
    margin-bottom: 22px;
    padding-bottom: 16px;
  }
}
@media (min-width: 769px) {
  .painting .feature-media-block .text__wrap .title {
    font-size: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    letter-spacing: 0.84px;
    line-height: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    margin-bottom: clamp(0.8888888889rem, -0.3615176152rem + 2.9268292683vw, 1.5555555556rem);
    padding-bottom: 0.7777777778rem;
  }
}
.painting .feature-media-block .text__wrap .title span {
  color: #ef8963;
  font-family: "Ubuntu", sans-serif;
  font-size: 2.6666666667rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1;
  text-align: right;
}

@media (min-width: 769px) {
  .painting .feature-media-block .text__wrap .title span {
    font-size: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
    letter-spacing: 2.4px;
    line-height: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
  }
}
.painting .feature-media-block .text__wrap .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 2;
  text-align: justify;
}

@media (min-width: 769px) {
  .painting .feature-media-block .text__wrap .text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.4rem, 0.2746341463rem + 2.6341463415vw, 2rem);
  }
}
@media (min-width: 769px) {
  .painting .feature-numbered-block.-block--roof {
    margin-top: 0.6111111111rem;
  }
}
@media (min-width: 769px) {
  .painting .feature-numbered-block.-block--battery {
    margin-top: 0.7777777778rem;
  }
}
.painting .feature-numbered-block .feature-numbered-block__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.786px solid #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
}

@media (min-width: 769px) {
  .painting .feature-numbered-block .feature-numbered-block__header {
    gap: clamp(0.5555555556rem, -0.9032520325rem + 3.4146341463vw, 1.3333333333rem);
    padding-bottom: 18px;
  }
}
.painting .feature-numbered-block .feature-numbered-block__header.-header--window {
  margin-top: 4px;
  padding-bottom: 9px;
}

@media (min-width: 769px) {
  .painting .feature-numbered-block .feature-numbered-block__header.-header--window {
    padding-bottom: 1.3888888889rem;
    margin-top: 0px;
    height: clamp(2.43rem, 6.59vw - 0.38rem, 4.89rem);
  }
}
.painting .feature-numbered-block .feature-numbered-block__header.-header--type {
  padding-bottom: 7px;
}

.painting .feature-numbered-block .feature-numbered-block__header.-header--flow {
  padding-bottom: 0px;
  border-bottom: none;
}

.painting .feature-numbered-block .feature-numbered-block__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.painting .feature-numbered-block .feature-numbered-block__icon.-icon--roller {
  height: 43.72px;
  width: 42.07px;
  margin-right: 29px;
}

@media (min-width: 769px) {
  .painting .feature-numbered-block .feature-numbered-block__icon.-icon--roller {
    height: clamp(2.43rem, 3.76vw + 0.82rem, 3.83rem);
    width: clamp(2.34rem, 3.86vw + 0.69rem, 3.78rem);
    margin-right: 4px;
  }
}
.painting .feature-numbered-block .feature-numbered-block__icon.-icon--roof {
  width: 54.999px;
  height: 30.687px;
  margin-right: 16px;
}

@media (min-width: 769px) {
  .painting .feature-numbered-block .feature-numbered-block__icon.-icon--roof {
    height: clamp(1.7rem, 2.53vw + 0.63rem, 2.65rem);
    width: clamp(3.06rem, 4.54vw + 1.12rem, 4.75rem);
    margin-right: -4px;
  }
}
.painting .feature-numbered-block .feature-numbered-block__icon.-icon--caulking-gun {
  height: 35px;
  width: 55.58px;
  margin-right: 15px;
}

@media (min-width: 769px) {
  .painting .feature-numbered-block .feature-numbered-block__icon.-icon--caulking-gun {
    height: clamp(2.7778333333rem, 1.1014550136rem + 3.923902439vw, 3.6716111111rem);
    width: clamp(3rem, 1.1243902439rem + 4.3902439024vw, 4rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 0px;
  }
}
.painting .feature-numbered-block .feature-numbered-block__icon.-icon--window {
  height: 34.88px;
  width: 47px;
  margin-right: 20px;
}

@media (min-width: 769px) {
  .painting .feature-numbered-block .feature-numbered-block__icon.-icon--window {
    height: clamp(1.94rem, 2.52vw + 0.86rem, 2.88rem);
    width: clamp(2.61rem, 3.4vw + 1.16rem, 3.88rem);
    margin-top: 5px;
    margin-right: -4px;
  }
}
.painting .feature-numbered-block .feature-numbered-block__title-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.painting .feature-numbered-block .feature-numbered-block__title-wrap span {
  font-family: "Ubuntu", sans-serif;
  font-size: 2.6666666667rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1;
  text-align: right;
}

@media (min-width: 769px) {
  .painting .feature-numbered-block .feature-numbered-block__title-wrap span {
    font-size: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
    line-height: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
  }
}
.painting .feature-numbered-block .feature-numbered-block__title-wrap.-span--PTN span {
  color: #ef8963;
}

.painting .feature-numbered-block .feature-numbered-block__title-wrap .feature-numbered-block__title {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
}

@media (min-width: 769px) {
  .painting .feature-numbered-block .feature-numbered-block__title-wrap .feature-numbered-block__title {
    font-size: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    letter-spacing: 0.84px;
    line-height: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
  }
  .painting .feature-numbered-block .feature-numbered-block__title-wrap.-title--flow .feature-numbered-block__title {
    display: block;
    text-align: center;
    font-size: clamp(0.78rem, 1.49vw + 0.14rem, 1.33rem);
    letter-spacing: clamp(0.03rem, 0.03vw + 0.02rem, 0.04rem);
    white-space: nowrap;
  }
}
.painting .feature-numbered-block.-inversion .feature-numbered-block__title-wrap .feature-numbered-block__title {
  color: #ffffff;
}

.painting .feature-numbered-block .feature-numbered-block__text {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 2;
  margin-top: 16px;
  text-align: justify;
}

@media (min-width: 769px) {
  .painting .feature-numbered-block .feature-numbered-block__text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
    margin-top: clamp(0.89rem, 2.38vw - 0.13rem, 1.78rem);
  }
}
.painting .feature-numbered-block .feature-numbered-block__text em {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 2;
}

@media (min-width: 769px) {
  .painting .feature-numbered-block .feature-numbered-block__text em {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
  }
}
@media screen and (max-width: 768px) {
  .painting .sp-only {
    display: block;
  }
}
@media (min-width: 769px) {
  .painting .sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .painting .pc-only {
    display: none;
  }
}
@media (min-width: 769px) {
  .painting .pc-only {
    display: block;
  }
}
.painting .mv {
  padding-top: 0;
}

@media (min-width: 769px) {
  .painting .mv {
    position: relative;
  }
}
.painting .mv .mv__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 769px) {
  .painting .mv .mv__intro-img {
    aspect-ratio: 1440/900;
    width: 100%;
  }
  .painting .mv .mv__intro-img img {
    -o-object-fit: cover;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
}
.painting .mv .mv__intro-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
  margin-top: 32px;
  text-align: left;
}

@media (min-width: 769px) {
  .painting .mv .mv__intro-info {
    gap: 6px;
    left: 5%;
    position: absolute;
    top: 20%;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    z-index: 2;
  }
}
@media (min-width: 1200px) {
  .painting .mv .mv__intro-info {
    left: 12%;
    top: 43%;
  }
}
.painting .mv .mv__heading {
  color: #ffffff;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.6666666667rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .painting .mv .mv__heading {
    padding-inline: 24px;
  }
}
@media (min-width: 769px) {
  .painting .mv .mv__heading {
    font-size: clamp(1.3888888889rem, -1.0077235772rem + 5.6097560976vw, 2.6666666667rem);
    font-weight: 500;
    line-height: clamp(2.5rem, -0.3134146341rem + 6.5853658537vw, 4rem);
  }
}
@media (max-width: 769px) {
  .painting .mv .mv__heading {
    text-shadow: 0 0 7.863px rgba(255, 255, 255, 0.6);
  }
}
@media screen and (max-width: 768px) {
  .painting .mv .mv__heading.-color--change_sp {
    color: #080808;
  }
}
@media (min-width: 769px) {
  .painting .mv .mv__heading span {
    letter-spacing: -7.2px;
  }
}
.painting .mv .mv__description {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: justify;
  text-shadow: 0px 0px 3.932px rgba(255, 255, 255, 0.6);
  margin-left: -3px;
  margin-top: 2px;
}

@media screen and (max-width: 768px) {
  .painting .mv .mv__description {
    padding-inline: 24px;
  }
}
@media (min-width: 769px) {
  .painting .mv .mv__description {
    color: #ffffff;
    font-size: clamp(0.6666666667rem, 0.2498644986rem + 0.9756097561vw, 0.8888888889rem);
    letter-spacing: 0.48px;
    line-height: clamp(1.4rem, 1.0248780488rem + 0.8780487805vw, 1.6rem);
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.6);
  }
}
.painting .mv .mv__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  position: fixed;
  bottom: 0;
  z-index: 999;
}

@media (min-width: 769px) {
  .painting .mv .mv__btns {
    display: none;
  }
}
.painting .mv .mv__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}

@media (min-width: 769px) {
  .painting .mv .mv__btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
  }
}
.painting .mv .mv__btn.btn_or {
  background: #ef8963;
  border: 1px solid #ef8963;
}

.painting .mv .mv__btn.btn_or:hover {
  background: #fff;
  border: 1px solid #ef8963;
}

.painting .mv .mv__btn.btn_or:hover .btn {
  color: #ef8963;
}

.painting .mv .mv__btn.btn_or:hover .btn .arrow {
  stroke: #ef8963;
}

.painting .mv .mv__btn a {
  color: #fff;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.3333333333rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  padding-block: 16x;
  padding-inline: 25px 16px;
}

@media (min-width: 769px) {
  .painting .mv .mv__btn a {
    font-size: 1.1111111111rem;
    letter-spacing: 1px;
    min-width: initial;
    padding-block: clamp(0.6666666667rem, 0.2498644986rem + 0.9756097561vw, 0.8888888889rem);
    padding-inline: clamp(0.8888888889rem, -0.0489159892rem + 2.1951219512vw, 1.3888888889rem) clamp(0.6666666667rem, 0.2498644986rem + 0.9756097561vw, 0.8888888889rem);
    width: clamp(8.8888888889rem, 5.4502710027rem + 8.0487804878vw, 10.7222222222rem);
  }
}
.painting .work {
  padding-top: 60px;
  position: relative;
}

@media (min-width: 769px) {
  .painting .work {
    padding-top: clamp(3.3333333333rem, -5.8363143631rem + 21.4634146341vw, 8.2222222222rem);
    margin-top: 3px;
  }
}
.painting .work .work__detail {
  background: #f8f2e9;
  border-radius: 20px;
  margin-top: -33px;
  padding: 120px 80px;
}

@media screen and (max-width: 768px) {
  .painting .work .work__detail {
    margin-bottom: 0;
    padding: 60px 24px 60px;
  }
}
@media (min-width: 769px) {
  .painting .work .work__detail {
    margin-inline: auto;
    margin-top: -1.6666666667rem;
    padding: clamp(1.5555555556rem, -9.072899729rem + 24.8780487805vw, 7.2222222222rem) clamp(1.3333333333rem, -4.501897019rem + 13.6585365854vw, 4.4444444444rem);
    width: min(1100px, 100%);
  }
}
@media (min-width: 1200px) {
  .painting .work .work__detail {
    margin-top: -3.4rem;
    padding-top: 6.7rem;
    padding-bottom: 6.7rem;
  }
}
.painting .work .work__detail .work__detail-heading {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 180%;
  /* 36px */
}

@media (min-width: 769px) {
  .painting .work .work__detail .work__detail-heading {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    letter-spacing: 0.96px;
  }
}
.painting .work .work__detail .work__detail-heading img {
  margin: 0 auto 24px;
  width: auto;
}

.painting .work .work__detail .work__detail-text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  margin-top: 17px;
  text-align: justify;
}

@media (min-width: 769px) {
  .painting .work .work__detail .work__detail-text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    margin-top: 35px;
  }
}
.painting .work .work__detail .work__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 22px;
}

@media (min-width: 769px) {
  .painting .work .work__detail .work__contents {
    gap: 110px;
    margin-top: 34px;
  }
}
.painting .work .work__detail .work-detail-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 769px) {
  .painting .work .work__detail .work-detail-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 36px;
  }
}
@media (min-width: 769px) {
  .painting .work .work__detail .work-detail-content.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.painting .work .work__detail .work-detail-content.reverse .img__wrap {
  margin-left: 24px;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (max-width: 900px) {
  .painting .work .work__detail .work-detail-content.reverse .img__wrap {
    margin-left: 0;
  }
}
.painting .work .work__detail .work-detail-content:not(:last-child) {
  margin-bottom: -9px;
}

.painting .work .work__detail .work-detail-content .img__wrap {
  aspect-ratio: 279/186;
  border-radius: 10px;
  border-radius: 10px;
  margin-top: 24px;
  overflow: hidden;
}

@media screen and (max-width: 374px) {
  .painting .work .work__detail .work-detail-content .img__wrap {
    max-width: 100%;
  }
}
@media (min-width: 769px) {
  .painting .work .work__detail .work-detail-content .img__wrap {
    height: 100%;
    max-width: 480px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .painting .work .work__detail .work-detail-content .img__wrap {
    aspect-ratio: 480/320;
    height: 320px;
    margin-top: 0;
    min-width: 45%;
    width: 480px;
  }
}
.painting .work .work__detail .work-detail-content .img__wrap.-wrap-patent {
  background: #fff;
  max-width: 100%;
}

.painting .work .work__detail .work-detail-content .img__wrap img {
  -o-object-fit: cover;
  aspect-ratio: 480/270;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

@media (min-width: 1200px) {
  .painting .work .work__detail .work-detail-content .img__wrap img {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 36px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.painting .work .work__detail .work-detail-content .text__wrap {
  max-width: 400px;
}

@media screen and (max-width: 900px) {
  .painting .work .work__detail .work-detail-content .text__wrap {
    font-size: 14px;
    margin-top: 30px;
    max-width: none;
  }
  .painting .work .work__detail .work-detail-content .text__wrap.two-line {
    margin-top: 24px;
  }
}
.painting .work .work__detail .work-detail-content .text__wrap .title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #080808;
  color: #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: 0.84px;
  letter-spacing: 0.54px;
  line-height: 150%;
  /* 27px */
  margin-bottom: 32px;
  padding-bottom: 26px;
}

@media screen and (max-width: 900px) {
  .painting .work .work__detail .work-detail-content .text__wrap .title {
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 22px;
  }
  .painting .work .work__detail .work-detail-content .text__wrap.two-line .title {
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 374px) {
  .painting .work .work__detail .work-detail-content .text__wrap .title {
    font-size: 16px;
  }
}
@media (min-width: 769px) {
  .painting .work .work__detail .work-detail-content .text__wrap .title {
    font-size: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    letter-spacing: 0.84px;
    line-height: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    margin-top: 20px;
    margin-bottom: 6px;
    padding-bottom: 24px;
  }
  .painting .work .work__detail .work-detail-content .text__wrap.two-line .title {
    font-size: clamp(1rem, 0.374796748rem + 1.4634146341vw, 1.3333333333rem);
    letter-spacing: 0.72px;
    line-height: 1.5;
    margin-top: -8px;
    margin-bottom: 0px;
    padding-bottom: 6px;
  }
}
.painting .work .work__detail .work-detail-content .text__wrap .title span {
  color: #ef8963;
  font-family: "Ubuntu", sans-serif;
  font-size: 60px;
  text-align: right;
}

@media (min-width: 769px) {
  .painting .work .work__detail .work-detail-content .text__wrap .title span {
    margin-top: -14px;
  }
  .painting .work .work__detail .work-detail-content .text__wrap.two-line .title span {
    margin-top: 0px;
  }
}
@media screen and (max-width: 900px) {
  .painting .work .work__detail .work-detail-content .text__wrap .title span {
    font-size: 40px;
  }
}
.painting .work .work__detail .work-detail-content .text__wrap .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  text-align: justify;
}

@media (min-width: 769px) {
  .painting .work .work__detail .work-detail-content .text__wrap .text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    padding-top: 26px;
  }
  .painting .work .work__detail .work-detail-content .text__wrap.two-line .text {
    padding-top: 20px;
  }
}
.painting .timing {
  padding-top: 120px;
  position: relative;
}

@media (min-width: 769px) {
  .painting .timing {
    padding-top: clamp(3.3333333333rem, -5.8363143631rem + 21.4634146341vw, 8.2222222222rem);
    margin-top: 50px;
  }
}
.painting .timing .timing__detail {
  background: #f8f2e9;
  border-radius: 20px;
  margin-top: -33px;
  padding: 120px 80px;
}

@media screen and (max-width: 768px) {
  .painting .timing .timing__detail {
    margin-bottom: 0;
    padding: 60px 24px 60px;
  }
}
@media (min-width: 769px) {
  .painting .timing .timing__detail {
    margin-inline: auto;
    margin-top: -1.6666666667rem;
    padding: clamp(1.5555555556rem, -9.072899729rem + 24.8780487805vw, 7.2222222222rem) clamp(1.3333333333rem, -4.501897019rem + 13.6585365854vw, 4.4444444444rem);
    width: min(1100px, 100%);
  }
}
@media (min-width: 1200px) {
  .painting .timing .timing__detail {
    margin-top: -3.4rem;
    padding-top: 6.7rem;
    padding-bottom: 6.5rem;
  }
}
.painting .timing .timing__detail .timing__detail-heading {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 180%;
  /* 36px */
}

@media (min-width: 769px) {
  .painting .timing .timing__detail .timing__detail-heading {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    letter-spacing: 0.96px;
  }
}
.painting .timing .timing__detail .timing__detail-heading img {
  margin: 0 auto 24px;
  width: auto;
}

.painting .timing .timing__detail .timing__detail-text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  margin-top: 17px;
  text-align: justify;
}

@media (min-width: 769px) {
  .painting .timing .timing__detail .timing__detail-text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    margin-top: 35px;
  }
}
.painting .timing .timing__detail .timing__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 26px;
  margin-top: 18px;
}

@media (min-width: 769px) {
  .painting .timing .timing__detail .timing__contents {
    gap: 110px;
    margin-top: 34px;
  }
}
.painting .timing .timing__detail .timing-detail-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 769px) {
  .painting .timing .timing__detail .timing-detail-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 36px;
  }
}
@media (min-width: 769px) {
  .painting .timing .timing__detail .timing-detail-content.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.painting .timing .timing__detail .timing-detail-content.reverse .img__wrap {
  margin-left: 24px;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (max-width: 900px) {
  .painting .timing .timing__detail .timing-detail-content.reverse .img__wrap {
    margin-left: 0;
  }
}
.painting .timing .timing__detail .timing-detail-content:not(:last-child) {
  margin-bottom: -9px;
}

.painting .timing .timing__detail .timing-detail-content .img__wrap {
  aspect-ratio: 279/186;
  border-radius: 10px;
  border-radius: 10px;
  margin-top: 24px;
  overflow: hidden;
}

@media screen and (max-width: 374px) {
  .painting .timing .timing__detail .timing-detail-content .img__wrap {
    max-width: 100%;
  }
}
@media (min-width: 769px) {
  .painting .timing .timing__detail .timing-detail-content .img__wrap {
    height: 100%;
    max-width: 480px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .painting .timing .timing__detail .timing-detail-content .img__wrap {
    aspect-ratio: 480/320;
    height: 320px;
    margin-top: 0;
    min-width: 45%;
    width: 480px;
  }
}
.painting .timing .timing__detail .timing-detail-content .img__wrap.-wrap-patent {
  background: #fff;
  max-width: 100%;
}

.painting .timing .timing__detail .timing-detail-content .img__wrap img {
  -o-object-fit: cover;
  aspect-ratio: 480/270;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

@media (min-width: 1200px) {
  .painting .timing .timing__detail .timing-detail-content .img__wrap img {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 36px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.painting .timing .timing__detail .timing-detail-content .text__wrap {
  max-width: 400px;
}

@media screen and (max-width: 900px) {
  .painting .timing .timing__detail .timing-detail-content .text__wrap {
    font-size: 14px;
    margin-top: 30px;
    max-width: none;
  }
  .painting .timing .timing__detail .timing-detail-content .text__wrap.two-line {
    margin-top: 24px;
  }
}
.painting .timing .timing__detail .timing-detail-content .text__wrap .title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #080808;
  color: #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: 0.84px;
  letter-spacing: 0.54px;
  line-height: 150%;
  /* 27px */
  margin-bottom: 32px;
  padding-bottom: 26px;
}

@media screen and (max-width: 900px) {
  .painting .timing .timing__detail .timing-detail-content .text__wrap .title {
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 22px;
  }
  .painting .timing .timing__detail .timing-detail-content .text__wrap.two-line .title {
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 374px) {
  .painting .timing .timing__detail .timing-detail-content .text__wrap .title {
    font-size: 16px;
  }
}
@media (min-width: 769px) {
  .painting .timing .timing__detail .timing-detail-content .text__wrap .title {
    font-size: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    letter-spacing: 0.84px;
    line-height: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    margin-top: 20px;
    margin-bottom: 6px;
    padding-bottom: 24px;
  }
  .painting .timing .timing__detail .timing-detail-content .text__wrap.two-line .title {
    font-size: clamp(1rem, 0.374796748rem + 1.4634146341vw, 1.3333333333rem);
    letter-spacing: 0.72px;
    line-height: 1.5;
    margin-top: -8px;
    margin-bottom: 0px;
    padding-bottom: 6px;
  }
}
.painting .timing .timing__detail .timing-detail-content .text__wrap .title span {
  color: #ef8963;
  font-family: "Ubuntu", sans-serif;
  font-size: 60px;
  text-align: right;
}

@media (min-width: 769px) {
  .painting .timing .timing__detail .timing-detail-content .text__wrap .title span {
    margin-top: -14px;
  }
  .painting .timing .timing__detail .timing-detail-content .text__wrap.two-line .title span {
    margin-top: 0px;
  }
}
@media screen and (max-width: 900px) {
  .painting .timing .timing__detail .timing-detail-content .text__wrap .title span {
    font-size: 40px;
  }
}
.painting .timing .timing__detail .timing-detail-content .text__wrap .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  text-align: justify;
}

@media (min-width: 769px) {
  .painting .timing .timing__detail .timing-detail-content .text__wrap .text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    padding-top: 26px;
  }
  .painting .timing .timing__detail .timing-detail-content .text__wrap.two-line .text {
    padding-top: 20px;
  }
}
.painting .risk {
  padding-top: 122px;
}

@media (min-width: 769px) {
  .painting .risk {
    padding-top: clamp(4.1111111111rem, -9.3307588076rem + 31.4634146341vw, 11.2rem);
  }
}
.painting .risk .risk__contents {
  background: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 85px;
  margin-top: -26px;
  padding: 61px 24px 60px 25px;
}

@media (min-width: 769px) {
  .painting .risk .risk__contents {
    border-radius: 20px;
    gap: clamp(4.7222222222rem, 1.075203252rem + 8.5365853659vw, 6.6666666667rem);
    margin-inline: auto;
    margin-top: -3.5rem;
    padding: clamp(4.0555555556rem, -0.8418699187rem + 11.4634146341vw, 6.95rem) clamp(1.3333333333rem, -4.189295393rem + 12.9268292683vw, 4.2777777778rem) clamp(3.3333333333rem, -3.648102981rem + 16.3414634146vw, 7.0555555556rem) clamp(1.3888888889rem, -4.0295392954rem + 12.6829268293vw, 4.4777777778rem);
    width: min(1100px, 100%);
  }
}
.painting .risk .risk__itemTitle-textWrap {
  display: contents;
}

@media (min-width: 769px) {
  .painting .risk .risk__itemTitle-textWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.8888888889rem;
    margin-top: 8px;
  }
}
.painting .risk .risk__title {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.3333333333rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: justify;
  text-shadow: 0px 0px 7.863px rgba(255, 255, 255, 0.6);
}

@media (min-width: 769px) {
  .painting .risk .risk__title {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    letter-spacing: 0.96px;
    line-height: clamp(2rem, 0.7495934959rem + 2.9268292683vw, 2.6666666667rem);
  }
}
.painting .risk .risk__title.-letter--spacing {
  letter-spacing: 0.5px;
}

.painting .risk .risk__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 35px;
  margin-top: 40px;
}

@media (min-width: 769px) {
  .painting .risk .risk__list {
    gap: clamp(1.7777777778rem, -0.4104336043rem + 5.1219512195vw, 3.11rem);
    margin-top: clamp(1.2222222222rem, 0.5550135501rem + 3.9024390244vw, 2rem);
  }
}
.painting .risk .risk__listItem {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
  gap: 6px 16px;
  -ms-grid-rows: auto 6px auto;
      grid-template-areas: "icon title" "text text";
  -ms-grid-columns: 76px 16px 1fr;
  grid-template-columns: 76px 1fr;
}

@media (min-width: 769px) {
  .painting .risk .risk__listItem {
    -moz-column-gap: clamp(0.8888888889rem, -1.7161246612rem + 6.0975609756vw, 2.2777777778rem);
    -webkit-column-gap: clamp(0.8888888889rem, -1.7161246612rem + 6.0975609756vw, 2.2777777778rem);
            column-gap: clamp(0.8888888889rem, -1.7161246612rem + 6.0975609756vw, 2.2777777778rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.painting .risk .risk__itemImg {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  grid-area: icon;
  height: 76px;
  width: 76px;
}

@media (min-width: 769px) {
  .painting .risk .risk__itemImg {
    height: clamp(4.2222222222rem, -0.57100271rem + 11.2195121951vw, 6.7777777778rem);
    width: clamp(4.2222222222rem, -0.57100271rem + 11.2195121951vw, 6.7777777778rem);
  }
}
.painting .risk .risk__itemTitle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  color: #ef8963;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  grid-area: title;
  letter-spacing: 0.03em;
  line-height: 1.8;
}

@media (min-width: 769px) {
  .painting .risk .risk__itemTitle {
    font-size: clamp(1rem, 0.374796748rem + 1.4634146341vw, 1.3333333333rem);
    letter-spacing: 0.72px;
    line-height: 1.3333333333rem;
  }
}
.painting .risk .risk__itemText {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  color: #000;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 400;
  grid-area: text;
  letter-spacing: 0.03em;
  line-height: 2;
  text-align: justify;
}

@media (min-width: 769px) {
  .painting .risk .risk__itemText {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
  }
}
.painting .risk .risk__itemText em {
  color: #000;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 2;
}

@media (min-width: 769px) {
  .painting .risk .risk__itemText em {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
  }
}
.painting .risk .risk__itemText.-letter--spacing {
  letter-spacing: 0.7px;
}

.painting .needs .needs__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 43px;
  margin-top: 32px;
  margin-bottom: 120.28px;
}

@media (min-width: 769px) {
  .painting .needs .needs__contents {
    display: -ms-grid;
    display: grid;
    gap: 27px 5.5555555556rem;
    -ms-grid-columns: 1fr 5.5555555556rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 1fr 27px 1fr;
    grid-template-rows: repeat(2, 1fr);
    margin-inline: auto;
    margin-top: clamp(1.78rem, 0.15vw + 1.71rem, 1.83rem);
    margin-bottom: clamp(6.68rem, 11.71vw + 1.69rem, 11.06rem);
    padding-inline: 40px;
    width: min(1180px, 100%);
  }
  .painting .needs .needs__contents > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .painting .needs .needs__contents > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .painting .needs .needs__contents > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .painting .needs .needs__contents > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
.painting .needs svg {
  height: auto;
  margin-bottom: -2px;
  width: 100vw;
}

.painting .type {
  padding-top: 50px;
  padding-bottom: 60px;
  background-color: #fff;
}

@media (min-width: 769px) {
  .painting .type {
    padding-top: clamp(2.78rem, 7.44vw - 0.4rem, 5.56rem);
    padding-bottom: clamp(3.33rem, 5.95vw + 0.79rem, 5.56rem);
  }
}
.painting .type .type__contents {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

@media (min-width: 769px) {
  .painting .type .type__contents {
    display: -ms-grid;
    display: grid;
    gap: clamp(1.78rem, 4.76vw - 0.25rem, 3.56rem) clamp(1.78rem, 5.65vw - 0.63rem, 3.89rem);
    -ms-grid-columns: 1fr clamp(1.78rem, 5.65vw - 0.63rem, 3.89rem) 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto clamp(1.78rem, 4.76vw - 0.25rem, 3.56rem) auto clamp(1.78rem, 4.76vw - 0.25rem, 3.56rem) auto;
    grid-template-rows: repeat(3, auto);
    margin-inline: auto;
    margin-top: clamp(1.78rem, 1.19vw + 1.27rem, 2.22rem);
    padding-inline: 40px;
    width: min(1180px, 100%);
  }
  .painting .type .type__contents > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .painting .type .type__contents > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .painting .type .type__contents > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .painting .type .type__contents > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .painting .type .type__contents > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .painting .type .type__contents > *:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
}
.painting .type .type__contents .feature-numbered-block {
  padding: 24px;
  border-radius: 10px;
  background: #fffbf5;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media (min-width: 769px) {
  .painting .type .type__contents .feature-numbered-block {
    padding: clamp(1.33rem, 2.38vw + 0.32rem, 2.22rem);
  }
}
.painting .type .type__contents .feature-numbered-block .feature-numbered-block__content {
  margin-top: 16px;
}

@media (min-width: 769px) {
  .painting .type .type__contents .feature-numbered-block .feature-numbered-block__content {
    margin-top: clamp(0.89rem, 1.19vw + 0.38rem, 1.33rem);
  }
}
.painting .type .type__contents .feature-numbered-block .feature-numbered-block__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (min-width: 769px) {
  .painting .type .type__contents .feature-numbered-block .feature-numbered-block__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.painting .type .type__contents .feature-numbered-block .feature-numbered-block__info-half {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 769px) {
  .painting .type .type__contents .feature-numbered-block .feature-numbered-block__info-half.-first {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 48.5%;
            flex: 0 1 48.5%;
  }
  .painting .type .type__contents .feature-numbered-block .feature-numbered-block__info-half.-second {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 51.5%;
            flex: 0 1 51.5%;
  }
}
.painting .type .type__contents .feature-numbered-block .feature-numbered-block__info-item {
  display: block;
  color: #080808;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.48px;
}

.painting .type .type__contents .feature-numbered-block .feature-numbered-block__info-item em {
  font-weight: 700;
}

@media (min-width: 769px) {
  .painting .type .type__contents .feature-numbered-block .feature-numbered-block__info-item {
    font-size: clamp(0.89rem, 0.3vw + 0.76rem, 1rem);
  }
}
.painting .type .type__contents .feature-numbered-block .feature-numbered-block__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 16px;
  gap: 8px;
}

@media (min-width: 769px) {
  .painting .type .type__contents .feature-numbered-block .feature-numbered-block__description {
    margin-top: clamp(0.89rem, 2.38vw - 0.13rem, 1.78rem);
  }
}
.painting .type .type__contents .feature-numbered-block .feature-numbered-block__description-header {
  color: #ef8963;
  font-family: "Ubuntu", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.6px;
}

@media (min-width: 769px) {
  .painting .type .type__contents .feature-numbered-block .feature-numbered-block__description-header {
    font-size: clamp(1.11rem, 0.6vw + 0.86rem, 1.33rem);
  }
}
.painting .type .type__contents .feature-numbered-block .feature-numbered-block__description-text {
  color: #080808;
  text-align: justify;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}

@media (min-width: 769px) {
  .painting .type .type__contents .feature-numbered-block .feature-numbered-block__description-text {
    font-size: clamp(0.78rem, 0.6vw + 0.52rem, 1rem);
  }
}
.painting .decoration {
  width: 100vw;
  height: 245px;
  overflow: hidden;
}

@media (min-width: 769px) {
  .painting .decoration {
    height: clamp(13.61rem, 52.23vw - 8.67rem, 33.11rem);
  }
}
.painting .decoration .decoration__wrap {
  height: 100%;
}

.painting .decoration .decoration__wrap picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.painting .decoration .decoration__wrap img {
  -o-object-fit: cover;
     object-fit: cover;
}

.painting .decoration .decoration__wrap source {
  -o-object-fit: cover;
     object-fit: cover;
}

.painting .price {
  padding-top: 50px;
  padding-bottom: 60px;
  background-color: #ef8963;
}

@media (min-width: 769px) {
  .painting .price {
    padding-top: clamp(2.78rem, 22.32vw - 6.75rem, 11.11rem);
    padding-bottom: clamp(3.33rem, 20.83vw - 5.55rem, 11.11rem);
  }
}
.painting .price .price__content {
  padding: 24px;
  border-radius: 20px;
  background: #fff;
  margin-top: 32px;
}

@media (min-width: 769px) {
  .painting .price .price__content {
    padding: clamp(1.33rem, 8.33vw - 2.22rem, 4.44rem);
    margin-top: 8px;
  }
  .painting .price .price__content.inner {
    margin-inline: auto;
    max-width: 1100px;
  }
}
.painting .price .price__content .price__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 769px) {
  .painting .price .price__content .price__header {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.painting .price .price__content .price__header__title {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.6px;
}

@media (min-width: 769px) {
  .painting .price .price__content .price__header__title {
    font-size: clamp(1.61rem, 1.64vw + 0.91rem, 2.22rem);
    letter-spacing: 1.2px;
  }
}
.painting .price .price__content .price__character {
  width: 94px;
  height: 121px;
}

@media (min-width: 769px) {
  .painting .price .price__content .price__character {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 clamp(5.22rem, 12.19vw + 0.02rem, 9.77rem);
            flex: 0 0 clamp(5.22rem, 12.19vw + 0.02rem, 9.77rem);
    height: clamp(6.72rem, 15.54vw + 0.09rem, 12.52rem);
  }
}
.painting .price .price__content .price__body {
  margin-top: 16px;
}

.painting .price .price__content .price__body-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.painting .price .price__content .price__body-title {
  display: inline-block;
  color: #ef8963;
  font-family: "Ubuntu", sans-serif;
  font-size: 63.671px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -5.73px;
  position: relative;
}

.painting .price .price__content .price__body-title .-first-0 {
  letter-spacing: -0.637px;
}

.painting .price .price__content .price__body-title .-second-0 {
  letter-spacing: 3.184px;
}

.painting .price .price__content .price__body-title .-tilde {
  letter-spacing: -3.184px;
}

.painting .price .price__content .price__body-title .-first-1 {
  letter-spacing: -7.641px;
}

.painting .price .price__content .price__body-title .-first-8 {
  letter-spacing: -1.273px;
}

.painting .price .price__content .price__body-unit {
  display: inline-block;
  color: #ef8963;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 16.256px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.488px;
  margin-left: 9px;
  margin-bottom: 7px;
}

@media (min-width: 769px) {
  .painting .price .price__content .price__body-title {
    font-size: clamp(3.54rem, 18.5vw - 4.36rem, 10.44rem);
    letter-spacing: clamp(-0.94rem, -1.67vw + 0.39rem, -0.32rem);
  }
  .painting .price .price__content .price__body-title .-first-0 {
    letter-spacing: clamp(-0.1rem, -0.18vw + 0.04rem, -0.04rem);
  }
  .painting .price .price__content .price__body-title .-second-0 {
    letter-spacing: clamp(0.18rem, 0.92vw - 0.22rem, 0.52rem);
  }
  .painting .price .price__content .price__body-title .-tilde {
    letter-spacing: clamp(-0.52rem, -0.92vw + 0.22rem, -0.18rem);
  }
  .painting .price .price__content .price__body-title .-first-1 {
    letter-spacing: clamp(-1.25rem, -2.22vw + 0.52rem, -0.42rem);
  }
  .painting .price .price__content .price__body-title .-first-8 {
    letter-spacing: clamp(-0.21rem, -0.37vw + 0.09rem, -0.07rem);
  }
  .painting .price .price__content .price__body-unit {
    font-size: clamp(0.9rem, 4.72vw - 1.11rem, 2.67rem);
    letter-spacing: clamp(0.03rem, 0.14vw - 0.03rem, 0.08rem);
    margin-left: clamp(0.5rem, 2.53vw - 0.58rem, 1.44rem);
    margin-bottom: clamp(0.39rem, 2.08vw - 0.5rem, 1.17rem);
  }
}
.painting .price .price__content .price__body-description {
  margin-top: 16px;
  color: #080808;
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}

.painting .price .price__content .price__body-description em {
  font-weight: 700;
}

@media (min-width: 769px) {
  .painting .price .price__content .price__body-description-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(1.67rem, 4.62vw - 0.3rem, 3.39rem);
    margin-top: clamp(0.89rem, 3.57vw - 0.63rem, 2.22rem);
  }
  .painting .price .price__content .price__body-description {
    font-family: "Noto Sans JP", Meiryo, sans-serif;
    margin-top: 0px;
    font-size: clamp(0.78rem, 0.6vw + 0.52rem, 1rem);
    letter-spacing: clamp(0.02rem, 0.02vw + 0.01rem, 0.03rem);
  }
}
.painting .flow {
  padding-block: 120px;
  background-color: #fffbf5;
}

@media (min-width: 769px) {
  .painting .flow {
    padding-block: clamp(6.67rem, 11.9vw + 1.59rem, 11.11rem);
  }
}
.painting .flow .flow__contents {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 39px;
}

@media (min-width: 769px) {
  .painting .flow .flow__contents {
    margin-top: 32px;
    gap: 34px;
    margin-inline: auto;
    max-width: 1100px;
  }
}
.painting .flow .flow__contents .feature-numbered-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  border-radius: 10px;
  background: #f8f2e9;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 24px;
  position: relative;
}

@media (min-width: 769px) {
  .painting .flow .flow__contents .feature-numbered-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(1.33rem, 9.52vw - 2.73rem, 4.89rem);
    padding: clamp(1.33rem, 2.38vw + 0.32rem, 2.22rem) clamp(1.33rem, 8.33vw - 2.22rem, 4.44rem);
  }
}
.painting .flow .flow__contents .feature-numbered-block.-normal::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 25px;
  height: 28px;
  background: url(../images/painting_double_arrow_down.svg) no-repeat center center/cover;
}

@media (min-width: 769px) {
  .painting .flow .flow__contents .feature-numbered-block.-normal::after {
    bottom: -18px;
    left: clamp(3.56rem, 10.94vw - 1.11rem, 7.64rem);
  }
}
.painting .flow .flow__contents .feature-numbered-block .feature-numbered-block__line {
  height: 1px;
  background-color: #080808;
}

@media (min-width: 769px) {
  .painting .flow .flow__contents .feature-numbered-block .feature-numbered-block__line {
    height: clamp(3.33rem, 4.32vw + 1.49rem, 4.94rem);
    width: 1px;
  }
}
.painting .flow .flow__contents .feature-numbered-block .feature-numbered-block__description {
  color: #080808;
  text-align: justify;
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}

@media (min-width: 769px) {
  .painting .flow .flow__contents .feature-numbered-block .feature-numbered-block__description {
    margin-top: 0px;
    font-size: clamp(0.78rem, 0.6vw + 0.52rem, 1rem);
    letter-spacing: clamp(0.02rem, 0.02vw + 0.01rem, 0.03rem);
  }
}
.painting .flow .flow__contents .feature-numbered-block .feature-numbered-block__description-header {
  color: #ef8963;
  font-family: "Ubuntu", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.6px;
}

@media (min-width: 769px) {
  .painting .flow .flow__contents .feature-numbered-block .feature-numbered-block__description-header {
    font-size: clamp(1.11rem, 0.6vw + 0.86rem, 1.33rem);
  }
}
.painting .flow .flow__contents .feature-numbered-block .feature-numbered-block__description-text {
  color: #080808;
  text-align: justify;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}

@media (min-width: 769px) {
  .painting .flow .flow__contents .feature-numbered-block .feature-numbered-block__description-text {
    font-size: clamp(0.78rem, 0.6vw + 0.52rem, 1rem);
  }
}
.painting .feature-numbered-block .feature-numbered-block__title-wrap.-title--flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

@media (min-width: 769px) {
  .painting .feature-numbered-block .feature-numbered-block__title-wrap.-title--flow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: clamp(4.44rem, 5.21vw + 2.22rem, 6.39rem);
    padding-block: 3px;
  }
}
.painting .feature-numbered-block .feature-numbered-block__title-wrap.-title--flow span {
  color: #ef8963;
}

@media (min-width: 769px) {
  .painting .feature-numbered-block .feature-numbered-block__title-wrap.-title--flow span {
    display: inline-block;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -2px;
    text-align: center;
  }
}
.painting .flow .flow__contents .feature-numbered-block.-inversion {
  background: #ef8963;
}

.painting .feature-numbered-block.-inversion .feature-numbered-block__title-wrap.-title--flow span {
  color: #ffffff;
}

.painting .flow .flow__contents .feature-numbered-block.-inversion .feature-numbered-block__line {
  height: 1px;
  background-color: #ffffff;
}

@media (min-width: 769px) {
  .painting .flow .flow__contents .feature-numbered-block.-inversion .feature-numbered-block__line {
    height: clamp(3.33rem, 4.32vw + 1.49rem, 4.94rem);
    width: 1px;
  }
}
.painting .flow .flow__contents .feature-numbered-block.-inversion .feature-numbered-block__description {
  color: #ffffff;
}

.painting .flow .flow__note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 10px;
  background: #f8f2e9;
  margin-top: 56px;
}

@media (min-width: 769px) {
  .painting .flow .flow__note {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-inline: auto;
    max-width: 1100px;
    margin-top: clamp(3.11rem, 2.38vw + 2.1rem, 4rem);
    padding: clamp(1.33rem, 2.38vw + 0.32rem, 2.22rem) clamp(1.33rem, 8.33vw - 2.22rem, 4.44rem);
  }
}
.painting .flow .flow__note-header {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.54px;
}

@media (min-width: 769px) {
  .painting .flow .flow__note-header {
    font-size: clamp(1rem, 2.08vw + 0.11rem, 1.78rem);
    line-height: 1.8;
    letter-spacing: clamp(0.03rem, 0.06vw + 0rem, 0.05rem);
  }
}
.painting .flow .flow__note-body {
  color: #080808;
  text-align: justify;
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}

@media (min-width: 769px) {
  .painting .flow .flow__note-body {
    font-size: clamp(0.78rem, 0.6vw + 0.52rem, 1rem);
    letter-spacing: clamp(0.02rem, 0.02vw + 0.01rem, 0.03rem);
  }
}
/* 追加分 page-insurance */
.insurance {
  background: #fffbf5;
}

.insurance em {
  font-style: normal;
}

.insurance .section {
  padding-top: 68px;
}

@media (min-width: 769px) {
  .insurance .section {
    padding-top: clamp(3.78rem, 4.61vw + 1.81rem, 5.5rem);
  }
}
.insurance .section .section__inner {
  padding-inline: 24px;
}

.insurance .risk.section .section__inner {
  padding-bottom: 120px;
}

@media (min-width: 769px) {
  .insurance .risk.section .section__inner {
    padding-bottom: clamp(6.67rem, 11.01vw + 1.97rem, 10.78rem);
  }
}
.insurance .section .section__header {
  margin-inline: auto;
  max-width: 1100px;
}

.insurance .section .section__label {
  color: #000;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.42px;
  line-height: 100%;
  /* 14px */
}

@media (min-width: 769px) {
  .insurance .section .section__label {
    font-size: clamp(0.7777777778rem, 0.6735772358rem + 0.243902439vw, 0.8333333333rem);
    letter-spacing: 0.45px;
    line-height: clamp(0.7777777778rem, 0.6735772358rem + 0.243902439vw, 0.8333333333rem);
  }
}
.insurance .section .section__title {
  color: #080808;
  display: inline-block;
  font-family: "Ubuntu", sans-serif;
  font-size: 2.6666666667rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.3;
  margin-top: 4px;
  margin-left: -3px;
}

@media (max-width: 374px) {
  .insurance .section .section__title {
    font-size: max(2.2222222222rem, 16px);
  }
}
@media (min-width: 769px) {
  .insurance .section .section__title {
    font-size: clamp(2.2222222222rem, -2.499104336rem + 11.0512195122vw, 4.7394444444rem);
    letter-spacing: 5.119px;
    line-height: clamp(2.8888888889rem, -3.2488356369rem + 14.3665853659vw, 6.1612777778rem);
    margin-top: 3px;
  }
  .insurance .examples.section .section__title {
    letter-spacing: 2.559px;
  }
  .insurance .examples.section .section__title {
    color: #080808;
    font-size: clamp(2.22rem, 6.74vw - 0.65rem, 4.74rem);
    letter-spacing: clamp(0.13rem, 0.4vw - 0.04rem, 0.28rem);
  }
}
.insurance .section .section__subTitle {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.3333333333rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.8;
  margin-top: 8px;
  text-shadow: 0px 0px 7.863px rgba(255, 255, 255, 0.6);
}

@media (min-width: 769px) {
  .insurance .section .section__subTitle {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    font-weight: 500;
    letter-spacing: 0.96px;
    line-height: clamp(2rem, -0.2507317073rem + 5.2682926829vw, 3.2rem);
    margin-top: clamp(0.3333333333rem, -5.293495935rem + 13.1707317073vw, 3.3333333333rem);
    text-align: justify;
  }
}
@media (min-width: 769px) {
  .insurance .section .section__subTitle.-subTitle--PTN {
    margin-top: clamp(0.3333333333rem, -5.918699187rem + 14.6341463415vw, 3.6666666667rem);
  }
}
@media screen and (max-width: 768px) {
  .insurance .sp-only {
    display: block;
  }
}
@media (min-width: 769px) {
  .insurance .sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .insurance .pc-only {
    display: none;
  }
}
@media (min-width: 769px) {
  .insurance .pc-only {
    display: block;
  }
}
.insurance .feature-numbered-block .feature-numbered-block__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.786px solid #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__header {
    gap: clamp(0.5555555556rem, -0.9032520325rem + 3.4146341463vw, 1.3333333333rem);
    padding-bottom: 18px;
  }
}
.insurance .feature-numbered-block .feature-numbered-block__title-wrap span {
  font-family: "Ubuntu", sans-serif;
  font-size: 2.6666666667rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1;
  text-align: right;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__title-wrap span {
    font-size: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
    line-height: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
  }
}
.insurance .mv {
  padding-top: 0;
}

@media (min-width: 769px) {
  .insurance .mv {
    position: relative;
  }
}
.insurance .mv .mv__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 769px) {
  .insurance .mv .mv__intro-img {
    aspect-ratio: 1440/900;
    width: 100%;
  }
  .insurance .mv .mv__intro-img img {
    -o-object-fit: cover;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
}
.insurance .mv .mv__intro-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  margin-top: 32px;
  text-align: left;
}

@media (min-width: 769px) {
  .insurance .mv .mv__intro-info {
    gap: 6px;
    left: 5%;
    position: absolute;
    top: 20%;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    z-index: 2;
  }
}
@media (min-width: 1200px) {
  .insurance .mv .mv__intro-info {
    left: 12%;
    top: 43%;
  }
}
.insurance .mv .mv__heading {
  color: #ffffff;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.6666666667rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .insurance .mv .mv__heading {
    padding-inline: 24px;
  }
}
@media (min-width: 769px) {
  .insurance .mv .mv__heading {
    font-size: clamp(1.3888888889rem, -1.0077235772rem + 5.6097560976vw, 2.6666666667rem);
    font-weight: 500;
    line-height: clamp(2.5rem, -0.3134146341rem + 6.5853658537vw, 4rem);
  }
}
@media (max-width: 769px) {
  .insurance .mv .mv__heading {
    text-shadow: 0 0 7.863px rgba(255, 255, 255, 0.6);
  }
}
@media screen and (max-width: 768px) {
  .insurance .mv .mv__heading.-color--change_sp {
    color: #080808;
  }
}
@media (min-width: 769px) {
  .insurance .mv .mv__heading span {
    letter-spacing: -7.2px;
  }
}
.insurance .mv .mv__description {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: justify;
  text-shadow: 0px 0px 3.932px rgba(255, 255, 255, 0.6);
  margin-left: -3px;
  margin-top: 2px;
}

@media screen and (max-width: 768px) {
  .insurance .mv .mv__description {
    padding-inline: 24px;
  }
}
@media (min-width: 769px) {
  .insurance .mv .mv__description {
    color: #ffffff;
    font-size: clamp(0.6666666667rem, 0.2498644986rem + 0.9756097561vw, 0.8888888889rem);
    letter-spacing: 0.48px;
    line-height: clamp(1.4rem, 1.0248780488rem + 0.8780487805vw, 1.6rem);
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.6);
  }
}
.insurance .mv .mv__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  position: fixed;
  bottom: 0;
  z-index: 999;
}

@media (min-width: 769px) {
  .insurance .mv .mv__btns {
    display: none;
  }
}
.insurance .mv .mv__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}

@media (min-width: 769px) {
  .insurance .mv .mv__btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
  }
}
.insurance .mv .mv__btn.btn_or {
  background: #ef8963;
  border: 1px solid #ef8963;
}

.insurance .mv .mv__btn.btn_or:hover {
  background: #fff;
  border: 1px solid #ef8963;
}

.insurance .mv .mv__btn.btn_or:hover .btn {
  color: #ef8963;
}

.insurance .mv .mv__btn.btn_or:hover .btn .arrow {
  stroke: #ef8963;
}

.insurance .mv .mv__btn a {
  color: #fff;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.3333333333rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  padding-block: 16x;
  padding-inline: 25px 16px;
}

@media (min-width: 769px) {
  .insurance .mv .mv__btn a {
    font-size: 1.1111111111rem;
    letter-spacing: 1px;
    min-width: initial;
    padding-block: clamp(0.6666666667rem, 0.2498644986rem + 0.9756097561vw, 0.8888888889rem);
    padding-inline: clamp(0.8888888889rem, -0.0489159892rem + 2.1951219512vw, 1.3888888889rem) clamp(0.6666666667rem, 0.2498644986rem + 0.9756097561vw, 0.8888888889rem);
    width: clamp(8.8888888889rem, 5.4502710027rem + 8.0487804878vw, 10.7222222222rem);
  }
}
.insurance .examples {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

@media (min-width: 769px) {
  .insurance .examples {
    padding-top: clamp(3.33rem, 12.35vw - 1.94rem, 7.94rem);
  }
}
.insurance .examples .examples__detail {
  background: #f8f2e9;
  border-radius: 20px;
  margin-top: -33px;
  padding: 120px 80px;
}

@media screen and (max-width: 768px) {
  .insurance .examples .examples__detail {
    margin-bottom: 0;
    padding: 60px 24px 60px;
  }
}
@media (min-width: 769px) {
  .insurance .examples .examples__detail {
    margin-inline: auto;
    margin-top: -1.6666666667rem;
    padding: clamp(1.5555555556rem, -9.072899729rem + 24.8780487805vw, 7.2222222222rem) clamp(1.3333333333rem, -4.501897019rem + 13.6585365854vw, 4.4444444444rem);
    width: min(1100px, 100%);
  }
}
@media (min-width: 1200px) {
  .insurance .examples .examples__detail {
    margin-top: -3.4rem;
    padding-top: 6.7rem;
    padding-bottom: 6.5rem;
  }
}
.insurance .examples .examples__detail .examples__detail-heading {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 180%;
  /* 36px */
}

@media (min-width: 769px) {
  .insurance .examples .examples__detail .examples__detail-heading {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    letter-spacing: 0.96px;
  }
}
.insurance .examples .examples__detail .examples__detail-heading img {
  margin: 0 auto 24px;
  width: auto;
}

.insurance .examples .examples__detail .examples__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-top: 16px;
}

@media (min-width: 769px) {
  .insurance .examples .examples__detail .examples__contents {
    gap: 115px;
    margin-top: 30px;
  }
}
.insurance .examples .examples__detail .examples-detail-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 769px) {
  .insurance .examples .examples__detail .examples-detail-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 36px;
  }
}
@media (min-width: 769px) {
  .insurance .examples .examples__detail .examples-detail-content.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.insurance .examples .examples__detail .examples-detail-content.reverse .img__wrap {
  margin-left: 24px;
  margin-right: 0;
  max-width: 100%;
}

@media screen and (max-width: 900px) {
  .insurance .examples .examples__detail .examples-detail-content.reverse .img__wrap {
    margin-left: 0;
  }
}
.insurance .examples .examples__detail .examples-detail-content:not(:last-child) {
  margin-bottom: -9px;
}

.insurance .examples .examples__detail .examples-detail-content .img__wrap {
  aspect-ratio: 279/186;
  border-radius: 10px;
  border-radius: 10px;
  margin-top: 24px;
  overflow: hidden;
}

@media screen and (max-width: 374px) {
  .insurance .examples .examples__detail .examples-detail-content .img__wrap {
    max-width: 100%;
  }
}
@media (min-width: 769px) {
  .insurance .examples .examples__detail .examples-detail-content .img__wrap {
    height: 100%;
    max-width: 480px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .insurance .examples .examples__detail .examples-detail-content .img__wrap {
    aspect-ratio: 480/320;
    height: 320px;
    margin-top: 0;
    min-width: 45%;
    width: 480px;
  }
}
.insurance .examples .examples__detail .examples-detail-content .img__wrap img {
  -o-object-fit: cover;
  aspect-ratio: 480/270;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

@media (min-width: 1200px) {
  .insurance .examples .examples__detail .examples-detail-content .img__wrap img {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 36px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.insurance .examples .examples__detail .examples-detail-content .text__wrap {
  max-width: 400px;
}

@media screen and (max-width: 900px) {
  .insurance .examples .examples__detail .examples-detail-content .text__wrap {
    font-size: 14px;
    margin-top: 31px;
    max-width: none;
  }
}
.insurance .examples .examples__detail .examples-detail-content .text__wrap .title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #080808;
  color: #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: 0.84px;
  letter-spacing: 0.54px;
  line-height: 150%;
  /* 27px */
  margin-bottom: 32px;
  padding-bottom: 26px;
}

@media screen and (max-width: 900px) {
  .insurance .examples .examples__detail .examples-detail-content .text__wrap .title {
    font-size: 18px;
    margin-bottom: 21px;
    padding-bottom: 21px;
  }
}
@media screen and (max-width: 374px) {
  .insurance .examples .examples__detail .examples-detail-content .text__wrap .title {
    font-size: 16px;
  }
}
@media (min-width: 769px) {
  .insurance .examples .examples__detail .examples-detail-content .text__wrap .title {
    font-size: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    letter-spacing: 0.84px;
    line-height: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    margin-top: 28px;
    margin-bottom: 2px;
    padding-bottom: 24px;
  }
}
.insurance .examples .examples__detail .examples-detail-content .text__wrap .title span {
  color: #ef8963;
  font-family: "Ubuntu", sans-serif;
  font-size: 60px;
  text-align: right;
}

@media (min-width: 769px) {
  .insurance .examples .examples__detail .examples-detail-content .text__wrap .title span {
    margin-top: -14px;
  }
}
@media screen and (max-width: 900px) {
  .insurance .examples .examples__detail .examples-detail-content .text__wrap .title span {
    font-size: 40px;
  }
}
.insurance .examples .examples__detail .examples-detail-content .text__wrap .text {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 200%;
  /* 28px */
  text-align: justify;
}

@media (min-width: 769px) {
  .insurance .examples .examples__detail .examples-detail-content .text__wrap .text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    padding-top: 26px;
  }
}
.insurance .risk {
  padding-top: 62px;
}

@media (min-width: 769px) {
  .insurance .risk {
    padding-top: clamp(3.44rem, 12.35vw - 1.82rem, 8.06rem);
  }
}
.insurance .risk .risk__contents {
  background: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 85px;
  margin-top: -26px;
  padding: 61px 24px 60px 25px;
}

@media (min-width: 769px) {
  .insurance .risk .risk__contents {
    border-radius: 20px;
    gap: clamp(4.7222222222rem, 1.075203252rem + 8.5365853659vw, 6.6666666667rem);
    margin-inline: auto;
    margin-top: -3.5rem;
    padding: clamp(4.0555555556rem, -0.8418699187rem + 11.4634146341vw, 6.95rem) clamp(1.3333333333rem, -4.189295393rem + 12.9268292683vw, 4.2777777778rem) clamp(3.3333333333rem, -3.648102981rem + 16.3414634146vw, 7.0555555556rem) clamp(1.3888888889rem, -4.0295392954rem + 12.6829268293vw, 4.4777777778rem);
    width: min(1100px, 100%);
  }
}
.insurance .risk .risk__itemTitle-textWrap {
  display: contents;
}

@media (min-width: 769px) {
  .insurance .risk .risk__itemTitle-textWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 17px;
    margin-top: 8px;
  }
}
.insurance .risk .risk__title {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.3333333333rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: justify;
  text-shadow: 0px 0px 7.863px rgba(255, 255, 255, 0.6);
}

@media (min-width: 769px) {
  .insurance .risk .risk__title {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    letter-spacing: 0.96px;
    line-height: clamp(2rem, 0.7495934959rem + 2.9268292683vw, 2.6666666667rem);
  }
}
.insurance .risk .risk__title.-letter--spacing {
  letter-spacing: 0.5px;
}

.insurance .risk .risk__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 34px;
  margin-top: 40px;
}

@media (min-width: 769px) {
  .insurance .risk .risk__list {
    gap: clamp(1.7777777778rem, -0.4104336043rem + 5.1219512195vw, 3.11rem);
    margin-top: clamp(1.22rem, 2.38vw + 0.21rem, 2.11rem);
  }
}
.insurance .risk .risk__listItem {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
  gap: 7px 16px;
  -ms-grid-rows: auto 7px auto;
      grid-template-areas: "icon title" "text text";
  -ms-grid-columns: 76px 16px 1fr;
  grid-template-columns: 76px 1fr;
}

.insurance .risk .risk__listItem.-even--number {
  gap: 7px 8px;
}

@media (min-width: 769px) {
  .insurance .risk .risk__listItem {
    -moz-column-gap: clamp(0.8888888889rem, -1.7161246612rem + 6.0975609756vw, 2.2777777778rem);
    -webkit-column-gap: clamp(0.8888888889rem, -1.7161246612rem + 6.0975609756vw, 2.2777777778rem);
            column-gap: clamp(0.8888888889rem, -1.7161246612rem + 6.0975609756vw, 2.2777777778rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .insurance .risk .risk__listItem.-even--number {
    -webkit-column-gap: clamp(0.8888888889rem, -1.7161246612rem + 6.0975609756vw, 2.2777777778rem);
       -moz-column-gap: clamp(0.8888888889rem, -1.7161246612rem + 6.0975609756vw, 2.2777777778rem);
            column-gap: clamp(0.8888888889rem, -1.7161246612rem + 6.0975609756vw, 2.2777777778rem);
  }
}
.insurance .risk .risk__itemImg {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  grid-area: icon;
  height: 76px;
  width: 76px;
}

@media (min-width: 769px) {
  .insurance .risk .risk__itemImg {
    height: clamp(4.2222222222rem, -0.57100271rem + 11.2195121951vw, 6.7777777778rem);
    width: clamp(4.2222222222rem, -0.57100271rem + 11.2195121951vw, 6.7777777778rem);
  }
}
.insurance .risk .risk__itemTitle {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  color: #ef8963;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  grid-area: title;
  letter-spacing: 0.03em;
  line-height: 1.8;
}

@media (min-width: 769px) {
  .insurance .risk .risk__itemTitle {
    font-size: clamp(1rem, 0.374796748rem + 1.4634146341vw, 1.3333333333rem);
    letter-spacing: 0.72px;
    line-height: 1.3333333333rem;
  }
}
.insurance .risk .risk__itemText {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  color: #000;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 400;
  grid-area: text;
  letter-spacing: 0.03em;
  line-height: 2;
  text-align: justify;
}

@media (min-width: 769px) {
  .insurance .risk .risk__itemText {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
  }
}
.insurance .risk .risk__itemText em {
  color: #000;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 2;
}

@media (min-width: 769px) {
  .insurance .risk .risk__itemText em {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
  }
}
.insurance .risk .risk__itemText.-letter--spacing {
  letter-spacing: 0.7px;
}

.insurance .risk svg {
  height: auto;
  margin-bottom: -2px;
  width: 100vw;
}

.insurance .tips {
  padding-block: 52px;
  background-color: #fff;
}

@media (min-width: 769px) {
  .insurance .tips {
    padding-block: clamp(2.89rem, 7.74vw - 0.41rem, 5.78rem);
  }
}
.insurance .tips .tips__contents {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 39px;
}

@media (min-width: 769px) {
  .insurance .tips .tips__contents {
    margin-top: 32px;
    gap: 34px;
    margin-inline: auto;
    max-width: 1100px;
  }
}
.insurance .tips .tips__contents .feature-numbered-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  border-radius: 10px;
  background: #f8f2e9;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 24px;
  position: relative;
}

@media (min-width: 769px) {
  .insurance .tips .tips__contents .feature-numbered-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(1.33rem, 9.52vw - 2.73rem, 4.89rem);
    padding: clamp(1.33rem, 2.38vw + 0.32rem, 2.22rem) clamp(1.33rem, 8.33vw - 2.22rem, 4.44rem);
  }
}
.insurance .tips .tips__contents .feature-numbered-block.-normal::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 25px;
  height: 28px;
  background: url(../images/insurance_double_arrow_down.svg) no-repeat center center/cover;
}

@media (min-width: 769px) {
  .insurance .tips .tips__contents .feature-numbered-block.-normal::after {
    bottom: -18px;
    left: clamp(3.56rem, 10.94vw - 1.11rem, 7.64rem);
  }
}
.insurance .tips .tips__contents .feature-numbered-block .feature-numbered-block__line {
  height: 1px;
  background-color: #080808;
}

@media (min-width: 769px) {
  .insurance .tips .tips__contents .feature-numbered-block .feature-numbered-block__line {
    height: clamp(3.33rem, 4.32vw + 1.49rem, 4.94rem);
    width: 1px;
  }
}
.insurance .tips .tips__contents .feature-numbered-block .feature-numbered-block__description {
  color: #080808;
  text-align: justify;
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}

@media (min-width: 769px) {
  .insurance .tips .tips__contents .feature-numbered-block .feature-numbered-block__description {
    margin-top: 0px;
    font-size: clamp(0.78rem, 0.6vw + 0.52rem, 1rem);
    letter-spacing: clamp(0.02rem, 0.02vw + 0.01rem, 0.03rem);
  }
}
.insurance .tips .tips__contents .feature-numbered-block .feature-numbered-block__description-header {
  color: #ef8963;
  font-family: "Ubuntu", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.6px;
}

@media (min-width: 769px) {
  .insurance .tips .tips__contents .feature-numbered-block .feature-numbered-block__description-header {
    font-size: clamp(1.11rem, 0.6vw + 0.86rem, 1.33rem);
  }
}
.insurance .tips .tips__contents .feature-numbered-block .feature-numbered-block__description-text {
  color: #080808;
  text-align: justify;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}

@media (min-width: 769px) {
  .insurance .tips .tips__contents .feature-numbered-block .feature-numbered-block__description-text {
    font-size: clamp(0.78rem, 0.6vw + 0.52rem, 1rem);
  }
}
.insurance .feature-numbered-block .feature-numbered-block__title-wrap.-title--tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__title-wrap.-title--tips {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: clamp(4.44rem, 5.21vw + 2.22rem, 6.39rem);
  }
}
.insurance .feature-numbered-block .feature-numbered-block__title-wrap.-title--tips span {
  color: #ef8963;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__title-wrap.-title--tips span {
    display: inline-block;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -2px;
    text-align: center;
  }
}
.insurance .tips .tips__contents .feature-numbered-block.-inversion {
  background: #ef8963;
}

.insurance .feature-numbered-block.-inversion .feature-numbered-block__title-wrap.-title--tips span {
  color: #ffffff;
}

.insurance .tips .tips__contents .feature-numbered-block.-inversion .feature-numbered-block__line {
  height: 1px;
  background-color: #ffffff;
}

@media (min-width: 769px) {
  .insurance .tips .tips__contents .feature-numbered-block.-inversion .feature-numbered-block__line {
    height: clamp(3.33rem, 4.32vw + 1.49rem, 4.94rem);
    width: 1px;
  }
}
.insurance .feature-numbered-block .feature-numbered-block__title-wrap .feature-numbered-block__title {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__title-wrap .feature-numbered-block__title {
    font-size: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    letter-spacing: 0.84px;
    line-height: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
  }
  .insurance .feature-numbered-block .feature-numbered-block__title-wrap.-title--tips .feature-numbered-block__title {
    display: block;
    text-align: center;
    font-size: clamp(0.78rem, 1.49vw + 0.14rem, 1.33rem);
    letter-spacing: clamp(0.03rem, 0.03vw + 0.02rem, 0.04rem);
    white-space: nowrap;
  }
  .insurance .feature-numbered-block .feature-numbered-block__title-wrap.-title--flow .feature-numbered-block__title {
    display: block;
    text-align: center;
    font-size: clamp(0.78rem, 1.49vw + 0.14rem, 1.33rem);
    letter-spacing: clamp(0.03rem, 0.03vw + 0.02rem, 0.04rem);
    white-space: nowrap;
  }
}
.insurance .feature-numbered-block.-inversion .feature-numbered-block__title-wrap .feature-numbered-block__title {
  color: #ffffff;
}

.insurance .tips .tips__contents .feature-numbered-block.-inversion .feature-numbered-block__description {
  color: #ffffff;
}

.insurance .tips .tips__note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
  border-radius: 10px;
  background: #f8f2e9;
  margin-top: 40px;
}

@media (min-width: 769px) {
  .insurance .tips .tips__note {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-inline: auto;
    max-width: 1100px;
    margin-top: clamp(3.11rem, 2.38vw + 2.1rem, 4rem);
    padding: clamp(1.33rem, 2.38vw + 0.32rem, 2.22rem) clamp(1.33rem, 8.33vw - 2.22rem, 4.44rem);
  }
}
.insurance .tips .tips__note-header {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.54px;
}

@media (min-width: 769px) {
  .insurance .tips .tips__note-header {
    font-size: clamp(1rem, 2.08vw + 0.11rem, 1.78rem);
    line-height: 1.8;
    letter-spacing: clamp(0.03rem, 0.06vw + 0rem, 0.05rem);
  }
}
.insurance .tips .tips__note-items {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

@media (min-width: 769px) {
  .insurance .tips .tips__note-items {
    margin-top: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(1.83rem, 4.91vw - 0.26rem, 3.67rem);
    width: 100%;
  }
}
.insurance .tips .tips__note-item {
  padding: 20px 24px 24px;
  border-radius: 10px;
}

@media (min-width: 769px) {
  .insurance .tips .tips__note-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: clamp(1.33rem, 2.38vw + 0.32rem, 2.22rem);
  }
}
.insurance .tips .tips__note-item.--merit {
  background: #fff;
}

.insurance .tips .tips__note-item.--disadvantage {
  background: #fffbf5;
}

.insurance .tips .tips__note-item-title {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.54px;
  padding-bottom: 7px;
  display: inline-block;
  width: 100%;
  border-bottom: 0.786px solid #080808;
}

@media (min-width: 769px) {
  .insurance .tips .tips__note-item-title {
    font-size: clamp(1rem, 1.49vw + 0.36rem, 1.56rem);
    letter-spacing: clamp(0.03rem, 0.04vw + 0.01rem, 0.05rem);
    padding-bottom: 9px;
  }
}
.insurance .tips .tips__note-item-description {
  color: #080808;
  text-align: justify;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
  margin-top: 16px;
}

@media (min-width: 769px) {
  .insurance .tips .tips__note-item-description {
    font-size: clamp(0.78rem, 0.6vw + 0.52rem, 1rem);
    letter-spacing: clamp(0.02rem, 0.02vw + 0.01rem, 0.03rem);
  }
}
@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__header.-header--tips {
    padding-bottom: 1.3888888889rem;
    margin-top: 0px;
    height: clamp(2.43rem, 6.59vw - 0.38rem, 4.89rem);
  }
}
.insurance .feature-numbered-block .feature-numbered-block__header.-header--tips {
  padding-bottom: 0px;
  border-bottom: none;
}

.insurance .coverage {
  padding-top: 68px;
  padding-bottom: 122px;
  background-color: #fff;
}

@media (min-width: 769px) {
  .insurance .coverage {
    padding-top: clamp(3.78rem, 4.17vw + 2rem, 5.33rem);
    padding-bottom: clamp(6.78rem, 11.61vw + 1.82rem, 11.11rem);
  }
}
.insurance .coverage .coverage__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 43px;
  margin-top: 32px;
}

@media (min-width: 769px) {
  .insurance .coverage .coverage__contents {
    display: -ms-grid;
    display: grid;
    gap: 65px 5.5555555556rem;
    -ms-grid-columns: 1fr 5.5555555556rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 1fr 65px 1fr;
    grid-template-rows: repeat(2, 1fr);
    margin-inline: auto;
    margin-top: clamp(1.78rem, 0.6vw + 1.52rem, 2rem);
    padding-inline: 40px;
    width: min(1180px, 100%);
  }
  .insurance .coverage .coverage__contents > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .insurance .coverage .coverage__contents > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .insurance .coverage .coverage__contents > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .insurance .coverage .coverage__contents > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@media (min-width: 769px) {
  .insurance .feature-numbered-block.-block--roof {
    margin-top: 0.6111111111rem;
  }
}
@media (min-width: 769px) {
  .insurance .feature-numbered-block.-block--battery {
    margin-top: 0.7777777778rem;
  }
}
.insurance .feature-numbered-block .feature-numbered-block__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.786px solid #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__header {
    gap: clamp(0.5555555556rem, -0.9032520325rem + 3.4146341463vw, 1.3333333333rem);
    padding-bottom: 18px;
  }
}
@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__header.-header--coverage {
    height: clamp(3.33rem, 3.72vw + 1.75rem, 4.72rem);
    padding-bottom: 18px;
  }
}
.insurance .feature-numbered-block .feature-numbered-block__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.insurance .feature-numbered-block .feature-numbered-block__icon.-icon--agreement {
  width: 46px;
  height: 44px;
  margin-right: 21px;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__icon.-icon--agreement {
    width: clamp(2.56rem, 2.68vw + 1.41rem, 3.56rem);
    height: clamp(2.44rem, 2.68vw + 1.3rem, 3.44rem);
    margin-left: 12px;
    margin-right: -3px;
  }
}
.insurance .feature-numbered-block .feature-numbered-block__icon.-icon--house {
  width: 48.032px;
  height: 44.089px;
  margin-right: 22px;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__icon.-icon--house {
    width: clamp(2.67rem, 3.57vw + 1.15rem, 4rem);
    height: clamp(2.45rem, 3.27vw + 1.05rem, 3.67rem);
    margin-right: 10px;
  }
}
.insurance .feature-numbered-block .feature-numbered-block__icon.-icon--roof {
  width: 54.999px;
  height: 30.687px;
  margin-right: 15px;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__icon.-icon--roof {
    width: clamp(3.06rem, 4.54vw + 1.12rem, 4.75rem);
    height: clamp(1.7rem, 2.53vw + 0.63rem, 2.65rem);
    margin-right: -13px;
  }
}
.insurance .feature-numbered-block .feature-numbered-block__icon.-icon--receipt {
  width: 43px;
  height: 43px;
  margin-right: 22px;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__icon.-icon--receipt {
    width: clamp(2.39rem, 3.27vw + 0.99rem, 3.61rem);
    height: clamp(2.39rem, 3.27vw + 0.99rem, 3.61rem);
    margin-left: 4px;
    margin-right: -3px;
  }
}
.insurance .feature-numbered-block .feature-numbered-block__title-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.insurance .feature-numbered-block .feature-numbered-block__title-wrap span {
  font-family: "Ubuntu", sans-serif;
  font-size: 2.6666666667rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1;
  text-align: right;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__title-wrap span {
    font-size: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
    line-height: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
  }
}
.insurance .feature-numbered-block .feature-numbered-block__title-wrap.-span--PTN span {
  color: #ef8963;
}

.insurance .feature-numbered-block .feature-numbered-block__title-wrap .feature-numbered-block__title {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__title-wrap .feature-numbered-block__title {
    font-size: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
    letter-spacing: 0.84px;
    line-height: clamp(1rem, -0.0420054201rem + 2.4390243902vw, 1.5555555556rem);
  }
  .insurance .feature-numbered-block .feature-numbered-block__title-wrap.-title--tips .feature-numbered-block__title {
    display: block;
    text-align: center;
    font-size: clamp(0.78rem, 1.49vw + 0.14rem, 1.33rem);
    letter-spacing: clamp(0.03rem, 0.03vw + 0.02rem, 0.04rem);
    white-space: nowrap;
  }
  .insurance .feature-numbered-block .feature-numbered-block__title-wrap.-title--flow .feature-numbered-block__title {
    display: block;
    text-align: center;
    font-size: clamp(0.78rem, 1.49vw + 0.14rem, 1.33rem);
    letter-spacing: clamp(0.03rem, 0.03vw + 0.02rem, 0.04rem);
    white-space: nowrap;
  }
}
.insurance .feature-numbered-block.-inversion .feature-numbered-block__title-wrap .feature-numbered-block__title {
  color: #ffffff;
}

.insurance .coverage .feature-numbered-block .feature-numbered-block__content {
  margin-top: 16px;
}

@media (min-width: 769px) {
  .insurance .coverage .feature-numbered-block .feature-numbered-block__content {
    margin-top: clamp(0.89rem, 2.38vw - 0.13rem, 1.78rem);
  }
}
.insurance .feature-numbered-block .feature-numbered-block__text {
  color: #080808;
  text-align: justify;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__text {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
    margin-top: clamp(0.89rem, 2.38vw - 0.13rem, 1.78rem);
  }
}
.insurance .feature-numbered-block .feature-numbered-block__text em {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 0.9333333333rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 2;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__text em {
    font-size: clamp(0.7777777778rem, 0.3609756098rem + 0.9756097561vw, 1rem);
    letter-spacing: 0.54px;
    line-height: clamp(1.5555555556rem, 0.7219512195rem + 1.9512195122vw, 2rem);
  }
}
.insurance .flow {
  padding-block: 120px;
  background-color: #fffbf5;
}

@media (min-width: 769px) {
  .insurance .flow {
    padding-block: clamp(6.67rem, 12.35vw + 1.4rem, 11.28rem);
  }
}
.insurance .flow .flow__contents {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 39px;
}

@media (min-width: 769px) {
  .insurance .flow .flow__contents {
    margin-top: 32px;
    gap: 34px;
    margin-inline: auto;
    max-width: 1100px;
  }
}
.insurance .flow .flow__contents .feature-numbered-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  border-radius: 10px;
  background: #f8f2e9;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 24px;
  position: relative;
}

@media (min-width: 769px) {
  .insurance .flow .flow__contents .feature-numbered-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(1.33rem, 9.52vw - 2.73rem, 4.89rem);
    padding: clamp(1.33rem, 2.38vw + 0.32rem, 2.22rem) clamp(1.33rem, 8.33vw - 2.22rem, 4.44rem);
  }
}
.insurance .flow .flow__contents .feature-numbered-block.-normal::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 25px;
  height: 28px;
  background: url(../images/insurance_double_arrow_down.svg) no-repeat center center/cover;
}

@media (min-width: 769px) {
  .insurance .flow .flow__contents .feature-numbered-block.-normal::after {
    bottom: -18px;
    left: clamp(3.56rem, 10.94vw - 1.11rem, 7.64rem);
  }
}
.insurance .flow .flow__contents .feature-numbered-block .feature-numbered-block__line {
  height: 1px;
  background-color: #080808;
}

@media (min-width: 769px) {
  .insurance .flow .flow__contents .feature-numbered-block .feature-numbered-block__line {
    height: clamp(3.33rem, 4.32vw + 1.49rem, 4.94rem);
    width: 1px;
  }
}
.insurance .flow .flow__contents .feature-numbered-block .feature-numbered-block__description {
  color: #080808;
  text-align: justify;
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}

@media (min-width: 769px) {
  .insurance .flow .flow__contents .feature-numbered-block .feature-numbered-block__description {
    margin-top: 0px;
    font-size: clamp(0.78rem, 0.6vw + 0.52rem, 1rem);
    letter-spacing: clamp(0.02rem, 0.02vw + 0.01rem, 0.03rem);
  }
}
.insurance .flow .flow__contents .feature-numbered-block .feature-numbered-block__description-header {
  color: #ef8963;
  font-family: "Ubuntu", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.6px;
}

@media (min-width: 769px) {
  .insurance .flow .flow__contents .feature-numbered-block .feature-numbered-block__description-header {
    font-size: clamp(1.11rem, 0.6vw + 0.86rem, 1.33rem);
  }
}
.insurance .flow .flow__contents .feature-numbered-block .feature-numbered-block__description-text {
  color: #080808;
  text-align: justify;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}

@media (min-width: 769px) {
  .insurance .flow .flow__contents .feature-numbered-block .feature-numbered-block__description-text {
    font-size: clamp(0.78rem, 0.6vw + 0.52rem, 1rem);
  }
}
.insurance .feature-numbered-block .feature-numbered-block__title-wrap.-title--flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__title-wrap.-title--flow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: clamp(4.44rem, 5.21vw + 2.22rem, 6.39rem);
  }
}
.insurance .feature-numbered-block .feature-numbered-block__title-wrap.-title--flow span {
  color: #ef8963;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__title-wrap.-title--flow span {
    display: inline-block;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -2px;
    text-align: center;
  }
}
.insurance .flow .flow__contents .feature-numbered-block.-inversion {
  background: #ef8963;
}

.insurance .feature-numbered-block.-inversion .feature-numbered-block__title-wrap.-title--flow span {
  color: #ffffff;
}

.insurance .flow .flow__contents .feature-numbered-block.-inversion .feature-numbered-block__line {
  height: 1px;
  background-color: #ffffff;
}

@media (min-width: 769px) {
  .insurance .flow .flow__contents .feature-numbered-block.-inversion .feature-numbered-block__line {
    height: clamp(3.33rem, 4.32vw + 1.49rem, 4.94rem);
    width: 1px;
  }
}
.insurance .feature-numbered-block.-inversion .feature-numbered-block__title-wrap .feature-numbered-block__title {
  color: #ffffff;
}

.insurance .flow .flow__contents .feature-numbered-block.-inversion .feature-numbered-block__description {
  color: #ffffff;
}

@media (min-width: 769px) {
  .insurance .feature-numbered-block .feature-numbered-block__header.-header--flow {
    padding-bottom: 1.3888888889rem;
    margin-top: 0px;
    height: clamp(2.43rem, 6.59vw - 0.38rem, 4.89rem);
  }
}
.insurance .feature-numbered-block .feature-numbered-block__header.-header--flow {
  padding-bottom: 0px;
  border-bottom: none;
}

/* 追加分 page-cleaning */
.cleaning {
  background: #fff;
}

.cleaning em {
  font-style: normal;
}

.cleaning .section {
  padding-top: 68px;
}

@media (min-width: 769px) {
  .cleaning .section {
    padding-top: clamp(3.78rem, 4.61vw + 1.81rem, 5.5rem);
  }
}
.cleaning .section .section__inner {
  padding-inline: 24px;
}

.cleaning .section .section__header {
  margin-inline: auto;
  max-width: 1100px;
}

.cleaning .section .section__label {
  color: #000;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.42px;
  line-height: 100%;
  /* 14px */
}

@media (min-width: 769px) {
  .cleaning .section .section__label {
    font-size: clamp(0.7777777778rem, 0.6735772358rem + 0.243902439vw, 0.8333333333rem);
    letter-spacing: 0.45px;
    line-height: clamp(0.7777777778rem, 0.6735772358rem + 0.243902439vw, 0.8333333333rem);
  }
}
.cleaning .section .section__title {
  color: #080808;
  display: inline-block;
  font-family: "Ubuntu", sans-serif;
  font-size: 2.6666666667rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.3;
  margin-top: 4px;
  margin-left: -3px;
}

@media (max-width: 374px) {
  .cleaning .section .section__title {
    font-size: max(2.2222222222rem, 16px);
  }
}
@media (min-width: 769px) {
  .cleaning .section .section__title {
    font-size: clamp(2.2222222222rem, -2.499104336rem + 11.0512195122vw, 4.7394444444rem);
    letter-spacing: 5.119px;
    line-height: clamp(2.8888888889rem, -3.2488356369rem + 14.3665853659vw, 6.1612777778rem);
    margin-top: 3px;
  }
}
.cleaning .section .section__subTitle {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.3333333333rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.8;
  margin-top: 8px;
  text-shadow: 0px 0px 7.863px rgba(255, 255, 255, 0.6);
}

@media (min-width: 769px) {
  .cleaning .section .section__subTitle {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    font-weight: 500;
    letter-spacing: 0.96px;
    line-height: clamp(2rem, -0.2507317073rem + 5.2682926829vw, 3.2rem);
    margin-top: clamp(0.3333333333rem, -5.293495935rem + 13.1707317073vw, 3.3333333333rem);
    text-align: justify;
  }
}
@media (min-width: 769px) {
  .cleaning .section .section__subTitle.-subTitle--PTN {
    margin-top: clamp(0.3333333333rem, -5.918699187rem + 14.6341463415vw, 3.6666666667rem);
  }
}
@media screen and (max-width: 768px) {
  .cleaning .sp-only {
    display: block;
  }
}
@media (min-width: 769px) {
  .cleaning .sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .cleaning .pc-only {
    display: none;
  }
}
@media (min-width: 769px) {
  .cleaning .pc-only {
    display: block;
  }
}
.cleaning .feature-numbered-block .feature-numbered-block__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.786px solid #080808;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
}

@media (min-width: 769px) {
  .cleaning .feature-numbered-block .feature-numbered-block__header {
    gap: clamp(0.5555555556rem, -0.9032520325rem + 3.4146341463vw, 1.3333333333rem);
    padding-bottom: 18px;
  }
}
.cleaning .feature-numbered-block .feature-numbered-block__title-wrap span {
  font-family: "Ubuntu", sans-serif;
  font-size: 2.6666666667rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1;
  text-align: right;
}

@media (min-width: 769px) {
  .cleaning .feature-numbered-block .feature-numbered-block__title-wrap span {
    font-size: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
    line-height: clamp(2.2222222222rem, 0.1382113821rem + 4.8780487805vw, 3.3333333333rem);
  }
}
.cleaning .mv {
  padding-top: 0;
}

@media (min-width: 769px) {
  .cleaning .mv {
    position: relative;
  }
}
.cleaning .mv .mv__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cleaning .mv .mv__intro-img {
  position: relative;
}

@media (min-width: 769px) {
  .cleaning .mv .mv__intro-img {
    aspect-ratio: 1440/900;
    width: 100%;
  }
  .cleaning .mv .mv__intro-img img {
    -o-object-fit: cover;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
}
.cleaning .mv .mv__intro-img::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 102px;
  height: 101px;
  background: url(../images/cleaning_mv_character.png) no-repeat center center/cover;
  z-index: 1;
}

@media (min-width: 769px) {
  .cleaning .mv .mv__intro-img::after {
    bottom: -27px;
    width: clamp(5.67rem, 11.17vw + 3.34rem, 12.28rem);
    height: clamp(5.61rem, 11.17vw + 3.28rem, 12.22rem);
  }
}
.cleaning .mv .mv__intro-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  margin-top: 32px;
  text-align: left;
}

@media (min-width: 769px) {
  .cleaning .mv .mv__intro-info {
    gap: 6px;
    left: 5%;
    position: absolute;
    top: 20%;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    z-index: 2;
  }
}
@media (min-width: 1200px) {
  .cleaning .mv .mv__intro-info {
    left: 12%;
    top: 28%;
  }
}
.cleaning .mv .mv__heading {
  color: #ffffff;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.6666666667rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .cleaning .mv .mv__heading {
    padding-inline: 24px;
  }
}
@media (min-width: 769px) {
  .cleaning .mv .mv__heading {
    font-size: clamp(1.3888888889rem, -1.0077235772rem + 5.6097560976vw, 2.6666666667rem);
    font-weight: 500;
    line-height: clamp(2.5rem, -0.3134146341rem + 6.5853658537vw, 4rem);
  }
}
@media (max-width: 769px) {
  .cleaning .mv .mv__heading {
    text-shadow: 0 0 7.863px rgba(255, 255, 255, 0.6);
  }
}
@media screen and (max-width: 768px) {
  .cleaning .mv .mv__heading.-color--change_sp {
    color: #080808;
  }
}
@media (min-width: 769px) {
  .cleaning .mv .mv__heading span {
    letter-spacing: -7.2px;
  }
}
.cleaning .mv .mv__description {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.8;
  text-align: justify;
  margin-left: -3px;
  margin-top: 2px;
}

@media screen and (max-width: 768px) {
  .cleaning .mv .mv__description {
    padding-inline: 24px;
  }
}
@media (min-width: 769px) {
  .cleaning .mv .mv__description {
    color: #ffffff;
    font-size: clamp(0.78rem, 0.38vw + 0.7rem, 1rem);
    letter-spacing: 0.48px;
    line-height: clamp(1.4rem, 1.0248780488rem + 0.8780487805vw, 1.6rem);
  }
}
.cleaning .mv .mv__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  position: fixed;
  bottom: 0;
  z-index: 999;
}

@media (min-width: 769px) {
  .cleaning .mv .mv__btns {
    width: auto;
    position: static;
    z-index: auto;
    gap: 16px;
    margin-top: clamp(0.7777777778rem, -2.4524390244rem + 7.5609756098vw, 2.5rem);
    max-width: 319px;
  }
}
.cleaning .mv .mv__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}

@media (min-width: 769px) {
  .cleaning .mv .mv__btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.cleaning .mv .mv__btn a {
  color: #fff;
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
  font-size: 1.3333333333rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  padding-block: 16x;
  padding-inline: 59px;
}

@media (min-width: 769px) {
  .cleaning .mv .mv__btn a {
    font-size: 1.1111111111rem;
    letter-spacing: 1px;
    min-width: initial;
    padding-block: clamp(0.6666666667rem, 0.2498644986rem + 0.9756097561vw, 0.8888888889rem);
    padding-inline: clamp(0.8888888889rem, -0.0489159892rem + 2.1951219512vw, 1.3888888889rem) clamp(0.6666666667rem, 0.2498644986rem + 0.9756097561vw, 0.8888888889rem);
    width: 100%;
  }
}
.cleaning .before-after {
  padding-top: 50px;
  padding-bottom: 70px;
}

@media (min-width: 769px) {
  .cleaning .before-after {
    padding-top: clamp(2.78rem, 6.2vw + 1.49rem, 6.44rem);
    padding-bottom: clamp(3.89rem, 5.45vw + 2.75rem, 7.11rem);
  }
}
.cleaning .before-after .before-after__title {
  position: relative;
  margin-inline: auto;
  max-width: 1100px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.6px;
}

@media (min-width: 769px) {
  .cleaning .before-after .before-after__title {
    font-size: clamp(1.11rem, 1.13vw + 0.88rem, 1.78rem);
    letter-spacing: clamp(0.03rem, 0.03vw + 0.03rem, 0.05rem);
  }
}
.cleaning .before-after .before-after__title span {
  color: #408bda;
}

.cleaning .before-after .before-after__title::before {
  content: "";
  position: absolute;
  bottom: 21px;
  left: clamp(0.11rem, 6.01vw - 1.14rem, 3.67rem);
  -webkit-transform: rotate(66.615deg);
          transform: rotate(66.615deg);
  width: 48.311px;
  height: 3px;
  border-radius: 1.5px;
  background-color: #408bda;
}

.cleaning .before-after .before-after__title::after {
  content: "";
  position: absolute;
  bottom: 21px;
  right: clamp(0.11rem, 6.01vw - 1.14rem, 3.67rem);
  -webkit-transform: rotate(113.385deg);
          transform: rotate(113.385deg);
  width: 48.311px;
  height: 3px;
  border-radius: 1.5px;
  background-color: #408bda;
}

.cleaning .before-after .before-after__body {
  position: relative;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 769px) {
  .cleaning .before-after .before-after__body {
    margin-top: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1100px;
    margin-inline: auto;
  }
}
.cleaning .before-after .before-after__body::before,
.cleaning .before-after .before-after__body::after {
  position: absolute;
  left: 50%;
  font-family: "Ubuntu", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 1.08px;
  padding: 5px 37px;
  border-radius: 50px;
  background: #fff;
  z-index: 1;
}

.cleaning .before-after .before-after__body::before {
  content: "Before";
  top: 0px;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  color: #080808;
  border: 3px solid #080808;
}

.cleaning .before-after .before-after__body::after {
  content: "After";
  bottom: 0px;
  -webkit-transform: translateX(-50%) translateY(50%);
          transform: translateX(-50%) translateY(50%);
  color: #408bda;
  border: 3px solid #408bda;
}

@media (min-width: 769px) {
  .cleaning .before-after .before-after__body::before,
  .cleaning .before-after .before-after__body::after {
    top: auto;
    bottom: 0;
    -webkit-transform: translateX(0) translateY(50%);
            transform: translateX(0) translateY(50%);
    font-size: clamp(1rem, 0.56vw + 0.88rem, 1.33rem);
    letter-spacing: clamp(0.06rem, 0.03vw + 0.05rem, 0.08rem);
  }
  .cleaning .before-after .before-after__body::before {
    left: 17.5%;
    right: auto;
  }
  .cleaning .before-after .before-after__body::after {
    left: auto;
    right: 18.5%;
  }
}
.cleaning .before-after .before-after__img {
  position: relative;
  margin-inline: auto;
  max-width: 1100px;
  width: 100%;
  aspect-ratio: 327/284;
  overflow: hidden;
}

@media (min-width: 769px) {
  .cleaning .before-after .before-after__img {
    position: relative;
    margin-inline: auto;
    max-width: 1100px;
    width: 100%;
    aspect-ratio: 327/284;
    overflow: hidden;
  }
}
.cleaning .before-after .before-after__img.-before {
  border-radius: 20px 20px 0 0;
}

.cleaning .before-after .before-after__img.-after {
  border-radius: 0 0 20px 20px;
}

@media (min-width: 769px) {
  .cleaning .before-after .before-after__img.-before {
    border-radius: 20px 0 0 20px;
  }
  .cleaning .before-after .before-after__img.-after {
    border-radius: 0 20px 20px 0;
  }
}
.cleaning .before-after .before-after__img img {
  -o-object-fit: cover;
  aspect-ratio: 327/284;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.cleaning .concept {
  padding-top: 68px;
  padding-bottom: 127.49px;
  position: relative;
}

@media (min-width: 769px) {
  .cleaning .concept {
    padding-top: clamp(3.78rem, 2.91vw + 3.17rem, 5.5rem);
  }
}
.cleaning .concept .concept__detail {
  background: #eff7ff;
  border-radius: 10px;
  margin-top: -33px;
  padding: 120px 80px;
  position: relative;
}
.cleaning .concept .concept__detail::after {
  content: "";
  position: absolute;
  bottom: -104.49px;
  right: 4.5px;
  width: 153.501px;
  height: 137.003px;
  background: url(../images/cleaning_concept_character_sp.png) no-repeat center center/contain;
  z-index: 0;
}
@media (min-width: 769px) {
  .cleaning .concept .concept__detail::after {
    bottom: -10px;
    right: -18px;
    width: clamp(8.53rem, 6.04vw + 7.27rem, 12.1rem);
    height: clamp(7.61rem, 7.16vw + 6.12rem, 11.85rem);
    background: url(../images/cleaning_concept_character_pc.png) no-repeat center center/contain;
    z-index: 0;
  }
}

@media screen and (max-width: 768px) {
  .cleaning .concept .concept__detail {
    margin-bottom: 0;
    padding: 60px 24px 60px;
  }
}
@media (min-width: 769px) {
  .cleaning .concept .concept__detail {
    margin-inline: auto;
    margin-top: -1.6666666667rem;
    padding: clamp(1.5555555556rem, -9.072899729rem + 24.8780487805vw, 7.2222222222rem) clamp(1.3333333333rem, -4.501897019rem + 13.6585365854vw, 4.4444444444rem);
    width: min(1100px, 100%);
  }
}
@media (min-width: 1200px) {
  .cleaning .concept .concept__detail {
    margin-top: -3.4rem;
    padding-top: 6.7rem;
    padding-bottom: 6.5rem;
  }
}
.cleaning .concept .concept__detail .concept__detail-heading {
  color: #080808;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 1.8;
}

@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__detail-heading {
    font-size: clamp(1.1111111111rem, -0.139295393rem + 2.9268292683vw, 1.7777777778rem);
    letter-spacing: 0.96px;
  }
}
.cleaning .concept .concept__detail .concept__detail-heading img {
  margin: 0 auto 24px;
  width: auto;
}

.cleaning .concept .concept__detail .concept__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 30px;
}

@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__contents {
    margin-top: 32px;
  }
}
.cleaning .concept .concept__detail .concept__features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 24px;
  border-radius: 10px;
  background: #fff;
}

@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__features {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 75px 10px 40px 10px;
    gap: clamp(0.83rem, 7.32vw - 0.69rem, 5.17rem);
  }
}
.cleaning .concept .concept__detail .concept__feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__feature {
    width: 140px;
  }
}
.cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(1) .concept__feature-img {
  width: 84px;
  height: 84.115px;
}

@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(1) .concept__feature-img {
    width: clamp(5.56rem, 2.44vw + 5.05rem, 7rem);
    height: clamp(4.72rem, 2.44vw + 4.21rem, 6.17rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(1) .concept__feature-img img {
    max-width: 110.77px;
    max-height: 110.922px;
  }
}
.cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(3) {
  margin-top: 72px;
  position: relative;
}
.cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(3) .concept__feature-img {
  width: 95.002px;
  height: 82.209px;
}
.cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(3)::after {
  content: "";
  position: absolute;
  top: -36px;
  left: 0;
  right: 0;
  height: 2px;
  background: url(../images/cleaning_concept-separator-dot.svg) repeat-x center left;
  background-size: 5px 2px;
  z-index: 1;
}

@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(3) {
    margin-top: 0;
    margin-left: 0;
  }
  .cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(3) .concept__feature-img {
    width: clamp(5.56rem, 2.44vw + 5.05rem, 7rem);
    height: clamp(4.72rem, 2.44vw + 4.21rem, 6.17rem);
  }
  .cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(3)::after {
    display: none;
  }
}
.cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(5) {
  margin-top: 72px;
  position: relative;
}
.cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(5) .concept__feature-img {
  width: 100px;
  height: 77.02px;
}
.cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(5)::after {
  content: "";
  position: absolute;
  top: -36px;
  left: 0;
  right: 0;
  height: 2px;
  background: url(../images/cleaning_concept-separator-dot.svg) repeat-x center left;
  background-size: 5px 2px;
  z-index: 1;
}

@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(5) {
    margin-top: 0;
    margin-left: 0;
  }
  .cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(5) .concept__feature-img {
    width: clamp(5.56rem, 2.44vw + 5.05rem, 7rem);
    height: clamp(4.72rem, 2.44vw + 4.21rem, 6.17rem);
  }
  .cleaning .concept .concept__detail .concept__features .concept__feature:nth-of-type(5)::after {
    display: none;
  }
}
.cleaning .concept .concept__detail .concept__features .concept__features-body {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.cleaning .concept .concept__detail .concept__features .concept__features-body .concept__features-title {
  color: #408bda;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.54px;
}
.cleaning .concept .concept__detail .concept__features .concept__features-body .concept__features-text {
  color: #080808;
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.42px;
}
@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__features .concept__features-body .concept__features-title {
    margin-top: 24.08px;
    font-size: clamp(1rem, 0.56vw + 0.88rem, 1.33rem);
    letter-spacing: 0.72px;
  }
  .cleaning .concept .concept__detail .concept__features .concept__features-body .concept__features-text {
    margin-top: 11px;
    font-size: clamp(0.78rem, 0.38vw + 0.7rem, 1rem);
    letter-spacing: 0.54px;
  }
}

.concept__feature-separator {
  width: 2px;
  height: 175px;
  background: url(../images/cleaning_concept-separator-dot.svg) repeat-y top center;
  background-size: 2px 5px;
}

.cleaning .concept .concept__detail .concept__body {
  text-align: center;
  margin-top: 50px;
}
.cleaning .concept .concept__detail .concept__body .concept__question {
  color: #080808;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.6px;
}
@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__body .concept__question {
    font-size: clamp(1.11rem, 1.13vw + 0.88rem, 1.78rem);
    letter-spacing: 0.96px;
  }
}
.cleaning .concept .concept__detail .concept__body .concept__people {
  width: 164px;
  height: 129.169px;
  margin-inline: auto;
  margin-top: 29px;
}
@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__body .concept__people {
    width: clamp(9.11rem, 5.82vw + 7.9rem, 12.56rem);
    height: clamp(7.18rem, 4.59vw + 6.22rem, 9.89rem);
    margin-top: 30px;
  }
}
.cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-1 {
  margin-top: 20px;
  color: #080808;
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}
.cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-1 em {
  font-weight: 700;
}
@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-1 {
    margin-top: 24px;
    font-size: clamp(0.78rem, 0.38vw + 0.7rem, 1rem);
    letter-spacing: 0.54px;
  }
}
.cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-2 {
  margin-top: 27px;
  color: #080808;
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.42px;
}
@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-2 {
    margin-top: 36px;
    font-size: clamp(0.78rem, 0.38vw + 0.7rem, 1rem);
    letter-spacing: 0.54px;
  }
}
.cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-3 p {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.54px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
.cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-3 p::before {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  height: 5px;
  background-color: #408bda;
  z-index: -1;
}
@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-3 {
    margin-top: 6px;
  }
  .cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-3 p {
    font-size: clamp(1rem, 0.94vw + 0.8rem, 1.56rem);
    line-height: 2;
    letter-spacing: 0.84px;
  }
  .cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-3 p::before {
    bottom: 6px;
    height: clamp(0.28rem, 0.47vw + 0.18rem, 0.56rem);
  }
}
.cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-4 {
  margin-top: 27px;
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}
.cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-4 em {
  font-weight: 700;
}
@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-4 {
    margin-top: 30px;
    font-size: clamp(0.78rem, 0.38vw + 0.7rem, 1rem);
    letter-spacing: 0.54px;
  }
}
.cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-5 {
  margin-top: 28px;
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}
.cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-5 em {
  font-weight: 700;
}
@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-5 {
    margin-top: 37px;
    font-size: clamp(0.78rem, 0.38vw + 0.7rem, 1rem);
    letter-spacing: 0.54px;
  }
}
.cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-6 {
  margin-top: 28px;
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}
.cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-6 em {
  font-weight: 700;
}
@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-6 {
    margin-top: 36px;
    font-size: clamp(0.78rem, 0.38vw + 0.7rem, 1rem);
    letter-spacing: 0.54px;
  }
}
@media (max-width: 1000px) {
  .cleaning .concept .concept__detail .concept__body .concept__description .concept__description-text-6 .tab-only {
    display: block !important;
  }
}

@media (min-width: 769px) {
  .cleaning .concept .concept__detail .concept__body {
    text-align: center;
    margin-top: clamp(2.78rem, 2.91vw + 2.17rem, 4.5rem);
  }
}
.cleaning .tips {
  padding-block: 52px;
}

@media (min-width: 769px) {
  .cleaning .tips {
    padding-block: clamp(2.89rem, 7.74vw - 0.41rem, 5.78rem);
  }
}
.cleaning .case.section {
  margin-top: 10px;
}

.cleaning .case.section svg {
  height: auto;
  margin-bottom: -2px;
  width: 100vw;
}

@media (min-width: 769px) {
  .cleaning .case.section {
    margin-top: -20px;
  }
  .cleaning .case.section .section__subTitle {
    margin-top: 17px;
  }
}
.cleaning .case.section .section__inner {
  padding-bottom: 138px;
}

@media (min-width: 769px) {
  .cleaning .case.section .section__inner {
    padding-bottom: 224px;
  }
}
.cleaning .case .case__decoration {
  position: relative;
}
.cleaning .case .case__decoration::after {
  content: "";
  position: absolute;
  bottom: -183px;
  right: 1px;
  width: 171.252px;
  height: 150px;
  background: url(../images/cleaning_case-family_sp.png) no-repeat center center/cover;
}

@media (min-width: 769px) {
  .cleaning .case .case__decoration {
    max-width: 1100px;
    margin-inline: auto;
  }
  .cleaning .case .case__decoration::after {
    content: "";
    position: absolute;
    bottom: -135px;
    right: 30px;
    width: 250px;
    height: 256px;
    background: url(../images/cleaning_case-family_pc.png) no-repeat center center/cover;
  }
}
.case__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 59px;
  margin-top: 132px;
}

@media (min-width: 769px) {
  .case__items {
    gap: clamp(3.28rem, 3.38vw + 2.57rem, 5.28rem);
    max-width: 1100px;
    margin-inline: auto;
    margin-top: 72px;
  }
}
.case__item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (min-width: 769px) {
  .case__item-wrapper {
    gap: 16px;
  }
}
.case__item-title {
  display: block;
  color: #408bda;
  font-family: "Ubuntu", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}

@media (min-width: 769px) {
  .case__item-title {
    font-size: clamp(1.44rem, 1.31vw + 1.17rem, 2.22rem);
  }
}
.cleaning .case .case__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}

@media (min-width: 769px) {
  .cleaning .case .case__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1100px;
    margin-inline: auto;
  }
}
.cleaning .case .case__item::before,
.cleaning .case .case__item::after {
  position: absolute;
  left: 50%;
  font-family: "Ubuntu", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 1.08px;
  padding: 5px 37px;
  border-radius: 50px;
  background: #fff;
  z-index: 1;
}

.cleaning .case .case__item::before {
  content: "Before";
  top: 0px;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  color: #080808;
  border: 3px solid #080808;
}

.cleaning .case .case__item::after {
  content: "After";
  bottom: 0px;
  -webkit-transform: translateX(-50%) translateY(50%);
          transform: translateX(-50%) translateY(50%);
  color: #408bda;
  border: 3px solid #408bda;
}

@media (min-width: 769px) {
  .cleaning .case .case__item::before,
  .cleaning .case .case__item::after {
    top: auto;
    bottom: 0;
    -webkit-transform: translateX(0) translateY(50%);
            transform: translateX(0) translateY(50%);
    font-size: clamp(1rem, 0.56vw + 0.88rem, 1.33rem);
    letter-spacing: clamp(0.06rem, 0.03vw + 0.05rem, 0.08rem);
  }
  .cleaning .case .case__item::before {
    left: 17.5%;
    right: auto;
  }
  .cleaning .case .case__item::after {
    left: auto;
    right: 18.5%;
  }
}
.cleaning .case .case__img {
  position: relative;
  margin-inline: auto;
  max-width: 1100px;
  width: 100%;
  aspect-ratio: 327/284;
  overflow: hidden;
}

@media (min-width: 769px) {
  .cleaning .case .case__img {
    position: relative;
    margin-inline: auto;
    max-width: 1100px;
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
  }
}
.cleaning .case .case__img.-before {
  border-radius: 20px 20px 0 0;
}

.cleaning .case .case__img.-after {
  border-radius: 0 0 20px 20px;
}

@media (min-width: 769px) {
  .cleaning .case .case__img.-before {
    border-radius: 20px 0 0 20px;
  }
  .cleaning .case .case__img.-after {
    border-radius: 0 20px 20px 0;
  }
}
.cleaning .case .case__img img {
  -o-object-fit: cover;
  aspect-ratio: 327/284;
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media (min-width: 769px) {
  .cleaning .case .case__img img {
    aspect-ratio: 3/2;
  }
}
.cleaning .now.section {
  padding-top: 63px;
  padding-bottom: 60px;
  background-color: #eff7ff;
}

@media (min-width: 769px) {
  .cleaning .now.section {
    padding-top: clamp(3.5rem, 3.94vw + 2.68rem, 5.83rem);
    padding-bottom: clamp(3.33rem, 13.15vw + 0.59rem, 11.11rem);
  }
}
.cleaning .now.section .section__subTitle {
  margin-top: 21px;
}

.cleaning .now.section .section__subTitle span {
  color: #408bda;
}

@media (min-width: 769px) {
  .cleaning .now.section .section__subTitle {
    margin-top: clamp(1.17rem, 3.57vw + 0.42rem, 3.28rem);
  }
}
.cleaning .now .now__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-top: 20px;
  max-width: 1100px;
  margin-inline: auto;
}

@media (min-width: 769px) {
  .cleaning .now .now__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(0.67rem, 3.29vw - 0.02rem, 2.61rem);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: clamp(1.11rem, 1.88vw + 0.72rem, 2.22rem);
  }
}
.cleaning .now .now__content-img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}

@media (min-width: 769px) {
  .cleaning .now .now__content-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 764px;
            flex: 0 1 764px;
  }
}
.cleaning .now .now__content-description-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding-left: 10px;
}
.cleaning .now .now__content-description-wrapper p {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.54px;
}

@media (min-width: 769px) {
  .cleaning .now .now__content-description-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 fit-content;
            flex: 0 0 fit-content;
    gap: clamp(1.11rem, 1.88vw + 0.72rem, 2.22rem);
    padding-left: 0px;
    padding-right: 6px;
  }
  .cleaning .now .now__content-description-wrapper p {
    font-size: clamp(1rem, 0.56vw + 0.88rem, 1.33rem);
    letter-spacing: 0.72px;
  }
}
.cleaning .now .now__bottom-arrow {
  margin-top: 40px;
  margin-bottom: 40px;
  max-width: 1100px;
  margin-inline: auto;
}

@media (min-width: 769px) {
  .cleaning .now .now__bottom-arrow {
    margin-top: clamp(2.22rem, 6.85vw + 0.8rem, 6.28rem);
    margin-bottom: clamp(2.22rem, 5.63vw + 1.05rem, 5.56rem);
  }
}
.cleaning .price.section {
  margin-top: 53px;
}

@media (min-width: 769px) {
  .cleaning .price.section {
    margin-top: clamp(1.11rem, 7.89vw - 0.53rem, 5.78rem);
  }
}
.cleaning .price.section .section__subTitle {
  margin-top: 21px;
}

@media (min-width: 769px) {
  .cleaning .price.section .section__subTitle {
    margin-top: clamp(1.17rem, 3.47vw + 0.44rem, 3.22rem);
  }
}
.cleaning .price.section .section__inner {
  padding-bottom: 60px;
}

@media (min-width: 769px) {
  .cleaning .price.section .section__inner {
    padding-bottom: 111px;
  }
}
.cleaning .price .price__decoration {
  position: relative;
}
.cleaning .price .price__decoration::after {
  content: "";
  position: absolute;
  bottom: -44px;
  right: 7px;
  width: 77.479px;
  height: 101.839px;
  background: url(../images/cleaning_price-woman_sp.png) no-repeat center center/cover;
}

@media (min-width: 769px) {
  .cleaning .price .price__decoration {
    max-width: 1100px;
    margin-inline: auto;
  }
  .cleaning .price .price__decoration::after {
    content: "";
    position: absolute;
    bottom: -41px;
    right: 40px;
    width: 159.03px;
    height: 209.033px;
    background: url(../images/cleaning_price-woman_pc.png) no-repeat center center/cover;
  }
}
.cleaning .price .price__content {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
  border-radius: 10px;
  background: #eff7ff;
  position: relative;
  max-width: 1100px;
  margin-inline: auto;
}

@media (min-width: 769px) {
  .cleaning .price .price__content {
    margin-top: clamp(1.11rem, 1.88vw + 0.72rem, 2.22rem);
    padding: clamp(1.33rem, 5.26vw + 0.24rem, 4.44rem);
    gap: clamp(1.67rem, 1.88vw + 1.27rem, 2.78rem);
    border-radius: 20px;
  }
}
.cleaning .price .price__card1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  border-radius: 5px;
  background: #fff;
}

@media (min-width: 769px) {
  .cleaning .price .price__card1 {
    padding: clamp(1.67rem, 0.94vw + 1.47rem, 2.22rem);
    gap: 24px;
    border-radius: 8px;
  }
}
.cleaning .price .price__card1-title {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.54px;
}

@media (min-width: 769px) {
  .cleaning .price .price__card1-title {
    font-size: 20px;
    letter-spacing: 0.6px;
  }
}
.cleaning .price .price__separator {
  width: 100%;
  height: 1px;
  background: #000;
}

.cleaning .price .price__card1-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

@media (min-width: 769px) {
  .cleaning .price .price__card1-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(0.44rem, 1.5vw + 0.13rem, 1.33rem);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 8px;
  }
}
.cleaning .price .price__card1-description {
  -webkit-font-feature-settings: "halt" on;
          font-feature-settings: "halt" on;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.62;
  letter-spacing: 0.42px;
}
.cleaning .price .price__card1-description em {
  font-size: 24px;
  letter-spacing: 0.72px;
}

@media (min-width: 769px) {
  .cleaning .price .price__card1-description {
    font-size: clamp(0.78rem, 0.94vw + 0.58rem, 1.33rem);
    line-height: 1.8;
    letter-spacing: 0.72px;
  }
  .cleaning .price .price__card1-description em {
    font-size: clamp(1.33rem, 1.5vw + 1.02rem, 2.22rem);
    letter-spacing: 1.2px;
  }
}
.cleaning .price .price__card1-price-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 5px;
}

@media (max-width: 345px) {
  .cleaning .price .price__card1-price-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 769px) {
  .cleaning .price .price__card1-price-wrapper {
    gap: 8px;
  }
}
.cleaning .price .price__card1-price {
  color: #408bda;
  font-family: "Ubuntu", sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -2.8px;
}

@media (min-width: 769px) {
  .cleaning .price .price__card1-price {
    font-size: clamp(3.11rem, 2.25vw + 2.64rem, 4.44rem);
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -4px;
    margin-bottom: 9px;
  }
}
.cleaning .price .price__card1-price-unit {
  color: #408bda;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.78px;
}

@media (min-width: 769px) {
  .cleaning .price .price__card1-price-unit {
    font-size: clamp(1.44rem, 1.31vw + 1.17rem, 2.22rem);
    letter-spacing: 1.2px;
    margin-bottom: 16px;
  }
}
.cleaning .price .price__card2-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}

@media (min-width: 769px) {
  .cleaning .price .price__card2-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(1.67rem, 1.88vw + 1.27rem, 2.78rem);
  }
}
.cleaning .price .price__card2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  border-radius: 5px;
  background: #fff;
}

@media (min-width: 769px) {
  .cleaning .price .price__card2 {
    padding: clamp(1.67rem, 0.94vw + 1.47rem, 2.22rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(1.11rem, 0.38vw + 1.03rem, 1.33rem);
    border-radius: 8px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 446px;
            flex: 1 1 446px;
    height: 100%;
  }
}
.cleaning .price .price__card2-title {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.54px;
}

@media (min-width: 769px) {
  .cleaning .price .price__card2-title {
    font-size: clamp(1rem, 0.19vw + 0.96rem, 1.11rem);
    line-height: 1;
    letter-spacing: 0.6px;
  }
}
.cleaning .price .price__card2-description {
  font-size: 14px;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
}
.cleaning .price .price__card2-description em {
  font-weight: 700;
}

@media (min-width: 769px) {
  .cleaning .price .price__card2-description {
    font-size: clamp(0.78rem, 0.19vw + 0.74rem, 0.89rem);
    letter-spacing: 0.48px;
  }
  .cleaning .price .price__card2-description em {
    font-weight: 700;
  }
}
.cleaning .areas.section {
  margin-top: -8px;
}

.cleaning .areas.section svg {
  height: auto;
  margin-bottom: 0px;
  width: 100vw;
}

.cleaning .areas.section .section__subTitle {
  margin-top: 21px;
}

@media (min-width: 769px) {
  .cleaning .areas.section .section__subTitle {
    margin-top: clamp(1.17rem, 3.47vw + 0.44rem, 3.22rem);
  }
}
.cleaning .areas.section .section__inner {
  padding-bottom: 110px;
}

@media (min-width: 769px) {
  .cleaning .areas.section .section__inner {
    padding-bottom: clamp(6.11rem, 8.64vw + 4.31rem, 11.22rem);
  }
}
.cleaning .areas .areas__header-img {
  width: 100%;
  height: auto;
  margin-top: 20px;
  overflow: hidden;
  max-width: 795px;
  margin-inline: auto;
}

@media (min-width: 769px) {
  .cleaning .areas .areas__header-img {
    margin-top: 82px;
  }
}
.cleaning .areas .areas__body {
  margin-top: 20px;
  padding: 24px;
  text-align: center;
  border-radius: 10px;
  background: #eff7ff;
  max-width: 1100px;
  margin-inline: auto;
}

@media (min-width: 769px) {
  .cleaning .areas .areas__body {
    margin-top: clamp(1.11rem, 4.88vw + 0.09rem, 4rem);
    padding: clamp(1.33rem, 1.5vw + 1.02rem, 2.22rem) clamp(1.33rem, 5.26vw + 0.24rem, 4.44rem) clamp(1.33rem, 7.14vw - 0.15rem, 5.56rem);
    border-radius: 20px;
  }
}
.cleaning .areas .areas__body-title {
  color: #408bda;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.78px;
}

@media (min-width: 769px) {
  .cleaning .areas .areas__body-title {
    font-size: clamp(1.44rem, 1.31vw + 1.17rem, 2.22rem);
    line-height: 1.8;
    letter-spacing: 1.2px;
  }
}
.cleaning .areas .areas__body-description {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.54px;
  margin-top: 16px;
}

@media (min-width: 769px) {
  .cleaning .areas .areas__body-description {
    font-size: clamp(1rem, 0.56vw + 0.88rem, 1.33rem);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.72px;
    margin-top: 8px;
  }
}
.cleaning .areas .areas__body-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 120px 40px 120px;
  grid-template-columns: repeat(2, 120px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 20px;
  margin-top: 20px;
}

@media (max-width: 340px) {
  .cleaning .areas .areas__body-items {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
@media (min-width: 600px) {
  .cleaning .areas .areas__body-items {
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px;
  }
}
@media (min-width: 769px) {
  .cleaning .areas .areas__body-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: clamp(6.67rem, 6.01vw + 5.41rem, 10.22rem) 0 clamp(6.67rem, 6.01vw + 5.41rem, 10.22rem) 0 clamp(6.67rem, 6.01vw + 5.41rem, 10.22rem) 0 clamp(6.67rem, 6.01vw + 5.41rem, 10.22rem);
    grid-template-columns: repeat(4, clamp(6.67rem, 6.01vw + 5.41rem, 10.22rem));
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: clamp(1.11rem, 1.88vw + 0.72rem, 2.22rem);
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 0;
  }
}
.cleaning .areas .areas__body-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 769px) {
  .cleaning .areas .areas__body-item {
    gap: 10px;
  }
}
.cleaning .areas .areas__body-image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 120px;
  height: 120px;
  border-radius: 120px;
  background: #fff;
}

@media (min-width: 769px) {
  .cleaning .areas .areas__body-image-wrapper {
    width: clamp(6.67rem, 6.01vw + 5.41rem, 10.22rem);
    height: clamp(6.67rem, 6.01vw + 5.41rem, 10.22rem);
    border-radius: 180px;
  }
}
.cleaning .areas .areas__body-items .areas__body-item:nth-of-type(1) img {
  width: 83.437px;
  height: 39.32px;
}

.cleaning .areas .areas__body-items .areas__body-item:nth-of-type(2) img {
  width: 74.785px;
  height: 60.178px;
}

.cleaning .areas .areas__body-items .areas__body-item:nth-of-type(3) img {
  width: 81.019px;
  height: 57.407px;
}

.cleaning .areas .areas__body-items .areas__body-item:nth-of-type(4) img {
  width: 48.575px;
  height: 68.779px;
}

@media (min-width: 769px) {
  .cleaning .areas .areas__body-items .areas__body-item:nth-of-type(1) img {
    width: clamp(4.64rem, 4.18vw + 3.76rem, 7.11rem);
    height: clamp(2.18rem, 1.97vw + 1.77rem, 3.35rem);
  }
  .cleaning .areas .areas__body-items .areas__body-item:nth-of-type(2) img {
    width: clamp(4.15rem, 3.75vw + 3.37rem, 6.37rem);
    height: clamp(3.34rem, 3.01vw + 2.72rem, 5.13rem);
  }
  .cleaning .areas .areas__body-items .areas__body-item:nth-of-type(3) img {
    width: clamp(4.5rem, 4.06vw + 3.66rem, 6.9rem);
    height: clamp(3.19rem, 2.87vw + 2.59rem, 4.89rem);
  }
  .cleaning .areas .areas__body-items .areas__body-item:nth-of-type(4) img {
    width: clamp(2.7rem, 2.43vw + 2.19rem, 4.14rem);
    height: clamp(3.82rem, 3.44vw + 3.1rem, 5.86rem);
  }
}
.cleaning .areas .areas__body-item-title {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 769px) {
  .cleaning .areas .areas__body-item-title {
    font-size: clamp(0.78rem, 0.38vw + 0.7rem, 1rem);
    letter-spacing: 0.54px;
  }
}
.cleaning .strengths.section {
  margin-top: -1px;
  padding-top: 63px;
  background-color: #408bda;
}

@media (min-width: 769px) {
  .cleaning .strengths.section {
    padding-top: 103px;
  }
}
.cleaning .strengths .section__label,
.cleaning .strengths .section__title,
.cleaning .strengths .section__subTitle {
  color: #ffffff;
}

.cleaning .strengths .section__subTitle {
  margin-top: 21px;
}

@media (min-width: 769px) {
  .cleaning .strengths.section .section__subTitle {
    margin-top: clamp(1.17rem, 3.66vw + 0.4rem, 3.33rem);
  }
}
.cleaning .strengths.section .section__inner {
  padding-bottom: 59px;
}

@media (min-width: 769px) {
  .cleaning .strengths.section .section__inner {
    padding-bottom: 94px;
  }
}
.cleaning .strengths .strengths__body-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 24px;
  max-width: 1100px;
  margin-inline: auto;
}

@media (min-width: 769px) {
  .cleaning .strengths .strengths__body-items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(1.11rem, 5.63vw - 0.06rem, 4.44rem);
    margin-top: clamp(1.33rem, 4.51vw + 0.39rem, 4rem);
  }
}
.cleaning .strengths .strengths__body-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

@media (min-width: 769px) {
  .cleaning .strengths .strengths__body-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: clamp(0.83rem, 1.22vw + 0.58rem, 1.56rem);
    -webkit-box-flex: 0;
        -ms-flex: 0 1 215px;
            flex: 0 1 215px;
  }
}
.cleaning .strengths .strengths__body-image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100px;
  border-radius: 100px;
  background: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}

@media (min-width: 769px) {
  .cleaning .strengths .strengths__body-image-wrapper {
    width: clamp(5.56rem, 10.8vw + 3.31rem, 11.94rem);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 clamp(5.56rem, 10.8vw + 3.31rem, 11.94rem);
            flex: 0 0 clamp(5.56rem, 10.8vw + 3.31rem, 11.94rem);
    border-radius: 215px;
  }
}
.cleaning .strengths .strengths__body-items .strengths__body-item:nth-of-type(1) img {
  width: 40.045px;
  height: 56.455px;
}

.cleaning .strengths .strengths__body-items .strengths__body-item:nth-of-type(2) img {
  width: 51.8px;
  height: 49.05px;
}

.cleaning .strengths .strengths__body-items .strengths__body-item:nth-of-type(3) img {
  width: 38.191px;
  height: 51.319px;
}

.cleaning .strengths .strengths__body-items .strengths__body-item:nth-of-type(4) img {
  width: 48.805px;
  height: 51.161px;
}

@media (min-width: 769px) {
  .cleaning .strengths .strengths__body-items .strengths__body-item:nth-of-type(1) img {
    width: clamp(2.22rem, 4.32vw + 1.32rem, 4.78rem);
    height: clamp(3.14rem, 6.1vw + 1.87rem, 6.74rem);
  }
  .cleaning .strengths .strengths__body-items .strengths__body-item:nth-of-type(2) img {
    width: clamp(2.88rem, 5.59vw + 1.71rem, 6.19rem);
    height: clamp(2.72rem, 5.3vw + 1.62rem, 5.86rem);
  }
  .cleaning .strengths .strengths__body-items .strengths__body-item:nth-of-type(3) img {
    width: clamp(2.12rem, 4.12vw + 1.26rem, 4.56rem);
    height: clamp(2.85rem, 5.54vw + 1.7rem, 6.13rem);
  }
  .cleaning .strengths .strengths__body-items .strengths__body-item:nth-of-type(4) img {
    width: clamp(2.71rem, 5.27vw + 1.61rem, 5.83rem);
    height: clamp(2.84rem, 5.52vw + 1.69rem, 6.11rem);
  }
}
.cleaning .strengths .strengths__body-item-title {
  display: inline-block;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.42px;
  color: #ffffff;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 211px;
          flex: 0 1 211px;
}

@media (min-width: 769px) {
  .cleaning .strengths .strengths__body-item-title {
    font-size: clamp(0.78rem, 0.38vw + 0.7rem, 1rem);
    letter-spacing: 0.54px;
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
}
.cleaning .trial.section {
  margin-top: -1px;
  padding-top: 63px;
  background-color: #408bda;
}

@media (min-width: 769px) {
  .cleaning .trial.section {
    padding-top: 103px;
  }
}
.cleaning .trial .section__label,
.cleaning .trial .section__title {
  color: #ffffff;
}

.cleaning .trial.section .section__inner {
  padding-bottom: 60px;
}

@media (min-width: 769px) {
  .cleaning .trial.section .section__inner {
    padding-bottom: 100px;
  }
}
.cleaning .trial .trial__body {
  margin-top: 21px;
  padding: 40px 24px;
  border-radius: 10px;
  background-color: #fff;
  max-width: 1100px;
  margin-inline: auto;
}

@media (min-width: 769px) {
  .cleaning .trial .trial__body {
    border-radius: 20px;
    padding: clamp(2.22rem, 7.51vw + 0.66rem, 6.67rem) clamp(1.33rem, 5.26vw + 0.24rem, 4.44rem);
  }
}
.cleaning .trial .trial__body-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.6px;
}

@media (min-width: 769px) {
  .cleaning .trial .trial__body-title {
    font-size: clamp(1.11rem, 1.13vw + 0.88rem, 1.78rem);
    letter-spacing: 0.96px;
  }
}
.cleaning .trial .trial__body-description {
  margin-top: 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.42px;
}

@media (min-width: 769px) {
  .cleaning .trial .trial__body-description {
    font-size: clamp(0.78rem, 0.38vw + 0.7rem, 1rem);
    letter-spacing: 0.54px;
  }
}
.cleaning .trial .trial__body-features {
  margin-top: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 24px 24px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  border-radius: 10px;
  border: 2px solid #408bda;
  position: relative;
}
.cleaning .trial .trial__body-features::after {
  content: "";
  position: absolute;
  top: -81px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 170.125px;
  height: 99.996px;
  background: url(../images/cleaning_trial-features-title_sp.png) no-repeat center center/cover;
}

@media (min-width: 769px) {
  .cleaning .trial .trial__body-features {
    margin-top: 80px;
    padding: clamp(1.67rem, 5.63vw + 0.49rem, 5rem) clamp(1.33rem, 1.5vw + 1.02rem, 2.22rem) clamp(1.33rem, 3.57vw + 0.59rem, 3.44rem) clamp(1.33rem, 5.26vw + 0.24rem, 4.44rem);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: clamp(3.33rem, 4.98vw + 2.3rem, 6.28rem);
    border-radius: 24px;
    border: 3px solid #408bda;
    position: relative;
  }
  .cleaning .trial .trial__body-features::after {
    content: "";
    position: absolute;
    top: -36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 597px;
    height: 58px;
    background: url(../images/cleaning_trial-features-title_pc.jpg) no-repeat center center/cover;
  }
}
.cleaning .trial .trial__body-features-left,
.cleaning .trial .trial__body-features-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

@media (min-width: 769px) {
  .cleaning .trial .trial__body-features-left,
  .cleaning .trial .trial__body-features-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 13px;
  }
}
.cleaning .trial .trial__body-item {
  padding-left: 32px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.54px;
  position: relative;
}
.cleaning .trial .trial__body-item::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(../images/cleaning_trial-check-icon.svg) no-repeat center center/cover;
}

@media (min-width: 769px) {
  .cleaning .trial .trial__body-item {
    padding-left: 45px;
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: 0.6px;
    position: relative;
  }
  .cleaning .trial .trial__body-item::before {
    content: "";
    position: absolute;
    width: 29px;
    height: 29px;
    background: url(../images/cleaning_trial-check-icon.svg) no-repeat center center/cover;
  }
}
.cleaning .trial .trial__before-after-title {
  margin-top: 33px;
  margin-bottom: -8px;
  display: block;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.42px;
}

@media (min-width: 769px) {
  .cleaning .trial .trial__before-after-title {
    margin-top: clamp(2.22rem, 4.88vw + 1.21rem, 5.11rem);
    margin-bottom: -5px;
    display: block;
    font-size: clamp(1rem, 0.56vw + 0.88rem, 1.33rem);
    font-style: normal;
    letter-spacing: 0.72px;
  }
}
.cleaning .trial .trial__before-after-body {
  position: relative;
  margin-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cleaning .trial .trial__before-after-body.js-more {
  display: none;
}

@media (min-width: 769px) {
  .cleaning .trial .trial__before-after-body {
    margin-top: 28px;
    margin-bottom: 96px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1100px;
    margin-inline: auto;
  }
}
.cleaning .trial .trial__before-after-body::before,
.cleaning .trial .trial__before-after-body::after {
  position: absolute;
  left: 50%;
  font-family: "Ubuntu", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 1.08px;
  padding: 5px 37px;
  border-radius: 50px;
  background: #fff;
  z-index: 1;
}

@media (min-width: 769px) {
  .cleaning .trial .trial__before-after-body::before,
  .cleaning .trial .trial__before-after-body::after {
    font-size: clamp(1rem, 0.56vw + 0.88rem, 1.33rem);
    letter-spacing: 1.44px;
  }
}
.cleaning .trial .trial__before-after-body::before {
  content: "Before";
  top: 0px;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  color: #080808;
  border: 3px solid #080808;
}

.cleaning .trial .trial__before-after-body::after {
  content: "After";
  bottom: 0px;
  -webkit-transform: translateX(-50%) translateY(50%);
          transform: translateX(-50%) translateY(50%);
  color: #408bda;
  border: 3px solid #408bda;
}

@media (min-width: 769px) {
  .cleaning .trial .trial__before-after-body::before,
  .cleaning .trial .trial__before-after-body::after {
    top: auto;
    bottom: 0;
    -webkit-transform: translateX(0) translateY(50%);
            transform: translateX(0) translateY(50%);
    font-size: clamp(1rem, 0.56vw + 0.88rem, 1.33rem);
    letter-spacing: clamp(0.06rem, 0.03vw + 0.05rem, 0.08rem);
  }
  .cleaning .trial .trial__before-after-body::before {
    left: 16%;
    right: auto;
  }
  .cleaning .trial .trial__before-after-body::after {
    left: auto;
    right: 17%;
  }
}
.cleaning .trial .trial__before-after-img {
  position: relative;
  margin-inline: auto;
  max-width: 1100px;
  width: 100%;
  aspect-ratio: 327/284;
  overflow: hidden;
}

@media (min-width: 769px) {
  .cleaning .trial .trial__before-after-img {
    position: relative;
    margin-inline: auto;
    max-width: 1100px;
    width: 100%;
    aspect-ratio: 233/155;
    overflow: hidden;
  }
}
.cleaning .trial .trial__before-after-img.-before {
  border-radius: 20px 20px 0 0;
}

.cleaning .trial .trial__before-after-img.-after {
  border-radius: 0 0 20px 20px;
}

@media (min-width: 769px) {
  .cleaning .trial .trial__before-after-img.-before {
    border-radius: 20px 0 0 20px;
  }
  .cleaning .trial .trial__before-after-img.-after {
    border-radius: 0 20px 20px 0;
  }
}
.cleaning .trial .trial__before-after-img img {
  -o-object-fit: cover;
  aspect-ratio: 327/284;
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media (min-width: 769px) {
  .cleaning .trial .trial__before-after-img img {
    aspect-ratio: 233/155;
  }
}
.trial__before-after-btn {
  margin-top: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-inline: auto;
  width: 188px;
  padding: 16px 25px;
  background: #408bda;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1px;
  position: relative;
}
.trial__before-after-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 19px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 7px;
  height: 12px;
  background: url(../images/arrow_button.svg) no-repeat center center/cover;
}

@media (min-width: 769px) {
  .trial__before-after-btn {
    margin-top: 123px;
    width: 214px;
    padding: 20px 25px;
    background: #408bda;
    color: #fff;
    font-size: 20px;
  }
  .trial__before-after-btn::after {
    top: 50%;
    right: 19px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 7px;
    height: 12px;
  }
}
.cleaning .reviews.section {
  margin-top: -1px;
  padding-top: 63px;
  background-color: #408bda;
}

@media (min-width: 769px) {
  .cleaning .reviews.section {
    padding-top: 103px;
  }
}
.cleaning .reviews .section__label,
.cleaning .reviews .section__title {
  color: #ffffff;
}

.cleaning .reviews.section .section__inner {
  padding-bottom: 60px;
}

@media (min-width: 769px) {
  .cleaning .reviews.section .section__inner {
    padding-bottom: 200px;
  }
}
.cleaning .reviews .reviews__body {
  margin-top: 21px;
  padding: 10px 24px;
  border-radius: 10px;
  background-color: #fff;
  max-width: 1100px;
  margin-inline: auto;
}

@media (min-width: 769px) {
  .cleaning .reviews .reviews__body {
    border-radius: 20px;
    padding: clamp(2.22rem, 4.51vw + 0.66rem, 6.67rem) clamp(1.33rem, 5.26vw + 0.24rem, 4.44rem);
  }
}
.cleaning .reviews .reviews__body div#UgcCreativeReviewArea {
  width: 100%;
}

.cleaning .qa.section {
  padding-top: 122px;
  background-color: #eff7ff;
}

@media (min-width: 769px) {
  .cleaning .qa.section {
    padding-top: clamp(6.78rem, 7.51vw + 5.21rem, 11.22rem);
  }
}
.cleaning .qa.section .section__subTitle {
  margin-top: 21px;
}

@media (min-width: 769px) {
  .cleaning .qa.section .section__subTitle {
    margin-top: clamp(1.17rem, 3.47vw + 0.44rem, 3.22rem);
  }
}
.cleaning .qa.section .section__inner {
  padding-bottom: 110px;
}

@media (min-width: 769px) {
  .cleaning .qa.section .section__inner {
    padding-bottom: clamp(6.11rem, 8.64vw + 4.31rem, 11.22rem);
  }
}
.cleaning .qa .qa__body {
  margin-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 17.5px;
  max-width: 1100px;
  margin-inline: auto;
}

@media (min-width: 769px) {
  .cleaning .qa .qa__body {
    margin-top: 27px;
    gap: 20.7px;
  }
}
.cleaning .qa .qa-box {
  padding: 24px;
  border-radius: 8px;
  background: #fff;
  -moz-text-align-last: left;
       text-align-last: left;
}

@media (min-width: 769px) {
  .cleaning .qa .qa-box {
    padding: 40px 80px;
  }
}
.cleaning .qa .qa-box__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  padding-left: 0px;
  padding-right: 56px;
  width: 100%;
  position: relative;
}
.cleaning .qa .qa-box__head .qa-box__head-icon {
  font-family: "Ubuntu", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 1.2px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22px;
          flex: 0 0 22px;
}
.cleaning .qa .qa-box__head .qa-box__head-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.42px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.cleaning .qa .qa-box__head::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 19px;
  height: 12px;
  background: url(../images/arrow_back_ios.svg) no-repeat center center/cover;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (min-width: 769px) {
  .cleaning .qa .qa-box__head {
    gap: clamp(0.56rem, 0.56vw + 0.44rem, 0.89rem);
    padding-left: 0px;
    padding-right: 56px;
    width: 100%;
    position: relative;
  }
  .cleaning .qa .qa-box__head .qa-box__head-icon {
    font-size: clamp(1.11rem, 0.38vw + 1.03rem, 1.33rem);
    letter-spacing: 1.44px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
            flex: 0 0 26px;
  }
  .cleaning .qa .qa-box__head .qa-box__head-text {
    font-size: clamp(0.78rem, 0.38vw + 0.7rem, 1rem);
    letter-spacing: 0.54px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .cleaning .qa .qa-box__head::after {
    width: 21px;
    height: 13px;
  }
}
.cleaning .qa .qa-box__body {
  margin-top: 32px;
}
.cleaning .qa .qa-box__body .qa-box__a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  width: 100%;
  position: relative;
}
.cleaning .qa .qa-box__body .qa-box__a .qa-box__a-icon {
  color: #408bda;
  font-family: "Ubuntu", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 1.2px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22px;
          flex: 0 0 22px;
}
.cleaning .qa .qa-box__body .qa-box__a .qa-box__a-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.42px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.cleaning .qa .qa-box__body .qa-box__a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -19px;
  height: 2px;
  background: #ededed;
}

@media (min-width: 769px) {
  .cleaning .qa .qa-box__body {
    margin-top: clamp(1.78rem, 2.07vw + 1.35rem, 3rem);
  }
  .cleaning .qa .qa-box__body .qa-box__a {
    gap: clamp(0.56rem, 0.56vw + 0.44rem, 0.89rem);
  }
  .cleaning .qa .qa-box__body .qa-box__a .qa-box__a-icon {
    font-size: clamp(1.11rem, 0.38vw + 1.03rem, 1.33rem);
    letter-spacing: 1.44px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25px;
            flex: 0 0 25px;
  }
  .cleaning .qa .qa-box__body .qa-box__a .qa-box__a-text {
    font-size: clamp(0.78rem, 0.38vw + 0.7rem, 1rem);
    letter-spacing: 0.54px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .cleaning .qa .qa-box__body .qa-box__a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -28px;
    height: 2px;
    background: #ededed;
  }
}
.cleaning .qa .qa-box.is-open .qa-box__head::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.cleaning .qa .qa-box.is-open .qa-box__body {
  display: block;
}
/*# sourceMappingURL=style.css.map */