@charset "UTF-8";body {  padding-top: 0;}.l-header {  position: static;}.l-main {  background-image: url("../images/new-service/bg-main.webp");  background-size: 1440px;  padding-bottom: 64px;  overflow: clip;}:root {  --color-blue: #01597a;  --color-red: #af1f24;  --color-yellow: #fbe2a7;  --color-light-blue: #d9e9ed;  --color-dark-blue: #4cb1c8;  --color-light-red: #feebeb;  --font-en: "Poppins", sans-serif;}.aside {  display: grid;  gap: 16px;  text-align: center;  margin: 64px 0;}.aside.is-inview a {  opacity: 1;  transition: opacity 400ms;}.aside.is-inview a:nth-child(1) {  transition-delay: 0ms;}.aside.is-inview a:nth-child(2) {  transition-delay: 200ms;}.aside a {  display: grid;  align-content: center;  background-size: 1440px;  padding: 0 20px;  height: 262px;  opacity: 0;  border-radius: 20px;}.aside__shop {  background-image: url("../images/new-service/bg-blue.webp");}.aside__mitsumori {  background-image: url("../images/new-service/bg-red.webp");}.aside p:first-of-type {  color: #fff;  font-size: 18px;  font-weight: bold;  line-height: 1.4;  margin-bottom: 8px;}.aside strong {  font-size: 24px;}.aside p:nth-of-type(2) {  color: #fff;  font-size: 13px;  letter-spacing: 0.02em;  margin-bottom: 20px;}.aside p:nth-of-type(2) br:first-child {  display: none;}.aside p:last-of-type {  display: flex;  justify-content: center;  align-items: center;  gap: 12px;  background-color: #fff;  font-size: 14px;  font-weight: bold;  line-height: 1.42857143;  padding: 15.5px 14px 15.5px 22px;  width: 100%;  max-width: 310px;  border: 2px solid;  margin: 0 auto;  border-radius: 42px;}.aside p:last-of-type::before {  display: block;  background-color: currentColor;  min-width: 25px;  width: 25px;  height: 25px;}.aside__shop p:last-of-type {  color: var(--color-blue);  border-color: var(--color-blue);}.aside__shop p:last-of-type::before {  content: "";  mask: url("../images/new-service/ico-shop.svg") no-repeat center/contain;  -webkit-mask: url("../images/new-service/ico-shop.svg") no-repeat center/contain;}.aside__shop p:last-of-type > span {  color: var(--color-blue);  background-color: #fbe2a7;  font-size: 12px;  letter-spacing: 0.02em;  white-space: nowrap;  padding: 4px 9px;  border-radius: 32px;}.aside__mitsumori p:last-of-type {  color: var(--color-red);  border-color: var(--color-red);}.aside__mitsumori p:last-of-type::before {  content: "";  mask: url("../images/new-service/ico-mitsumori.svg") no-repeat center/contain;  -webkit-mask: url("../images/new-service/ico-mitsumori.svg") no-repeat center/contain;}.available {  margin-top: 64px;}.available > div:last-of-type {  background-color: #fff;  padding: 32px 20px;  border-radius: 20px;}.available input {  display: none;}.available label {  position: relative;  display: block;  background-color: #f2f2f2;  font-size: 16px;  font-weight: bold;  padding: 12px 48px 12px 16px;  cursor: pointer;  border-radius: 8px;}.available label:not(:last-of-type) {  margin-bottom: 8px;}.available label::before,.available label::after {  position: absolute;  background-color: var(--color-dark-blue);  width: 14px;  height: 2px;  top: 50%;  right: 19px;  content: "";  border-radius: 8px;  transition: transform 200ms;}.available label::before {  transform: translateY(-50%);}.available label::after {  transform: translateY(-50%) rotate(90deg);}.available input:checked + label::before {  transform: translateY(-50%) rotate(-180deg);}.available input:checked + label::after {  transform: translateY(-50%) rotate(-180deg);}.available div div {  display: grid;  grid-template-rows: 0fr;  opacity: 0;  transition: opacity 400ms 200ms, grid-template-rows 400ms;}.available input:checked + label + div {  grid-template-rows: 1fr;  opacity: 1;}.available dl {  display: grid;  gap: 16px;  overflow: hidden;}.available dt {  font-size: 15px;  font-weight: bold;  margin: 8px 16px 0;}.available dt a {  position: relative;  display: inline-flex;  align-items: center;  gap: 13px;  color: var(--color-blue);}.available dt a::before, .available dt a::after {  width: 18px;  height: 18px;  content: "";}.available dt a::before {  position: absolute;  background: url("../images/new-service/ico-arrow.svg") no-repeat center;  background-size: 3px;  right: 0;  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7479%) hue-rotate(187deg) brightness(108%) contrast(106%);}.available dt a::after {  background-color: var(--color-dark-blue);  border: 1px solid var(--color-dark-blue);  border-radius: 50%;}.available div div:last-of-type dt {  margin-top: 16px;}.available dd {  font-size: 14px;  font-weight: 500;  margin: 0 16px 24px;}.available ul {  display: flex;  flex-wrap: wrap;  gap: 12px 16px;}.available li:not(:last-child) {  display: flex;  align-items: center;  gap: 16px;}.available li:not(:last-child)::after {  background-color: #ddd;  width: 2px;  height: 17px;  content: "";}.available div:last-of-type p {  margin-top: 28px;}.blog {  margin: 64px 0;}.blog.is-inview .embla__slide {  filter: opacity(1);  transform: translateY(0);  transition: filter 600ms, opacity 400ms, transform 600ms;}.blog.is-inview .embla__slide:nth-of-type(1) {  transition-delay: 0ms, 0s, 0ms;}.blog.is-inview .embla__slide:nth-of-type(2) {  transition-delay: 200ms, 0s, 200ms;}.blog.is-inview .embla__slide:nth-of-type(3) {  transition-delay: 400ms, 0s, 400ms;}.blog.is-inview .embla__slide:nth-of-type(4) {  transition-delay: 600ms, 0s, 600ms;}.blog.is-inview .embla__slide:nth-of-type(5) {  transition-delay: 800ms, 0s, 800ms;}.blog .embla {  margin-bottom: 28px;}.blog .embla__slide {  display: flex;  flex-direction: column;  background-color: #fff;  padding: 8px 8px 20px;  filter: opacity(0);  transform: translateY(80px);}.blog a > div:first-of-type {  overflow: hidden;  border-radius: 5.74px;}.blog img {  width: 100%;}.blog a > div:last-of-type {  flex-grow: 1;  display: flex;  flex-direction: column;  padding: 16px 8px 0;}.blog a div div {  display: grid;  gap: 8px;  margin-bottom: 12px;}.blog time {  color: #666;  font-family: var(--font-en);  font-size: 14px;  font-weight: 500;  line-height: 1.4;}.blog h4 {  font-size: 16px;  font-weight: bold;  line-height: 1.6;  margin-bottom: 4px;}.blog a p:first-of-type {  color: #666;  font-size: 13px;  letter-spacing: 0.02em;  margin-bottom: 12px;}.blog a p:last-of-type {  position: relative;  display: flex;  justify-content: flex-end;  align-items: center;  gap: 9px;  font-size: 13px;  font-weight: bold;  margin-top: auto;}.blog a p:last-of-type::before, .blog a p:last-of-type::after {  width: 22px;  height: 22px;  content: "";}.blog a p:last-of-type::before {  position: absolute;  background: url("../images/new-service/ico-arrow.svg") no-repeat center;  background-size: 4px;  right: 0;  z-index: 10;  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7479%) hue-rotate(187deg) brightness(108%) contrast(106%);}.blog a p:last-of-type::after {  background-color: var(--color-dark-blue);  border: 1px solid var(--color-dark-blue);  border-radius: 50%;}.brand {  margin: 64px 0;}.brand > div:last-of-type {  background-color: #fff;  padding: 40px 20px;  border-radius: 20px;}.brand div div p:first-of-type {  font-size: 18px;  font-weight: bold;  margin-bottom: 20px;}.brand ul {  font-weight: 500;  line-height: 1.4;  margin-bottom: 20px;}.brand__brand ul {  display: grid;  gap: 12px;}.brand li:has(a) {  display: flex;  flex-wrap: wrap;  align-items: center;  gap: 8px;}.brand li:has(a)::after {  color: #fff;  background-color: var(--color-dark-blue);  font-size: 12px;  font-weight: bold;  line-height: 1;  padding: 5px 8px;  border-radius: 4px;  content: "事例";}.brand div div a {  text-decoration: underline;}.brand div div p:last-of-type {  color: #666;  font-size: 12px;}.brand div div:nth-of-type(2) {  padding-top: 40px;  border-top: 2px solid #ececec;  margin-top: 40px;}.brand__item ul {  display: flex;  flex-wrap: wrap;  gap: 12px 4px;}.brand__item li:not(:last-child) {  display: flex;  gap: 4px;}.brand__item li:not(:last-child)::after {  content: "/";}.brand > div > p {  margin-top: 28px;}.button {  display: flex;  justify-content: space-between;  align-items: center;  gap: 16px;  color: var(--color-blue);  background-color: #fff;  font-size: 16px;  font-weight: bold;  line-height: 1.4375;  letter-spacing: 0.02em;  padding: 16.5px 32px;  width: -moz-fit-content;  width: fit-content;  min-width: min(350px, 100%);  margin: 0 auto;  border: 2px solid var(--color-blue);  border-radius: 42px;}.button::after {  background: url("../images/new-service/ico-arrow.svg") no-repeat;  background-size: 6px;  min-width: 6px;  height: 11px;  content: "";}.embla {  position: relative;}.embla__container {  display: flex;  gap: 16px;  touch-action: pan-y pinch-zoom;}[data-autoplay-carousel] .embla__container {  gap: 0;}.embla__slide {  flex: 0 0 71.7948717949vw;  min-width: 0;  border-radius: 12px;}[data-autoplay-carousel] .embla__slide {  margin-right: 16px;}.embla [hidden] {  display: none;}.embla__slide--iframe {  position: relative;  overflow: hidden;}.embla__iframeCover {  position: absolute;  background-color: transparent;  inset: 0;  z-index: 2;  cursor: grab;  touch-action: pan-y pinch-zoom;}.embla__slide--iframe.is-playing .embla__iframeCover {  pointer-events: none;}.embla.is-video-playing .embla__prev,.embla.is-video-playing .embla__next,.embla.is-video-playing .embla__dots {  opacity: 0.4;  pointer-events: none;}.embla__slide img {  width: 100%;}.embla__slide iframe {  display: block;  width: 100%;  height: auto;  aspect-ratio: 16/9;  border-radius: inherit;}.embla__prev,.embla__next {  display: none;}.embla__dots {  position: absolute;  display: flex;  gap: 12px;  left: 50%;  bottom: 11px;  transform: translateX(-50%);}.embla__dot {  background-color: #fff;  width: 8px;  height: 8px;  cursor: pointer;  border-radius: 50%;  transition: background-color 200ms;}.embla__dot--selected {  background-color: var(--color-dark-blue);}@keyframes panel {  from {    opacity: 0;    transform: scale(0.6);  }  to {    opacity: 1;    transform: scale(1);  }}.case {  position: relative;  background-image: url("../images/new-service/bg-dark-blue.webp");  background-size: 1440px;  padding: 68px 20px 64px;  margin: 64px -20px;  border-radius: 64px;}.case::after {  position: absolute;  color: #fff;  background-image: linear-gradient(90deg, #d9e9ed 0%, #4cb1c8 100%);  -webkit-background-clip: text;          background-clip: text;  font-family: var(--font-en);  font-weight: 600;  font-size: 60px;  line-height: 1;  letter-spacing: 0.03em;  white-space: pre-wrap;  text-transform: uppercase;  -webkit-text-fill-color: transparent;  top: 55px;  left: 20px;  content: "BEFORE -\a AFTER";}.case.is-inview::after {  opacity: 0.13;  transition: opacity 600ms;}.case.is-inview h3:not(.heading__ja) {  opacity: 1;  transform: translateY(0);  transition: opacity 400ms 400ms, transform 400ms 400ms;}.case.is-inview .embla__slide {  position: relative;  left: 0;  filter: opacity(1);  transition: left 600ms, opacity 400ms, filter 600ms;  animation: panel 600ms;}.case.is-inview .embla__slide:nth-of-type(1) {  transition-delay: 0ms, 0s, 0ms;}.case.is-inview .embla__slide:nth-of-type(2) {  transition-delay: 200ms, 0s, 200ms;}.case.is-inview .embla__slide:nth-of-type(3) {  transition-delay: 400ms, 0s, 400ms;}.case.is-inview .embla__slide:nth-of-type(4) {  transition-delay: 600ms, 0s, 600ms;}.case.is-inview .embla__slide:nth-of-type(5) {  transition-delay: 800ms, 0s, 800ms;}.case h3:not(.heading__ja) {  position: relative;  display: flex;  align-items: center;  gap: 8px;  color: #fff;  font-size: 24px;  font-weight: bold;  margin-bottom: 44px;  z-index: 10;  opacity: 0;  transform: translateY(20px);}.case h3:not(.heading__ja)::before {  width: 15px;  height: 15px;  border: 4px solid #fff;  content: "";  border-radius: 50%;}.case h3 + p {  color: #fff;  font-size: 15px;  margin: -20px 0 40px;}.case > ul {  position: relative;  display: flex;  gap: 4px;  white-space: nowrap;  margin: 0 -20px 28px 0;  z-index: 10;  overflow: auto;}.case > ul button {  color: #333;  background-color: #fff;  font-size: 13px;  font-weight: 500;  padding: 8px 20px;  cursor: pointer;  border-radius: 8px;  transition: color 200ms, background-color 200ms, font-weight 200ms;}.case .is-active {  color: #fff;  background-color: var(--color-blue);  font-weight: 600;}.case .embla {  margin-bottom: 28px;}.case .embla__slide {  display: flex;  flex-direction: column;  background-color: #fff;  left: 100%;  overflow: hidden;  filter: opacity(0);}.case__image {  display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 8px;  padding: 8px 8px 0;}.case__image li {  position: relative;  overflow: hidden;  border-radius: 8px;}.case__image li::after {  position: absolute;  color: #fff;  font-family: var(--font-en);  font-size: 12px;  font-weight: bold;  letter-spacing: 0.06em;  text-transform: uppercase;  padding: 0.5px 8px;  top: 4px;  left: 4px;  border-radius: 6px;}.case__image li:first-child::after {  background-color: #666;  content: "before";}.case__image li:last-child::after {  background-color: var(--color-red);  content: "after";}.case a > div {  flex-grow: 1;  display: flex;  flex-direction: column;  padding: 16px 16px 20px;}.case .tag {  margin-bottom: 12px;}.case__brand {  color: #666;  font-size: 13px;  font-weight: bold;  line-height: 1.4;  margin-bottom: 4px;}.case h4 {  font-size: 16px;  font-weight: bold;  line-height: 1.6;  margin-bottom: 13px;}.case__button {  position: relative;  display: flex;  justify-content: flex-end;  align-items: center;  gap: 9px;  font-size: 13px;  font-weight: bold;  margin-top: auto;}.case__button::before, .case__button::after {  width: 22px;  height: 22px;  content: "";}.case__button::before {  position: absolute;  background: url("../images/new-service/ico-arrow.svg") no-repeat center;  background-size: 4px;  right: 0;  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7479%) hue-rotate(187deg) brightness(108%) contrast(106%);}.case__button::after {  background-color: var(--color-dark-blue);  border: 1px solid var(--color-dark-blue);  border-radius: 50%;}.faq {  margin: 64px 0;}.faq.is-inview li {  opacity: 1;  transform: translateY(0);  transition: opacity 400ms, transform 400ms;}.faq.is-inview li:nth-child(1) {  transition-delay: 0ms;}.faq.is-inview li:nth-child(2) {  transition-delay: 100ms;}.faq.is-inview li:nth-child(3) {  transition-delay: 200ms;}.faq.is-inview li:nth-child(4) {  transition-delay: 300ms;}.faq.is-inview li:nth-child(5) {  transition-delay: 400ms;}.faq.is-inview li:nth-child(6) {  transition-delay: 500ms;}.faq.is-inview li:nth-child(7) {  transition-delay: 600ms;}.faq.is-inview li:nth-child(8) {  transition-delay: 700ms;}.faq.is-inview li:nth-child(9) {  transition-delay: 800ms;}.faq.is-inview li:nth-child(10) {  transition-delay: 900ms;}.faq ul {  display: grid;  gap: 8px;  font-size: 14px;  font-weight: bold;  margin-bottom: 28px;}.faq li {  position: relative;  opacity: 0;  transform: translateY(40px);}.faq ul a {  display: flex;  align-items: center;  gap: 11px;  background-color: #fff;  padding: 20px 46px 20px 20px;  border-radius: 8px;}.faq ul a::before {  color: var(--color-dark-blue);  font-family: var(--font-en);  font-size: 19.56px;  line-height: 1;  content: "Q";}.faq ul a::after {  position: absolute;  background: url("../images/new-service/ico-arrow.svg") no-repeat center;  background-size: 6px;  width: 6px;  height: 11px;  top: 50%;  right: 20px;  content: "";  filter: brightness(0) saturate(100%) invert(46%) sepia(1%) saturate(1599%) hue-rotate(348deg) brightness(102%) contrast(92%);  transform: translateY(-50%);}.heading {  padding: 0;  margin-bottom: 28px;}.heading--center {  text-align: center;}.heading--center .heading__en {  justify-content: center;}.heading--center .heading__en::after {  width: 9px;  height: 9px;  border: 3px solid var(--color-dark-blue);  content: "";  border-radius: 50%;}.heading__en {  display: flex;  align-items: center;  gap: 8px;  color: var(--color-blue);  font-family: var(--font-en);  font-weight: bold;  line-height: 1;  letter-spacing: 0.06em;  text-transform: uppercase;  margin-bottom: 12px;  opacity: 0;  transform: translateY(20px);}.heading__en::before {  width: 9px;  height: 9px;  border: 3px solid var(--color-dark-blue);  content: "";  border-radius: 50%;}.heading__ja {  font-size: 24px;  font-weight: bold;  line-height: 1.4;  margin-bottom: 20px;}.heading span {  display: inline-block;  opacity: 0;}.heading__lead {  font-size: 15px;  line-height: 1.6;  margin-bottom: 16px;}.heading__text {  color: #666;  font-size: 12px;  line-height: 1.6;}.is-inview .heading__en {  opacity: 1;  transform: translateY(0);  transition: opacity 400ms 600ms, transform 400ms 600ms;}.is-inview .heading span {  opacity: 1;  transition: opacity 400ms linear;}.hero {  letter-spacing: 0.02em;  margin-bottom: 64px;}.hero > div:first-of-type {  position: relative;  height: 55.641025641vw;}.hero > div:first-of-type::after {  position: absolute;  background: url("../images/new-service/bg-hero.webp") no-repeat;  background-size: 100% 100%;  width: 100%;  height: 100%;  top: 0;  left: 0;  content: "";}.hero > div:first-of-type img {  height: 100%;  -o-object-fit: cover;     object-fit: cover;}.hero > div:last-of-type {  position: relative;  padding: 0 20px;  margin-top: -13.3333333333vw;}.hero h1 {  display: grid;  justify-items: center;  gap: 9px;  font-size: 28px;  font-weight: bold;  text-align: center;  line-height: 1.4;  margin-bottom: 4px;}.hero h1 img {  width: 35px;}.hero > div > p {  font-size: 13px;  font-weight: 500;  text-align: center;}.hero ul {  display: grid;  gap: 12px;  font-size: 16px;  font-weight: bold;  line-height: 1.4375;  margin-top: 24px;}.hero a {  display: flex;  justify-content: center;  align-items: center;  gap: 12px;  color: #fff;  padding: 17.5px 28px 17.5px 32px;  max-width: 350px;  margin: 0 auto;  border-radius: 42px;}.hero a::before {  height: 25px;}.hero__shop a {  background-color: var(--color-blue);}.hero__shop a::before {  content: url("../images/new-service/ico-shop.svg");}.hero__shop a > span {  color: var(--color-blue);  background-color: #fbe2a7;  font-size: 12px;  letter-spacing: 0.02em;  white-space: nowrap;  padding: 4px 9px;  border-radius: 32px;}.hero__mitsumori a {  background-color: var(--color-red);}.hero__mitsumori a::before {  content: url("../images/new-service/ico-mitsumori.svg");}.hero--home > div:last-of-type {  margin-top: -8.4615384615vw;}.hero--home h1 {  margin-bottom: 16px;}.hero--single div div {  display: grid;  justify-items: center;  gap: 12px;  padding: 18px 20px;  border: 2px solid #ddd;  margin-top: 32px;  border-radius: 8px;}.hero--single div div p {  display: flex;  align-items: flex-end;  gap: 4px;  font-size: 24px;  font-weight: bold;  line-height: 1;}.hero--single small {  font-size: 12px;  font-weight: 500;}.hero--single dl {  display: flex;  align-items: center;  color: var(--color-blue);  background-color: var(--color-light-blue);  font-size: 11px;  font-weight: bold;  padding: 4.5px 12px;  border-radius: 34px;}.hero--single dl::before {  background: url("../images/new-service/ico-time.svg") no-repeat;  min-width: 14px;  height: 14px;  margin-right: 8px;  content: "";}.hero--single dt::after {  content: "：";}.hero--hokenmitsumori h1::before {  background: url("../images/new-service/icon/ico-suitcase_repair.svg") no-repeat;  background-size: 35.25px;  width: 35.25px;  height: 36.37px;  content: "";}.insurance {  position: relative;  display: grid;  grid-template-columns: 100px 1fr;  align-items: center;  gap: 20px;  color: #fff;  background-image: url("../images/new-service/bg-blue.webp");  background-size: 1440px;  padding-right: 20px;  margin-bottom: 20px;  overflow: hidden;  opacity: 0;  border-radius: 20px;  transform: translateY(80px);}.insurance::before, .insurance::after {  position: absolute;  width: 22px;  height: 22px;  right: 17px;  bottom: 17px;  content: "";}.insurance::before {  background-color: var(--color-dark-blue);  border-radius: 50%;}.insurance::after {  background: url("../images/new-service/ico-arrow.svg") no-repeat center;  background-size: 4px;  filter: brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(7462%) hue-rotate(69deg) brightness(110%) contrast(101%);}.insurance.is-inview {  opacity: 1;  transform: translateY(0);  transition: opacity 600ms, transform 600ms;}.insurance h4 {  font-weight: bold;  line-height: 1.2;  margin-bottom: 8px;}.insurance span {  display: block;  font-size: 24px;}.insurance strong {  color: var(--color-yellow);}.insurance p {  letter-spacing: 0.02em;}.insurance br {  display: none;}.nav {  position: sticky;  background-color: #fff;  top: 0;  z-index: 20;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);}.nav .embla__viewport {  padding: 0 20px;  overflow: hidden;}.nav .embla__container {  align-items: center;  gap: 20px;}.nav .embla__slide {  flex: 0 0 auto;  opacity: 1;  pointer-events: auto;}.nav p {  position: relative;  display: flex;  align-items: center;  gap: 20px;  font-size: 12px;  font-weight: 500;}.nav p::after {  background-color: #ddd;  width: 1px;  height: 29px;  content: "";}.nav p a {  display: flex;  align-items: center;  gap: 9px;  padding: 10px 0;}.nav p a::before, .nav p a::after {  width: 22px;  height: 22px;  content: "";}.nav p a::before {  border: 1px solid #ececec;  border-radius: 50%;  box-shadow: 0 0 3px rgba(0, 0, 0, 0.06);}.nav p a::after {  position: absolute;  background: url("../images/new-service/ico-arrow.svg") no-repeat center;  background-size: 4px;  left: 0;  filter: brightness(0) saturate(100%) invert(86%) sepia(14%) saturate(5114%) hue-rotate(158deg) brightness(84%) contrast(83%);  transform: scaleX(-1);}.nav__list {  display: flex;  gap: 20px;  font-size: 13px;  font-weight: bold;}.nav__list a {  display: grid;  place-content: center;  height: 60px;}.nav .is-active {  position: relative;  color: var(--color-blue);}.nav .is-active::after {  position: absolute;  background-color: var(--color-blue);  width: 48px;  height: 4px;  bottom: 0;  left: 50%;  content: "";  transform: translateX(-50%);}.nav__button {  display: flex;  gap: 8px;  font-size: 14px;  font-weight: bold;}.nav__button a {  display: grid;  color: #fff;  padding: 9px 24px;  border-radius: 24px;}.nav__shop a {  background-color: var(--color-blue);}.nav__mitsumori a {  background-color: var(--color-red);}.nav .embla__prev,.nav .embla__next {  position: absolute;  display: grid;  align-items: center;  background-image: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);  padding-left: 42px;  width: 59px;  height: 100%;  top: 0;  pointer-events: none;  transition: visibility 200ms, opacity 200ms;}.nav .embla__prev img,.nav .embla__next img {  width: 7px;}.nav .embla__prev {  left: 0;  transform: scale(-1);}.nav .embla__next {  right: 0;}.nav .embla__prev:disabled,.nav .embla__next:disabled {  visibility: hidden;  opacity: 0;}.notice {  display: grid;  gap: 16px;}.notice div {  display: grid;  gap: 4px;}.notice h3 {  font-weight: bold;  line-height: 1.6;}.notice p {  font-size: 12px;}.notice ul {  display: grid;  gap: 8px;  font-size: 13px;  letter-spacing: 0.02em;}.notice li {  position: relative;  padding-left: 14px;}.notice li::before {  position: absolute;  background-color: var(--color-dark-blue);  min-width: 6px;  height: 6px;  top: 8px;  left: 0;  content: "";  border-radius: 50%;}.notice strong {  position: relative;  box-shadow: inset 0 -8px var(--color-yellow);}.notice a {  color: var(--color-blue);  text-decoration: underline;}.price {  margin: 64px 0;}.price div:last-of-type {  text-align: center;  overflow: hidden;  border-radius: 20px;}.price h4 {  color: #fff;  background-color: var(--color-dark-blue);  font-weight: bold;  padding: 11px 0;}.price dl {  display: grid;  grid-template-columns: 100px 1fr;}.price dt,.price dd {  padding: 11.5px 0;}.price dt {  color: var(--color-blue);  background-color: var(--color-light-blue);  font-weight: bold;}.price dt:not(:last-of-type) {  border-bottom: 1px solid #fff;}.price dd {  background-color: #fff;}.price dd:not(:last-of-type) {  border-bottom: 1px solid var(--color-light-blue);}.price small {  display: none;}.price div:last-of-type span {  font-size: 11px;}.price dd {  font-weight: 500;}.price div:last-of-type ul {  display: flex;  flex-wrap: wrap;  justify-content: center;  gap: 8px;}.price div:last-of-type ul li:not(:last-child) {  display: flex;  gap: 8px;}.price div:last-of-type ul li:not(:last-child)::after {  content: "/";}.price a {  text-decoration: underline;}.price table {  display: none;}.price > ul {  display: grid;  gap: 4px;  color: #666;  font-size: 12px;  margin-top: 16px;}.price > ul li {  display: flex;  gap: 4px;}.price > ul li::before {  content: "※";}@keyframes slide {  from {    transform: translateX(0);  }  to {    transform: translateX(-50%);  }}.reason {  position: relative;  letter-spacing: 0.02em;  margin: 0 20px 40px;}.reason.is-inview div div div {  opacity: 1;  transform: translateY(0);  transition: opacity 600ms, transform 600ms;}.reason.is-inview div div div:nth-child(1) {  transition-delay: 0ms;}.reason.is-inview div div div:nth-child(2) {  transition-delay: 200ms;}.reason.is-inview div div div:nth-child(3) {  transition-delay: 400ms;}.reason::before {  position: absolute;  color: #fff;  font-family: var(--font-en);  font-weight: 600;  font-size: 60px;  line-height: 42px;  letter-spacing: 0.06em;  white-space: nowrap;  text-transform: uppercase;  top: -34px;  left: 0;  animation: slide 100s linear infinite;  content: "Why MISTER MINIT Why MISTER MINIT Why MISTER MINIT Why MISTER MINIT Why MISTER MINIT Why MISTER MINIT Why MISTER MINIT Why MISTER MINIT Why MISTER MINIT Why MISTER MINIT";}.reason > div {  position: relative;  background-image: url("../images/new-service/bg-reason.png"), linear-gradient(95.62deg, #4cb1c8 0.9%, #01597a 100%);  background-size: 1200px, auto;  padding: 32px 20px;  border-radius: 32px;}.reason > div::before {  position: absolute;  background: url("../images/new-service/img-reason.svg") no-repeat;  width: 86px;  height: 120px;  top: 40px;  left: 20px;  content: "";}.reason > div > p {  position: relative;  color: #fff;  font-size: 20px;  font-weight: 800;  text-align: center;  line-height: 1.4;  margin-bottom: 16px;}.reason > div > div {  display: grid;  gap: 8px;}.reason div div div {  display: grid;  grid-template: "point title" "point text"/64px 1fr;  align-items: center;  gap: 4px 16px;  background-color: #fff;  padding: 12px 20px;  counter-increment: reason;  opacity: 0;  border-radius: 16px;  transform: translateY(40px);}.reason div div div::before, .reason div div div::after {  grid-area: point;  color: var(--color-blue);  font-family: var(--font-en);  font-weight: bold;  text-align: center;  line-height: 1;  letter-spacing: 0.06em;  height: 64px;}.reason div div div::before {  background-color: var(--color-light-blue);  font-size: 10px;  padding-top: 19.5px;  content: "POINT";  border-radius: 50%;}.reason div div div::after {  font-size: 18px;  padding-top: 32.5px;  content: "0" counter(reason);}.reason h3 {  grid-area: title;  font-size: 16px;  font-weight: 800;  line-height: 1.4;}.reason strong {  color: var(--color-red);  font-size: 22px;}.reason h3 + p {  grid-area: text;  font-size: 13px;}.reason h3 + p br {  display: none;}.related {  margin: 64px 0;}.related.is-inview a {  opacity: 1;  transform: translateY(0);  transition: opacity 600ms, transform 600ms;}.related.is-inview a:nth-child(1) {  transition-delay: 0ms;}.related.is-inview a:nth-child(2) {  transition-delay: 200ms;}.related.is-inview a:nth-child(3) {  transition-delay: 400ms;}.related.is-inview a:nth-child(4) {  transition-delay: 600ms;}.related > div:last-of-type {  display: grid;  gap: 12px;}.related a {  display: grid;  grid-template-columns: 33.3333333333vw 1fr;  gap: 16px;  background-color: #fff;  padding: 16px;  opacity: 0;  border-radius: 12px;  transform: translateY(80px);}.related div div:first-of-type {  height: 33.3333333333vw;  overflow: hidden;  border-radius: 8px;}.related img {  height: 100%;  -o-object-fit: cover;     object-fit: cover;}.related h4 {  font-size: 17px;  font-weight: bold;  line-height: 1.6;}.related__lead {  color: #666;  font-size: 12px;  margin-top: 8px;}.related__button {  position: relative;  display: inline-flex;  align-items: center;  gap: 9px;  font-size: 13px;  font-weight: bold;  margin-top: 12px;}.related__button::before, .related__button::after {  width: 22px;  height: 22px;  content: "";}.related__button::before {  position: absolute;  background: url("../images/new-service/ico-arrow.svg") no-repeat center;  background-size: 4px;  right: 0;  z-index: 10;  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7479%) hue-rotate(187deg) brightness(108%) contrast(106%);}.related__button::after {  background-color: var(--color-dark-blue);  border: 1px solid var(--color-dark-blue);  border-radius: 50%;}.review {  margin: 64px 0;}.review.is-inview .embla__slide {  filter: opacity(1);  transform: translateY(0);  transition: filter 600ms, opacity 400ms, transform 600ms;}.review.is-inview .embla__slide:nth-of-type(1) {  transition-delay: 0ms, 0s, 0ms;}.review.is-inview .embla__slide:nth-of-type(2) {  transition-delay: 200ms, 0s, 200ms;}.review.is-inview .embla__slide:nth-of-type(3) {  transition-delay: 400ms, 0s, 400ms;}.review.is-inview .embla__slide:nth-of-type(4) {  transition-delay: 600ms, 0s, 600ms;}.review.is-inview .embla__slide:nth-of-type(5) {  transition-delay: 800ms, 0s, 800ms;}.review .embla {  margin-bottom: 28px;}.review .embla__slide {  display: flex;  flex-direction: column;  background-color: #fff;  padding: 20px;  filter: opacity(0);  transform: translateY(80px);}.review .tag {  margin-bottom: 16px;}.review h4 {  font-size: 16px;  font-weight: bold;  line-height: 1.6;  margin-bottom: 8px;}.review .embla p {  font-size: 13px;  margin-bottom: 16px;}.review .embla__slide > div {  display: grid;  gap: 8px;  margin-top: auto;}.review .c-reviewCard_star {  gap: 5px;  margin-top: 0;}.review .c-reviewCard_star > div {  width: 19px;  height: 18px;}.review .c-reviewCard_star span {  font-family: var(--font-en);  font-size: 18px;  font-weight: 600;  margin-left: 7px;}.review dl {  display: flex;  color: #666;  font-size: 13px;  font-weight: 500;}.review dt::after {  content: "：";}@keyframes more {  from {    opacity: 0;    transform: translateY(40px);  }  to {    opacity: 1;    transform: translateY(0);  }}.shop {  position: relative;  display: grid;  gap: 28px;  background-image: url("../images/new-service/bg-shop.png"), url("../images/new-service/bg-light-blue.webp");  background-repeat: no-repeat, repeat;  background-position: 0.5128205128vw 20px, 0 0;  background-size: 122.8205128205vw, 1440px;  padding: 68px 20px 64px;  margin: 64px -20px;  border-radius: 40px;}.shop::after {  position: absolute;  color: #fff;  background-image: linear-gradient(90deg, #01597a 0%, #333333 100%);  -webkit-background-clip: text;          background-clip: text;  font-family: var(--font-en);  font-weight: 600;  font-size: 60px;  line-height: 42px;  letter-spacing: 0.03em;  white-space: pre-wrap;  text-transform: uppercase;  -webkit-text-fill-color: transparent;  top: 64px;  left: 20px;  content: "Shop List";}.shop.is-inview::after {  opacity: 0.05;  transition: opacity 600ms;}.shop.is-inview h3 {  opacity: 1;  transform: translateY(0);  transition: opacity 400ms 400ms, transform 400ms 400ms;}.shop.is-inview div:last-of-type a {  opacity: 1;  transform: translateY(0);  transition: background-color 200ms, opacity 400ms, transform 400ms;}.shop.is-inview div:last-of-type a:nth-child(1) {  transition-delay: 0s, 0ms, 0ms;}.shop.is-inview div:last-of-type a:nth-child(2) {  transition-delay: 0s, 100ms, 100ms;}.shop.is-inview div:last-of-type a:nth-child(3) {  transition-delay: 0s, 200ms, 200ms;}.shop.is-inview div:last-of-type a:nth-child(4) {  transition-delay: 0s, 300ms, 300ms;}.shop.is-inview div:last-of-type a:nth-child(5) {  transition-delay: 0s, 400ms, 400ms;}.shop.is-inview div:last-of-type a:nth-child(6) {  transition-delay: 0s, 500ms, 500ms;}.shop.is-inview div:last-of-type a:nth-child(7) {  transition-delay: 0s, 600ms, 600ms;}.shop.is-inview div:last-of-type a:nth-child(8) {  transition-delay: 0s, 700ms, 700ms;}.shop.is-inview div:last-of-type a:nth-child(9) {  transition-delay: 0s, 800ms, 800ms;}.shop.is-inview div:last-of-type a:nth-child(10) {  transition-delay: 0s, 900ms, 900ms;}.shop.is-open div:last-of-type a:nth-child(n+4) {  display: block;  animation: more 400ms;}.shop.is-open:has(div:last-of-type > a:nth-child(4)) > button {  display: none;}.shop div:first-of-type {  position: relative;  z-index: 10;}.shop h3 {  display: flex;  gap: 8px;  color: var(--color-blue);  font-size: 24px;  font-weight: bold;  margin-bottom: 20px;  opacity: 0;  transform: translateY(20px);}.shop h3::before {  width: 15px;  height: 15px;  border: 4px solid var(--color-dark-blue);  margin-top: 11px;  content: "";  border-radius: 50%;}.shop div:first-of-type p:first-of-type {  font-size: 15px;  margin-bottom: 28px;}.shop div:first-of-type p:last-of-type {  display: flex;  justify-content: center;  font-size: 16px;  font-weight: bold;  line-height: 1.4375;}.shop div:first-of-type a {  display: flex;  justify-content: center;  align-items: center;  gap: 12px;  color: #fff;  background-color: var(--color-blue);  padding: 17.5px 28px 17.5px 32px;  width: 100%;  max-width: 350px;  border-radius: 42px;}.shop div:first-of-type a::before {  height: 25px;  content: url("../images/new-service/ico-shop.svg");}.shop div:first-of-type a > span {  color: var(--color-blue);  background-color: #fbe2a7;  font-size: 12px;  letter-spacing: 0.02em;  white-space: nowrap;  padding: 4px 9px;  border-radius: 32px;}.shop div:last-of-type {  position: relative;  z-index: 10;  overflow: hidden;  border-radius: 16px;}.shop div:last-of-type a {  position: relative;  display: block;  background-color: #fff;  padding: 20px min(48px, 12.3076923077vw) 20px min(20px, 5.1282051282vw);  opacity: 0;  transform: translateY(40px);}.shop div:last-of-type a::after {  position: absolute;  background: url("../images/new-service/ico-arrow.svg") no-repeat;  background-size: 6px;  min-width: 6px;  height: 10.5px;  top: 50%;  right: 22px;  content: "";  transform: translateY(-50%);  filter: brightness(0) saturate(100%) invert(52%) sepia(2%) saturate(5%) hue-rotate(336deg) brightness(88%) contrast(87%);}.shop div:last-of-type a + a {  border-top: 1px solid #ececec;}.shop div:last-of-type a:nth-child(n+4) {  display: none;}.shop div:last-of-type div {  display: flex;  align-items: center;  gap: 8px;  margin-bottom: 12px;}.shop h4 {  display: flex;  align-items: center;  gap: 6px;  font-size: 16px;  font-weight: bold;  line-height: 1.6;}.shop h4::before {  height: 20px;  content: url("../images/new-service/ico-marker.svg");}.shop div:last-of-type span {  display: flex;  align-items: center;  gap: 2px;  color: var(--color-red);  background-color: #fff;  font-size: 11px;  white-space: nowrap;  padding: 0.5px 8px;  border: 1px solid var(--color-red);  border-radius: 24px;}.shop div:last-of-type span::before {  height: 14px;  content: url("../images/new-service/ico-specialty.svg");}.shop address {  color: #666;  font-size: 13px;  font-style: normal;  margin-bottom: 12px;}.shop div:last-of-type p {  color: #666;  background-color: #fff;  font-size: 15px;  font-weight: bold;  text-align: center;  padding: 20px;}.shop button {  display: none;}.shop:has(div:last-of-type > a:nth-child(4)) > button {  position: relative;  display: flex;  align-items: center;  gap: 13px;  color: #333;  font-size: 15px;  font-weight: bold;  letter-spacing: 0.02em;  margin: 0 auto;  cursor: pointer;}.shop:has(div:last-of-type > a:nth-child(4)) > button::before, .shop:has(div:last-of-type > a:nth-child(4)) > button::after {  width: 22px;  height: 22px;  content: "";}.shop:has(div:last-of-type > a:nth-child(4)) > button::before {  position: absolute;  background: url("../images/new-service/ico-arrow.svg") no-repeat center;  background-size: 4px;  right: 0;  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7479%) hue-rotate(187deg) brightness(108%) contrast(106%);  transform: rotate(90deg);}.shop:has(div:last-of-type > a:nth-child(4)) > button::after {  background-color: var(--color-dark-blue);  border-radius: 50%;}.shop div:has(p):last-of-type ~ button {  display: none;}.specialty {  color: #fff;  background-image: url("../images/new-service/bg-blue.webp");  background-size: 1440px;  padding: 64px 20px;  margin: 64px 0;  opacity: 0;  border-radius: 20px;}.specialty.is-inview {  opacity: 1;  transition: opacity 600ms;}.specialty div:first-of-type {  display: grid;  gap: 20px;  margin-bottom: 20px;}.specialty h4 {  font-size: 24px;  font-weight: bold;  text-align: center;}.specialty div p {  font-size: 15px;  text-align: center;}.specialty div:last-of-type {  position: relative;  margin-bottom: 28px;}.specialty div:last-of-type::after {  position: absolute;  background: url("../images/new-service/ico-specialty.png") no-repeat;  background-size: 80px;  width: 80px;  height: 93px;  top: -32px;  right: -12px;  content: "";}.specialty img {  border-radius: 12px;}.specialty > p {  font-size: 16px;  font-weight: bold;  letter-spacing: 0.02em;  max-width: 310px;  margin: 0 auto;}.specialty a {  display: flex;  align-items: center;  gap: 8px;  color: #fff;  background-color: var(--color-dark-blue);  padding: 17px 32px;  border-radius: 42px;}.specialty a::before, .specialty a::after {  content: "";  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(22deg) brightness(105%) contrast(102%);}.specialty a::before {  background: url("../images/new-service/ico-specialty.svg") no-repeat;  background-size: 25px;  width: 25px;  height: 25px;}.specialty a::after {  background: url("../images/new-service/ico-arrow.svg") no-repeat;  background-size: 6px;  width: 6px;  height: 11px;  margin-left: auto;}.tag {  display: flex;  flex-wrap: wrap;  gap: 4px;  font-size: 12px;  font-weight: 500;}.tag li {  color: #333;  background-color: #fff;  padding: 2.5px 8px;  border: 2px solid #ececec;  border-radius: 4px;}.usage {  margin: 64px 0;}.usage.is-inview ol li {  opacity: 1;  transform: translateY(0);  transition: opacity 400ms, transform 400ms;}.usage.is-inview ol li:nth-child(1) {  transition-delay: 0ms;}.usage.is-inview ol li:nth-child(2) {  transition-delay: 200ms;}.usage.is-inview ol li:nth-child(3) {  transition-delay: 400ms;}.usage.is-inview ol li:nth-child(4) {  transition-delay: 600ms;}.usage .heading {  margin-bottom: 40px;}.usage__shop, .usage__mitsumori {  padding: 32px 20px;  border-radius: 20px;}.usage__shop {  position: relative;  background-color: var(--color-light-blue);}.usage__mitsumori {  background-color: var(--color-light-red);  margin-top: 40px;}.usage__shop div, .usage__mitsumori div {  margin-bottom: 16px;}.usage__count {  position: absolute;  color: var(--color-blue);  background-color: var(--color-yellow);  font-size: 13px;  font-weight: bold;  letter-spacing: 0.02em;  white-space: nowrap;  padding: 4.5px 9px;  top: -14px;  left: 50%;  border-radius: 32px;  transform: translateX(-50%);}.usage__title {  font-size: 18px;  font-weight: bold;  text-align: center;}.usage strong {  font-size: 26px;}.usage__shop strong {  color: var(--color-blue);}.usage__mitsumori strong {  color: var(--color-red);}.usage__title + .usage__button {  display: none;}.usage ol {  display: grid;  gap: 24px;  font-size: 15px;  font-weight: bold;  line-height: 1.4;}.usage ol li {  position: relative;  display: grid;  grid-template: "step title"/53px 1fr;  align-items: center;  gap: 16px;  background-color: #fff;  padding: 12px;  min-height: 72px;  opacity: 0;  border-radius: 10px;  transform: translateY(40px);  counter-increment: usage;}.usage ol li::before, .usage ol li::after {  grid-area: step;  font-family: var(--font-en);  text-align: center;  line-height: 1;  letter-spacing: 0.06em;  height: 48px;}.usage ol li::before {  font-size: 11px;  padding-top: 9px;  border: 2px solid #ececec;  content: "STEP";  border-radius: 8px;}.usage ol li::after {  display: grid;  align-items: flex-end;  font-size: 15px;  padding-bottom: 9px;  content: "0" counter(usage);}.usage__shop ol li::before,.usage__shop ol li::after {  color: var(--color-blue);}.usage__mitsumori ol li::before,.usage__mitsumori ol li::after {  color: var(--color-red);}.usage ol li:not(:last-child) > span {  grid-area: title;}.usage ol li:not(:last-child) > span::after {  position: absolute;  bottom: -24px;  left: 50%;  border: 8px solid;  content: "";  transform: translateX(-50%);}.usage__shop ol li:not(:last-child) > span::after {  border-color: var(--color-blue) transparent transparent transparent;}.usage__mitsumori ol li:not(:last-child) > span::after {  border-color: var(--color-red) transparent transparent transparent;}.usage ol li br {  display: none;}.usage span span {  color: #666;  font-size: 12px;  font-weight: 500;}.usage sup {  font-size: 10px;  vertical-align: super;}.usage__button {  font-weight: bold;  line-height: 1.42857143;  letter-spacing: 0.02em;  margin-top: 28px;}.usage a {  display: flex;  justify-content: space-between;  align-items: center;  gap: 20px;  color: #fff;  padding: 20px 20px 20px 24px;  max-width: 310px;  margin: 0 auto;  border-radius: 48px;}.usage a::after {  background: url("../images/new-service/ico-arrow.svg") no-repeat;  background-size: 5px;  min-width: 5px;  height: 10px;  content: "";  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}.usage__shop a {  background-color: var(--color-blue);}.usage__mitsumori a {  background-color: var(--color-red);}.usage ul {  display: grid;  gap: 4px;  color: #666;  font-size: 12px;  margin-top: 16px;}.video {  margin: 64px 0;}.video.is-inview .embla__slide {  filter: opacity(1);  transform: translateY(0);  transition: filter 600ms, opacity 400ms, transform 600ms;}.video.is-inview .embla__slide:nth-of-type(1) {  transition-delay: 0ms, 0s, 0ms;}.video.is-inview .embla__slide:nth-of-type(2) {  transition-delay: 200ms, 0s, 200ms;}.video.is-inview .embla__slide:nth-of-type(3) {  transition-delay: 400ms, 0s, 400ms;}.video.is-inview .embla__slide:nth-of-type(4) {  transition-delay: 600ms, 0s, 600ms;}.video.is-inview .embla__slide:nth-of-type(5) {  transition-delay: 800ms, 0s, 800ms;}.video .embla {  margin-bottom: 28px;}.video .embla__slide {  filter: opacity(0);  transform: translateY(80px);}.video iframe {  margin-bottom: 20px;  border-radius: 8.75px;}.video h4 {  font-size: 16px;  font-weight: bold;  line-height: 1.6;}.video .embla p {  font-size: 13px;  letter-spacing: 0.02em;  margin-top: 4px;}.bg-brand {  position: relative;  padding-bottom: 64px;  margin-bottom: 40px;}.bg-brand::before {  position: absolute;  background-image: url("../images/new-service/bg-light-blue.webp");  background-size: 1440px;  width: 100vw;  height: 100%;  margin-left: -50vw;  top: 0;  left: 50%;  content: "";  border-radius: 40px;}.bg-brand > * {  position: relative;}.brand-card {  position: relative;  padding-top: 64px;}.brand-card::after {  position: absolute;  color: #fff;  background-image: linear-gradient(90deg, #01597a 0%, #333333 100%);  -webkit-background-clip: text;          background-clip: text;  font-family: var(--font-en);  font-weight: 600;  font-size: 60px;  line-height: 42px;  letter-spacing: 0.03em;  white-space: pre-wrap;  text-transform: uppercase;  -webkit-text-fill-color: transparent;  top: 60px;  left: 20px;  content: "Brands";}.brand-card.is-inview::after {  opacity: 0.05;  transition: opacity 600ms;}.brand-card.is-inview h2 {  opacity: 1;  transform: translateY(0);  transition: opacity 400ms 400ms, transform 400ms 400ms;}.brand-card h2 {  position: relative;  display: flex;  align-items: center;  gap: 8px;  color: var(--color-blue);  font-size: 24px;  font-weight: bold;  margin-bottom: 40px;  z-index: 10;  opacity: 0;  transform: translateY(20px);}.brand-card h2::before {  width: 15px;  height: 15px;  border: 4px solid var(--color-dark-blue);  content: "";  border-radius: 50%;}.brand-card > div {  display: grid;  gap: 40px;  margin-bottom: 40px;}.brand-card > div > div {  background-color: #fff;  padding: 28px 20px 0;  overflow: hidden;  border-radius: 20px;}.brand-card__heading {  display: flex;  justify-content: space-between;  align-items: center;  gap: 10px;  margin-bottom: 4px;}.brand-card h3 {  font-size: 18px;  font-weight: bold;  line-height: 1.6;}.brand-card__heading span {  color: #fff;  background-color: var(--color-dark-blue);  font-size: 12px;  font-weight: bold;  white-space: nowrap;  padding: 1.5px 8px;  border-radius: 4px;}.brand-card__text {  display: grid;  gap: 16px;}.brand-card__text p {  color: #666;  font-size: 13px;}.brand-card__text ul {  display: grid;  gap: 8px;  font-size: 13px;  letter-spacing: 0.02em;}.brand-card__text li {  position: relative;  padding-left: 14px;}.brand-card__text li::before {  position: absolute;  background-color: var(--color-dark-blue);  min-width: 6px;  height: 6px;  top: 8px;  left: 0;  content: "";  border-radius: 50%;}.brand-card__text strong {  position: relative;  box-shadow: inset 0 -8px var(--color-yellow);}.brand-card__text a {  color: var(--color-blue);  text-decoration: underline;}.brand-card__case {  background-color: #f2f2f2;  padding: 24px 16px;  margin: 24px -24px 0;}.brand-card__case > p:first-of-type {  font-size: 17px;  font-weight: bold;  text-align: center;  margin-bottom: 10px;}.brand-card__case .embla {  margin-bottom: 16px;}.brand-card__case .embla__container {  gap: 8px;}.brand-card__case .embla__slide {  flex: 0 0 56.4102564103vw;  background-color: #fff;  padding: 10px 12px 12px;  border-radius: 8px;}.brand-card__case ul {  display: grid;  grid-template-columns: repeat(2, 1fr);  margin-bottom: 10px;  overflow: hidden;  border-radius: 8px;}.brand-card__case li {  display: flex;  flex-direction: column;}.brand-card__case li::before {  color: #fff;  font-family: var(--font-en);  font-size: 10px;  font-weight: bold;  text-align: center;  letter-spacing: 0.06em;  text-transform: uppercase;  padding: 1px 0;}.brand-card__case li:first-child::before {  background-color: #666;  content: "before";}.brand-card__case li:last-child::before {  background-color: var(--color-red);  content: "after";}.brand-card__case .embla p {  color: #666;  font-size: 13px;  font-weight: bold;}.brand-card__case h4 {  font-size: 14px;  font-weight: bold;  line-height: 1.6;}.brand-card__case > p:last-of-type {  font-weight: 500;  text-align: center;}.brand-card__case p a {  color: var(--color-blue);  text-decoration: underline;  padding: 10px 0;}.brand-card + .brand {  margin: 40px 0;}.bg-brand ~ .case {  background: none;  padding: 0;  margin: 64px 0;}.bg-brand ~ .case::after {  content: none;}.hero-child {  margin-bottom: 64px;}.hero-child > div {  padding: 37px 20px 0;}.hero-child__parent {  display: flex;  align-items: center;  gap: 16px;  color: var(--color-blue);  font-size: 18px;  font-weight: bold;  margin-bottom: 17px;}.hero-child__parent img {  width: 35px;}.hero-child h1 {  font-size: 28px;  font-weight: bold;  line-height: 1.4;  letter-spacing: 0.02em;  margin-bottom: 24px;}.hero-child__lead {  font-size: 15px;}.hero-child ul {  display: grid;  gap: 12px;  font-size: 16px;  font-weight: bold;  line-height: 1.4375;  letter-spacing: 0.02em;  margin-top: 32px;}.hero-child a {  display: flex;  justify-content: center;  align-items: center;  gap: 12px;  color: #fff;  padding: 17.5px 28px 17.5px 32px;  max-width: 350px;  margin: 0 auto;  border-radius: 42px;}.hero-child a::before {  height: 25px;}.hero-child__shop a {  background-color: var(--color-blue);}.hero-child__shop a::before {  content: url("../images/new-service/ico-shop.svg");}.hero-child__shop a > span {  color: var(--color-blue);  background-color: #fbe2a7;  font-size: 12px;  letter-spacing: 0.02em;  white-space: nowrap;  padding: 4px 9px;  border-radius: 32px;}.hero-child__mitsumori a {  background-color: var(--color-red);}.hero-child__mitsumori a::before {  content: url("../images/new-service/ico-mitsumori.svg");}.hero-child div div {  display: grid;  justify-items: center;  gap: 12px;  padding: 18px 20px;  border: 2px solid #ddd;  margin-top: 32px;  border-radius: 8px;}.hero-child div div p {  display: flex;  align-items: flex-end;  gap: 4px;  font-size: 24px;  font-weight: bold;  line-height: 1;}.hero-child small {  font-size: 12px;  font-weight: 500;  line-height: 1.6;}.hero-child dl {  display: flex;  align-items: center;  color: var(--color-blue);  background-color: var(--color-light-blue);  font-size: 11px;  font-weight: bold;  padding: 4.5px 12px;  border-radius: 34px;}.hero-child dl::before {  background: url("../images/new-service/ico-time.svg") no-repeat;  min-width: 14px;  height: 14px;  margin-right: 8px;  content: "";}.hero-child dt::after {  content: "：";}.hero-child + .reason {  margin-bottom: 48px;}.possible {  margin: 48px 0 64px;}.possible ul {  display: grid;  gap: 10px;  font-size: 16px;  font-weight: bold;}.possible li {  display: flex;  align-items: center;  gap: 16px;  background-color: #fff;  padding: 12px 16px;  border-radius: 8px;}.possible li::before {  background: url("../images/new-service/ico-check.svg") no-repeat;  background-size: 14px;  width: 14px;  height: 14px;  content: "";}.menu {  position: relative;  background-image: url("../images/new-service/bg-light-blue.webp");  background-size: 1440px;  padding: 64px 20px;  margin: 64px -20px;  border-radius: 40px;}.menu::after {  position: absolute;  color: #fff;  background-image: linear-gradient(90deg, #01597a 0%, #333333 100%);  -webkit-background-clip: text;          background-clip: text;  font-family: var(--font-en);  font-weight: 600;  font-size: 60px;  line-height: 42px;  letter-spacing: 0.03em;  white-space: pre-wrap;  text-transform: uppercase;  -webkit-text-fill-color: transparent;  top: 77px;  left: 20px;  content: "MENU";}.menu.is-inview::after {  opacity: 0.05;  transition: opacity 600ms;}.menu.is-inview h2 {  opacity: 1;  transform: translateY(0);  transition: opacity 400ms 400ms, transform 400ms 400ms;}.menu h2 {  position: relative;  display: flex;  align-items: center;  gap: 8px;  color: var(--color-blue);  font-size: 24px;  font-weight: bold;  margin-bottom: 40px;  z-index: 10;  opacity: 0;  transform: translateY(20px);}.menu h2::before {  width: 15px;  height: 15px;  border: 4px solid var(--color-dark-blue);  content: "";  border-radius: 50%;}.menu > div:first-of-type {  display: grid;  gap: 40px;  margin-bottom: 40px;}.menu > div:first-of-type > div {  background-color: #fff;  padding: 28px 20px;  overflow: hidden;  border-radius: 20px;}.menu > div:first-of-type h3 {  font-size: 18px;  font-weight: bold;  line-height: 1.6;  margin-bottom: 24px;}.menu > div > div > .embla {  margin-bottom: 24px;}.menu > div > div > .embla:not(:has(.embla__slide)) {  display: none;}.menu > div > div > .embla .embla__viewport {  overflow: hidden;}.menu > div > div > .embla .embla__slide {  flex: 0 0 100%;  overflow: hidden;  border-radius: 16px;}.menu__price {  display: flex;  align-items: flex-end;  gap: 4px;  font-size: 26px;  font-weight: bold;  line-height: 1;}.menu__price small {  font-size: 12px;  font-weight: 500;  line-height: 1.6;}.menu__note {  color: #666;  font-size: 15px;  font-weight: bold;  margin-top: 12px;}.menu dl {  display: inline-flex;  align-items: center;  color: var(--color-blue);  background-color: var(--color-light-blue);  font-size: 13px;  font-weight: bold;  padding: 4.5px 12px;  margin-top: 16px;  border-radius: 34px;}.menu dl::before {  background: url("../images/new-service/ico-time.svg") no-repeat;  min-width: 14px;  height: 14px;  margin-right: 8px;  content: "";}.menu dt {  white-space: nowrap;}.menu dt::after {  content: "：";}.menu__text {  display: grid;  gap: 16px;  margin-top: 24px;}.menu__text p {  font-size: 13px;}.menu__text ul {  display: grid;  gap: 8px;  font-size: 13px;  letter-spacing: 0.02em;}.menu__text li {  position: relative;  padding-left: 14px;}.menu__text li::before {  position: absolute;  background-color: var(--color-dark-blue);  min-width: 6px;  height: 6px;  top: 8px;  left: 0;  content: "";  border-radius: 50%;}.menu__text strong {  position: relative;  box-shadow: inset 0 -8px var(--color-yellow);}.menu__text a {  color: var(--color-blue);  text-decoration: underline;}.menu__case {  background-color: #f2f2f2;  padding: 24px 16px;  margin: 24px -24px 0;}.menu__case > p:first-of-type {  font-size: 17px;  font-weight: bold;  text-align: center;  margin-bottom: 10px;}.menu__case .embla {  margin-bottom: 16px;}.menu__case .embla__container {  gap: 8px;}.menu__case .embla__slide {  flex: 0 0 56.4102564103vw;  background-color: #fff;  padding: 10px 12px 12px;  border-radius: 8px;}.menu__case ul {  display: grid;  grid-template-columns: repeat(2, 1fr);  margin-bottom: 10px;  overflow: hidden;  border-radius: 8px;}.menu__case li {  display: flex;  flex-direction: column;}.menu__case li::before {  color: #fff;  font-family: var(--font-en);  font-size: 10px;  font-weight: bold;  text-align: center;  letter-spacing: 0.06em;  text-transform: uppercase;  padding: 1px 0;}.menu__case li:first-child::before {  background-color: #666;  content: "before";}.menu__case li:last-child::before {  background-color: var(--color-red);  content: "after";}.menu__case .embla p {  color: #666;  font-size: 13px;  font-weight: bold;}.menu__case h4 {  font-size: 14px;  font-weight: bold;  line-height: 1.6;}.menu__case > p:last-of-type {  font-weight: 500;  text-align: center;}.menu__case p a {  color: var(--color-blue);  text-decoration: underline;  padding: 10px 0;}.menu__button {  display: grid;  gap: 12px;  font-size: 14px;  font-weight: bold;  line-height: 1.4375;  margin-top: 24px;}.menu__button a {  display: flex;  justify-content: center;  align-items: center;  gap: 10px;  color: #fff;  padding: 14px 24.5px;  max-width: 310px;  margin: 0 auto;  border-radius: 48px;}.menu__button a::before {  background-repeat: no-repeat;  background-size: 20px;  width: 20px;  height: 20px;  content: "";}.menu__shop a {  background-color: var(--color-blue);}.menu__shop a::before {  background-image: url("../images/new-service/ico-shop.svg");}.menu__shop a > span {  color: var(--color-blue);  background-color: #fbe2a7;  font-size: 12px;  letter-spacing: 0.02em;  white-space: nowrap;  padding: 3.5px 9px;  border-radius: 32px;}.menu__mitsumori a {  background-color: var(--color-red);}.menu__mitsumori a::before {  background-image: url("../images/new-service/ico-mitsumori.svg");}.service {  position: relative;  background-image: url("../images/new-service/bg-light-blue.webp");  background-size: 1440px;  padding: 64px 20px;  margin: 40px -20px 64px;  border-radius: 40px;}.service::after {  position: absolute;  color: #fff;  background-image: linear-gradient(90deg, #01597a 0%, #333333 100%);  -webkit-background-clip: text;          background-clip: text;  font-family: var(--font-en);  font-weight: 600;  font-size: 60px;  line-height: 42px;  letter-spacing: 0.03em;  white-space: pre-wrap;  text-transform: uppercase;  -webkit-text-fill-color: transparent;  top: 60px;  left: 20px;  content: "SERVICES";}.service.is-inview::after {  opacity: 0.05;  transition: opacity 600ms;}.service.is-inview h2 {  opacity: 1;  transform: translateY(0);  transition: opacity 400ms 400ms, transform 400ms 400ms;}.service.is-inview div > a {  opacity: 1;  transform: translateY(0);  transition: background-color 400ms, opacity 600ms, transform 600ms;}.service.is-inview div > a:nth-child(1) {  transition-delay: 0s, 0ms, 0ms;}.service.is-inview div > a:nth-child(2) {  transition-delay: 0s, 200ms, 200ms;}.service.is-inview div > a:nth-child(3) {  transition-delay: 0s, 400ms, 400ms;}.service.is-inview div > a:nth-child(4) {  transition-delay: 0s, 600ms, 600ms;}.service.is-inview div > a:nth-child(5) {  transition-delay: 0s, 800ms, 800ms;}.service.is-inview div > a:nth-child(6) {  transition-delay: 0s, 1000ms, 1000ms;}.service.is-inview div > a:nth-child(7) {  transition-delay: 0s, 1200ms, 1200ms;}.service.is-inview div > a:nth-child(8) {  transition-delay: 0s, 1400ms, 1400ms;}.service.is-inview div > a:nth-child(9) {  transition-delay: 0s, 1600ms, 1600ms;}.service.is-inview div > a:nth-child(10) {  transition-delay: 0s, 1800ms, 1800ms;}.service.is-inview div > a:nth-child(11) {  transition-delay: 0s, 2000ms, 2000ms;}.service.is-inview div > a:nth-child(12) {  transition-delay: 0s, 2200ms, 2200ms;}.service h2 {  position: relative;  display: flex;  align-items: center;  gap: 8px;  color: var(--color-blue);  font-size: 24px;  font-weight: bold;  margin-bottom: 20px;  z-index: 10;  opacity: 0;  transform: translateY(20px);}.service h2::before {  width: 15px;  height: 15px;  border: 4px solid var(--color-dark-blue);  content: "";  border-radius: 50%;}.service > p {  font-size: 15px;  margin-bottom: 40px;}.service > div {  display: grid;  gap: 20px;}.service > div > a {  background-color: #fff;  padding: 28px 20px 21.5px;  opacity: 0;  border-radius: 20px;  transform: translateY(80px);}.service h3 {  font-size: 18px;  font-weight: bold;  line-height: 1.6;}.service div div {  margin-top: 24px;  overflow: hidden;  border-radius: 16px;}.service__lead {  font-size: 13px;  letter-spacing: 0.02em;  margin-top: 24px;}.service__list {  display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 8px 16px;  font-size: 13px;  letter-spacing: 0.02em;  margin-top: 16px;}.service__list li {  display: flex;  gap: 8px;}.service__list li::before {  background-color: var(--color-dark-blue);  min-width: 6px;  height: 6px;  margin-top: 8px;  content: "";  border-radius: 50%;}.service__button {  display: grid;  gap: 12px;  font-size: 14px;  font-weight: bold;  line-height: 1.4375;  padding: 0 20px 24px;  border-bottom: 1px solid #ddd;  margin: 24px -20px 21.5px;}.service__button a {  display: flex;  justify-content: center;  align-items: center;  gap: 10px;  color: #fff;  padding: 14px 24.5px;  max-width: 310px;  margin: 0 auto;  border-radius: 48px;}.service__button a::before {  background-repeat: no-repeat;  background-size: 20px;  min-width: 20px;  height: 20px;  content: "";}.service__shop a {  background-color: var(--color-blue);}.service__shop a::before {  background-image: url("../images/new-service/ico-shop.svg");}.service__shop a > span {  color: var(--color-blue);  background-color: #fbe2a7;  font-size: 12px;  letter-spacing: 0.02em;  white-space: nowrap;  padding: 3.5px 9px;  border-radius: 32px;}.service__mitsumori a {  background-color: var(--color-red);}.service__mitsumori a::before {  background-image: url("../images/new-service/ico-mitsumori.svg");}.service div p:last-of-type {  position: relative;  display: flex;  justify-content: flex-end;  align-items: center;  gap: 9px;  font-size: 13px;  font-weight: bold;}.service div p:last-of-type::before, .service div p:last-of-type::after {  width: 22px;  height: 22px;  content: "";}.service div p:last-of-type::before {  position: absolute;  background: url("../images/new-service/ico-arrow.svg") no-repeat center;  background-size: 4px;  right: 0;  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7479%) hue-rotate(187deg) brightness(108%) contrast(106%);}.service div p:last-of-type::after {  background-color: var(--color-dark-blue);  border: 1px solid var(--color-dark-blue);  border-radius: 50%;}.feature {  margin-top: 64px;}.feature.is-inview .embla {  opacity: 1;  transition: opacity 600ms;}.feature .embla {  opacity: 0;}.feature .embla__viewport {  overflow: hidden;}.feature .embla__slide {  flex: 0 0 100%;  color: #fff;  background-image: url("../images/new-service/bg-blue.webp");  background-size: 1440px;  padding: 40px 20px 66px;  border-radius: 20px;}.feature .embla__slide div:first-of-type {  display: grid;  gap: 12px;  margin-bottom: 24px;}.feature .embla__slide h4 {  font-size: 18px;  font-weight: bold;  text-align: center;  line-height: 1.6;}.feature .embla__slide div p {  font-size: 15px;  text-align: center;}.feature .embla__slide div:last-of-type {  margin-bottom: 28px;  overflow: hidden;  border-radius: 12px;}.feature .embla__slide > p {  font-size: 14px;  font-weight: bold;  text-align: center;  line-height: 1.42857143;  letter-spacing: 0.02em;}.feature .embla__dots {  bottom: 27px;}.feature a {  display: inline-flex;  justify-content: center;  color: var(--color-blue);  background-color: #fff;  padding: 20px 32px;  min-width: min(310px, 100%);  border-radius: 42px;}.hokenmitsumori-about {  background-color: #fff;  padding: 64px 20px 32px;  margin-bottom: 64px;  border-radius: 20px;}.hokenmitsumori-about h2 {  font-size: 24px;  font-weight: bold;  text-align: center;  margin-bottom: 20px;}.hokenmitsumori-about strong {  color: var(--color-red);}.hokenmitsumori-about > p {  font-size: 16px;  text-align: center;  margin-bottom: 40px;}.hokenmitsumori-about > div:first-of-type {  display: grid;  gap: 16px;  margin-bottom: 40px;}.hokenmitsumori-about > div:first-of-type.is-inview > div {  opacity: 1;  transform: translateY(0);  transition: opacity 400ms, transform 400ms;}.hokenmitsumori-about > div:first-of-type.is-inview > div:nth-of-type(2) {  transition-delay: 200ms;}.hokenmitsumori-about > div:first-of-type.is-inview > div:last-of-type {  transition-delay: 400ms;}.hokenmitsumori-about > div:first-of-type div {  position: relative;  background-color: var(--color-light-blue);  padding: 20px 20px 20px 92px;  opacity: 0;  border-radius: 12px;  transform: translateY(40px);}.hokenmitsumori-about > div:first-of-type div::after {  position: absolute;  background-repeat: no-repeat;  background-size: 56px;  width: 56px;  height: 56px;  top: 50%;  left: 20px;  content: "";  transform: translateY(-50%);}.hokenmitsumori-about > div:first-of-type div:first-of-type::after {  background-image: url("../images/new-service/hokenmitsumori/ico-about-1.svg");}.hokenmitsumori-about > div:first-of-type div:nth-of-type(2)::after {  background-image: url("../images/new-service/hokenmitsumori/ico-about-2.svg");}.hokenmitsumori-about > div:first-of-type div:last-of-type::after {  background-image: url("../images/new-service/hokenmitsumori/ico-about-3.svg");}.hokenmitsumori-about h3 {  color: var(--color-blue);  font-size: 18px;  font-weight: bold;  margin-bottom: 4px;}.hokenmitsumori-about > div:first-of-type p {  font-size: 13px;  letter-spacing: 0.02em;}.hokenmitsumori-about > div:nth-of-type(2),.hokenmitsumori-about > div:last-of-type {  background-color: #f2f2f2;  padding: 32px 20px;  opacity: 0;  border-radius: 20px;}.hokenmitsumori-about > div:nth-of-type(2).is-inview,.hokenmitsumori-about > div:last-of-type.is-inview {  opacity: 1;  transition: opacity 600ms;}.hokenmitsumori-about > div:nth-of-type(2) p:first-of-type,.hokenmitsumori-about > div:last-of-type p:first-of-type {  font-size: 15px;  font-weight: bold;  text-align: center;  padding-bottom: 20px;  border-bottom: 1px solid #ddd;  margin-bottom: 20px;}.hokenmitsumori-about > div:nth-of-type(2) {  position: relative;  margin-bottom: 48px;}.hokenmitsumori-about > div:nth-of-type(2)::after {  position: absolute;  background: url("../images/new-service/hokenmitsumori/ico-arrow.svg") no-repeat;  background-size: 32px;  width: 32px;  height: 32px;  bottom: -40px;  left: 50%;  content: "";  transform: translateX(-50%);}.hokenmitsumori-about ul {  list-style-type: disc;  font-size: 15px;  line-height: 1.8;  padding-left: 20px;  margin-bottom: 16px;}.hokenmitsumori-about > div:nth-of-type(2) p:last-of-type {  display: flex;  gap: 4px;  color: #666;  font-size: 12px;}.hokenmitsumori-about > div:nth-of-type(2) p:last-of-type::before {  content: "※";}.hokenmitsumori-about dt {  display: flex;  gap: 4px;  font-size: 15px;  font-weight: bold;  margin-bottom: 4px;}.hokenmitsumori-about dt::before {  background: url("../images/new-service/hokenmitsumori/ico-notice.svg") no-repeat;  background-size: 28px;  min-width: 28px;  height: 28px;  content: "";}.hokenmitsumori-about dd {  font-size: 13px;  letter-spacing: 0.02em;  margin-left: 32px;}.hokenmitsumori-about dd:first-of-type {  margin-bottom: 20px;}.hokenmitsumori-order {  position: relative;  background-image: url("../images/new-service/bg-light-blue.webp");  background-size: 1440px;  padding: 64px 20px;  margin: 0 -20px;  border-radius: 40px;}.hokenmitsumori-order::after {  position: absolute;  color: #fff;  background-image: linear-gradient(90deg, #01597a 0%, #333333 100%);  -webkit-background-clip: text;          background-clip: text;  font-family: var(--font-en);  font-weight: 600;  font-size: 60px;  line-height: 1;  letter-spacing: 0.03em;  white-space: pre-wrap;  text-transform: uppercase;  -webkit-text-fill-color: transparent;  top: 51px;  left: 20px;  content: "ORDER\aGUIDE";}.hokenmitsumori-order.is-inview::after {  opacity: 0.05;  transition: opacity 600ms;}.hokenmitsumori-order.is-inview h2 {  opacity: 1;  transform: translateY(0);  transition: opacity 400ms 400ms, transform 400ms 400ms;}.hokenmitsumori-order h2 {  position: relative;  display: flex;  align-items: center;  gap: 8px;  color: var(--color-blue);  font-size: 24px;  font-weight: bold;  margin-bottom: 44px;  z-index: 10;  opacity: 0;  transform: translateY(20px);}.hokenmitsumori-order h2::before {  width: 15px;  height: 15px;  border: 4px solid var(--color-dark-blue);  content: "";  border-radius: 50%;}.hokenmitsumori-order > ul {  position: relative;  display: grid;  gap: 12px;  font-size: 16px;  font-weight: bold;  max-width: 350px;  margin: 0 auto 40px;  z-index: 10;}.hokenmitsumori-order > ul li a {  display: flex;  align-items: center;  gap: 12px;  background-color: #fff;  padding: 13.5px 8px 13.5px 26px;  border: 2px solid;  border-radius: 12px;}.hokenmitsumori-order > ul li a::before {  background-color: currentColor;  mask-repeat: no-repeat;  mask-position: center;  mask-size: 32px;  -webkit-mask-repeat: no-repeat;  -webkit-mask-position: center;  -webkit-mask-size: 32px;  min-width: 32px;  height: 32px;  content: "";}.hokenmitsumori-order > ul li a::after {  background-color: currentColor;  mask: url("../images/new-service/hokenmitsumori/ico-button.svg") no-repeat center/40px;  -webkit-mask: url("../images/new-service/hokenmitsumori/ico-button.svg") no-repeat center/40px;  min-width: 40px;  height: 40px;  margin-left: auto;  content: "";}.hokenmitsumori-order > ul li:first-child a {  color: var(--color-blue);  border-color: var(--color-blue);}.hokenmitsumori-order > ul li:first-child a::before {  mask-image: url("../images/new-service/ico-shop.svg");  -webkit-mask-image: url("../images/new-service/ico-shop.svg");}.hokenmitsumori-order > ul li:last-child a {  color: var(--color-red);  border-color: var(--color-red);}.hokenmitsumori-order > ul li:last-child a::before {  mask-image: url("../images/new-service/ico-mitsumori.svg");  -webkit-mask-image: url("../images/new-service/ico-mitsumori.svg");}.hokenmitsumori-order > ul a > span {  display: grid;}.hokenmitsumori-order > ul span span {  font-size: 12px;}.hokenmitsumori-order > div {  background-color: #fff;  padding: 40px 20px;  border-radius: 40px;}.hokenmitsumori-order > div > p:first-of-type {  display: table;  font-size: 13px;  font-weight: bold;  padding: 4px 28px;  margin: 0 auto 12px;  border-radius: 80px;}.hokenmitsumori-order h3 {  display: flex;  justify-content: center;  align-items: center;  gap: 8px;  font-weight: bold;  font-size: 24px;  margin-bottom: 16px;}.hokenmitsumori-order h3::before {  background-color: currentColor;  mask-repeat: no-repeat;  mask-position: center;  mask-size: 32px;  -webkit-mask-repeat: no-repeat;  -webkit-mask-position: center;  -webkit-mask-size: 32px;  min-width: 32px;  height: 32px;  content: "";}.hokenmitsumori-order__note {  display: flex;  gap: 4px;  color: #666;  font-size: 12px;}.hokenmitsumori-order__note::before {  content: "※";}.hokenmitsumori-order > div > div {  display: grid;  gap: 20px;  margin: 28px 0;}.hokenmitsumori-order > div > div > div {  background-color: #fcfcfc;  padding: 32px 20px;  border: 1px solid #ececec;  counter-increment: order;  opacity: 0;  border-radius: 20px;  transform: translateY(80px);}.hokenmitsumori-order > div > div > div.is-inview {  opacity: 1;  transform: translateY(0);  transition: opacity 600ms, transform 600ms;}.hokenmitsumori-order h4 {  display: flex;  align-items: center;  gap: 12px;  font-size: 16px;  font-weight: bold;}.hokenmitsumori-order h4::before {  display: grid;  place-content: center;  font-family: var(--font-en);  font-size: 15px;  min-width: 28px;  height: 28px;  content: counter(order);  border-radius: 50%;}.hokenmitsumori-order input {  display: none;}.hokenmitsumori-order label {  position: relative;  display: block;  padding: 32px 48px 32px 20px;  margin: -32px -20px;  cursor: pointer;}.hokenmitsumori-order label::before,.hokenmitsumori-order label::after {  position: absolute;  width: 14px;  height: 2px;  top: 50%;  right: 23px;  content: "";  border-radius: 8px;  transition: transform 200ms;}.hokenmitsumori-order label::before {  transform: translateY(-50%);}.hokenmitsumori-order label::after {  transform: translateY(-50%) rotate(90deg);}.hokenmitsumori-order input:checked + label::before {  transform: translateY(-50%) rotate(-180deg);}.hokenmitsumori-order input:checked + label::after {  transform: translateY(-50%) rotate(-180deg);}.hokenmitsumori-order input ~ div {  display: grid;  grid-template-rows: 0fr;  opacity: 0;  transition: opacity 400ms 200ms, grid-template-rows 400ms;}.hokenmitsumori-order input:checked ~ div {  grid-template-rows: 1fr;  opacity: 1;}.hokenmitsumori-order > div > div > div > div > div {  display: grid;  gap: 20px;  overflow: hidden;}.hokenmitsumori-order > div > div > div > div > div > div:first-of-type {  display: grid;  justify-items: center;  gap: 12px;  margin-top: 20px;}.hokenmitsumori-order > div > div > div > div > div > div:first-of-type p {  color: #666;  font-size: 12px;}.hokenmitsumori-order div div div div div div div {  border: 1px solid #ececec;  overflow: hidden;  border-radius: 16px;}.hokenmitsumori-order img {  width: 100%;}.hokenmitsumori-order > div > div > div > div > div > div:last-of-type {  display: grid;  gap: 20px;}.hokenmitsumori-order > div > div > div > div > div > div:last-of-type ul {  display: grid;  gap: 8px;  font-size: 13px;}.hokenmitsumori-order > div > div > div > div > div > div:last-of-type li {  position: relative;  padding-left: 14px;}.hokenmitsumori-order > div > div > div > div > div > div:last-of-type li::before {  position: absolute;  min-width: 6px;  height: 6px;  top: 8px;  left: 0;  content: "";  border-radius: 50%;}.hokenmitsumori-order > div > p:last-of-type {  font-weight: bold;}.hokenmitsumori-order div a {  display: flex;  justify-content: center;  align-items: center;  gap: 12px;  color: #fff;  max-width: 310px;  margin: 0 auto;  border-radius: 42px;}.hokenmitsumori-order div a::before {  display: block;  background-color: currentColor;  min-width: 25px;  width: 25px;  height: 25px;}.hokenmitsumori-order > div:first-of-type {  margin-bottom: 20px;}.hokenmitsumori-order > div:first-of-type > p:first-of-type {  color: var(--color-blue);  background-color: var(--color-light-blue);}.hokenmitsumori-order > div:first-of-type h3 {  color: var(--color-blue);}.hokenmitsumori-order > div:first-of-type h3::before {  mask-image: url("../images/new-service/ico-shop.svg");  -webkit-mask-image: url("../images/new-service/ico-shop.svg");}.hokenmitsumori-order > div:first-of-type h4::before {  color: var(--color-blue);  background-color: var(--color-light-blue);}.hokenmitsumori-order > div:first-of-type label::before,.hokenmitsumori-order > div:first-of-type label::after {  background-color: var(--color-dark-blue);}.hokenmitsumori-order > div:first-of-type li::before {  background-color: var(--color-dark-blue);}.hokenmitsumori-order > div:first-of-type > p:last-of-type {  font-size: 14px;  line-height: 1.42857143;}.hokenmitsumori-order > div:first-of-type a {  background-color: var(--color-blue);  padding: 17.5px 16px 17.5px 24px;}.hokenmitsumori-order > div:first-of-type a::before {  content: "";  mask: url("../images/new-service/ico-shop.svg") no-repeat center/contain;  -webkit-mask: url("../images/new-service/ico-shop.svg") no-repeat center/contain;}.hokenmitsumori-order > div:first-of-type a > span {  color: var(--color-blue);  background-color: #fbe2a7;  font-size: 12px;  letter-spacing: 0.02em;  white-space: nowrap;  padding: 4px 9px;  border-radius: 32px;}.hokenmitsumori-order > div:last-of-type > p:first-of-type {  color: var(--color-red);  background-color: var(--color-light-red);}.hokenmitsumori-order > div:last-of-type h3 {  color: var(--color-red);}.hokenmitsumori-order > div:last-of-type h3::before {  mask-image: url("../images/new-service/ico-mitsumori.svg");  -webkit-mask-image: url("../images/new-service/ico-mitsumori.svg");}.hokenmitsumori-order > div:last-of-type h4::before {  color: var(--color-red);  background-color: var(--color-light-red);}.hokenmitsumori-order > div:last-of-type label::before,.hokenmitsumori-order > div:last-of-type label::after {  background-color: var(--color-red);}.hokenmitsumori-order > div:last-of-type li::before {  background-color: var(--color-red);}.hokenmitsumori-order > div:last-of-type > p:last-of-type {  font-size: 16px;  line-height: 1.4375;}.hokenmitsumori-order > div:last-of-type a {  background-color: var(--color-red);  padding: 17.5px 28px 17.5px 32px;}.hokenmitsumori-order > div:last-of-type a::before {  content: "";  mask: url("../images/new-service/ico-mitsumori.svg") no-repeat center/contain;  -webkit-mask: url("../images/new-service/ico-mitsumori.svg") no-repeat center/contain;}.hokenmitsumori-order + .faq {  margin-bottom: 0;}.bg-parent {  position: relative;  padding-top: 40px;}.bg-parent::before {  position: absolute;  background-image: url("../images/new-service/bg-light-blue.webp");  background-size: 1440px;  width: 100vw;  height: calc(100% + 64px + 333.5px);  margin-left: -50vw;  top: 0;  left: 50%;  content: "";}.bg-parent > * {  position: relative;}.bg-parent + div {  position: relative;}.child {  padding-top: 44px;  margin-bottom: 28px;}.child.is-inview .child__card {  opacity: 1;  transform: translateY(0);  transition: background-color 400ms, opacity 600ms, transform 600ms;}.child.is-inview .child__card:nth-of-type(1) {  transition-delay: 0s, 0ms, 0ms;}.child.is-inview .child__card:nth-of-type(2) {  transition-delay: 0s, 200ms, 200ms;}.child.is-inview .child__card:nth-of-type(3) {  transition-delay: 0s, 400ms, 400ms;}.child.is-inview .child__card:nth-of-type(4) {  transition-delay: 0s, 600ms, 600ms;}.child > div:first-of-type {  display: grid;  gap: 28px;  margin-bottom: 28px;}.child .heading {  margin-bottom: 20px;}.child__text {  display: grid;  gap: 8px;  text-align: center;}.child__text p {  font-size: 15px;}.child__text ul {  font-size: 12px;}.child > div:first-of-type img {  min-width: calc(100% + 40px);  margin: 0 -20px;}.child > div:last-of-type {  display: grid;  gap: 20px;}.child__card {  position: relative;  background-color: #fcfcfc;  padding: 16px 16px 28px;  min-width: 0;  border: 2px solid #ececec;  border-radius: 24px;  opacity: 0;  transform: translateY(80px);}.child__card a {  position: absolute;  inset: 0;  z-index: 1;  border-radius: inherit;}.child .embla {  position: relative;  z-index: 2;}.child .embla__viewport {  overflow: hidden;}.child .embla__container {  align-items: flex-start;}.child .embla__slide {  flex: 0 0 100%;  overflow: hidden;  border-radius: 24px;}.child__card > div:nth-of-type(2) {  padding: 20px;  border-bottom: 2px solid #ececec;  margin: 0 -16px 20px;}.child h3 {  font-size: 22px;  font-weight: bold;  line-height: 1.6;  margin-bottom: 4px;}.child__card > div:nth-of-type(2) p {  font-size: 13px;  letter-spacing: 0.02em;  margin-bottom: 12px;}.child dl {  display: inline-flex;  align-items: center;  color: var(--color-blue);  background-color: var(--color-light-blue);  font-weight: bold;  padding: 4.5px 12px;  border-radius: 34px;}.child dl::before {  background: url("../images/new-service/ico-time.svg") no-repeat;  min-width: 14px;  height: 14px;  margin-right: 8px;  content: "";}.child dt {  white-space: nowrap;}.child dt::after {  content: "：";}.child__card > div:last-of-type {  padding: 0 4px;}.child__card > div:last-of-type ul {  display: flex;  flex-wrap: wrap;  gap: 6px;  font-size: 13px;  font-weight: 500;  margin-bottom: 12px;}.child__card > div:last-of-type li {  color: var(--color-dark-blue);  padding: 4.5px 11px 3.5px;  border: 1px solid var(--color-dark-blue);  border-radius: 24px;}.child__price {  font-size: 23px;  font-weight: bold;  margin-bottom: 2px;}.child small {  font-size: 12px;  font-weight: 500;}.child__note {  color: #666;  font-size: 13px;  letter-spacing: 0.02em;}.child__button {  display: flex;  align-items: center;  color: #fff;  background-color: var(--color-blue);  font-weight: bold;  letter-spacing: 0.02em;  padding: 15px 20px 15px 24px;  min-width: 0;  margin-top: 16px;  border-radius: 48px;}.child__button::after {  background: url("../images/new-service/ico-arrow.svg") no-repeat;  background-size: contain;  min-width: 5px;  height: 9px;  margin-left: auto;  content: "";  filter: brightness(0) saturate(100%) invert(99%) sepia(96%) saturate(17%) hue-rotate(324deg) brightness(105%) contrast(100%);}.bg-single {  position: relative;  padding-bottom: 64px;  margin-bottom: 40px;}.bg-single::before {  position: absolute;  background-image: url("../images/new-service/bg-light-blue.webp");  background-size: 1440px;  width: 100vw;  height: 100%;  margin-left: -50vw;  top: 0;  left: 50%;  content: "";  border-radius: 40px;}.bg-single > * {  position: relative;}.single {  position: relative;  padding-top: 64px;}.single::after {  position: absolute;  color: #fff;  background-image: linear-gradient(90deg, #01597a 0%, #333333 100%);  -webkit-background-clip: text;          background-clip: text;  font-family: var(--font-en);  font-weight: 600;  font-size: 60px;  line-height: 42px;  letter-spacing: 0.03em;  white-space: pre-wrap;  text-transform: uppercase;  -webkit-text-fill-color: transparent;  top: 60px;  left: 20px;  content: "MENU";}.single.is-inview::after {  opacity: 0.05;  transition: opacity 600ms;}.single.is-inview h2 {  opacity: 1;  transform: translateY(0);  transition: opacity 400ms 400ms, transform 400ms 400ms;}.single.is-inview .card > div {  opacity: 1;  transform: translateY(0);  transition: opacity 600ms, transform 600ms;}.single.is-inview .card > div:nth-of-type(1) {  transition-delay: 0ms;}.single.is-inview .card > div:nth-of-type(2) {  transition-delay: 200ms;}.single.is-inview .card > div:nth-of-type(3) {  transition-delay: 400ms;}.single.is-inview .card > div:nth-of-type(4) {  transition-delay: 600ms;}.single.is-inview .card > div:nth-of-type(5) {  transition-delay: 800ms;}.single.is-inview .card > div:nth-of-type(6) {  transition-delay: 1000ms;}.single.is-inview .card > div:nth-of-type(7) {  transition-delay: 1200ms;}.single.is-inview .card > div:nth-of-type(8) {  transition-delay: 1400ms;}.single.is-inview .card > div:nth-of-type(9) {  transition-delay: 1600ms;}.single + .single {  margin-top: 36px;}.single__heading {  position: relative;  display: grid;  gap: 20px;  margin-bottom: 20px;  z-index: 10;}.single__heading:not(:has(p)):not(:has(dl)) div {  display: none;}.single h2 {  display: flex;  align-items: center;  gap: 8px;  color: var(--color-blue);  font-size: 24px;  font-weight: bold;  opacity: 0;  transform: translateY(20px);}.single h2::before {  width: 15px;  height: 15px;  border: 4px solid var(--color-dark-blue);  content: "";  border-radius: 50%;}.single__heading div {  display: flex;  justify-content: center;  align-items: center;  gap: 12px;  background-color: rgba(255, 255, 255, 0.6);  padding: 14px 22px;  border: 2px solid #fff;  border-radius: 8px;}.single__heading p {  display: grid;  gap: 4px;  font-size: 22px;  font-weight: bold;  line-height: 1;}.single__heading small {  display: block;  font-size: 12px;  font-weight: 500;  line-height: 1.6;}.single__heading dl {  display: flex;  align-items: center;  color: var(--color-blue);  background-color: var(--color-light-blue);  font-size: 11px;  font-weight: bold;  padding: 4.5px 12px;  border-radius: 34px;}.single__heading dl::before {  background: url("../images/new-service/ico-time.svg") no-repeat;  min-width: 14px;  height: 14px;  margin-right: 8px;  content: "";}.single__heading dt::after {  content: "：";}.single__description {  display: grid;  gap: 20px;}.single__description p {  font-size: 15px;}.single__description ul {  display: grid;  gap: 8px;  font-size: 15px;}.single__description li {  position: relative;  padding-left: 14px;}.single__description li::before {  position: absolute;  background-color: var(--color-dark-blue);  min-width: 6px;  height: 6px;  top: 8px;  left: 0;  content: "";  border-radius: 50%;}.single__description strong {  position: relative;  box-shadow: inset 0 -8px var(--color-yellow);}.single__description a {  color: var(--color-blue);  text-decoration: underline;}.single .card {  display: grid;  gap: 20px;  margin-top: 40px;}.single .card > div {  background-color: #fff;  padding: 28px 20px;  opacity: 0;  transform: translateY(80px);  border-radius: 20px;}.single__head {  padding: 0 20px 24px;  border-bottom: 2px solid #ececec;  margin: 0 -20px 24px;}.single__head h3 {  margin-bottom: 20px !important;}.single__head div dl {  display: none !important;}.single__head .single__price {  margin-top: 20px;}.single__head .single__note {  margin-top: 12px;}.single h3 {  font-size: 18px;  font-weight: bold;  line-height: 1.6;  margin-bottom: 24px;}.single .embla {  margin-bottom: 24px;}.single .embla:not(:has(.embla__slide)) {  display: none;}.single .embla__viewport {  overflow: hidden;}.single .embla__slide {  flex: 0 0 100%;  overflow: hidden;  border-radius: 16px;}.single__price {  display: flex;  align-items: flex-end;  gap: 4px;  font-size: 26px;  font-weight: bold;  line-height: 1;}.single__price small {  font-size: 12px;  font-weight: 500;  line-height: 1.6;}.single__note {  color: #666;  font-size: 15px;  font-weight: bold;  margin-top: 12px;}.single .card dl {  display: inline-flex;  align-items: center;  color: var(--color-blue);  background-color: var(--color-light-blue);  font-size: 13px;  font-weight: bold;  padding: 4.5px 12px;  margin-top: 20px;  border-radius: 34px;}.single .card dl::before {  background: url("../images/new-service/ico-time.svg") no-repeat;  min-width: 14px;  height: 14px;  margin-right: 8px;  content: "";}.single .card dt {  white-space: nowrap;}.single .card dt::after {  content: "：";}.single__text {  display: grid;  gap: 16px;  margin-top: 24px;}.single__text p {  font-size: 13px;}.single__text ul {  display: grid;  gap: 8px;  font-size: 13px;  letter-spacing: 0.02em;}.single__text li {  position: relative;  padding-left: 14px;}.single__text li::before {  position: absolute;  background-color: var(--color-dark-blue);  min-width: 6px;  height: 6px;  top: 8px;  left: 0;  content: "";  border-radius: 50%;}.single__text strong {  position: relative;  box-shadow: inset 0 -8px var(--color-yellow);}.single__text a {  color: var(--color-blue);  text-decoration: underline;}.single > ul {  display: grid;  gap: 12px;  font-size: 16px;  font-weight: bold;  line-height: 1.4375;  margin-top: 20px;}.single > ul a {  display: flex;  justify-content: center;  align-items: center;  gap: 12px;  color: #fff;  padding: 17.5px 28px 17.5px 32px;  max-width: 350px;  margin: 0 auto;  border-radius: 42px;}.single > ul a::before {  height: 25px;}.single__shop a {  background-color: var(--color-blue);}.single__shop a::before {  content: url("../images/new-service/ico-shop.svg");}.single__shop a > span {  color: var(--color-blue);  background-color: #fbe2a7;  font-size: 12px;  letter-spacing: 0.02em;  white-space: nowrap;  padding: 4px 9px;  border-radius: 32px;}.single__mitsumori a {  background-color: var(--color-red);}.single__mitsumori a::before {  content: url("../images/new-service/ico-mitsumori.svg");}.single + .notice {  margin-top: 40px;}.bg-single ~ .shop:has(~ .case) {  padding-bottom: 128px;  margin-bottom: -128px;  border-radius: 40px 40px 0 0;}@media screen and (min-width: 768px){  .l-header {    min-width: auto;  }  .l-main {    padding-bottom: 140px;  }  html {    min-width: auto;  }  .l-main a:hover {    opacity: 1;  }  .l-inner {    padding-right: 20px;    padding-left: 20px;    max-width: 1240px;  }  .aside {    margin: 140px 0;  }  .aside:has(a:nth-of-type(2)) {    grid-template-columns: repeat(2, 1fr);    gap: min(20px, 1.3888888889vw);  }  .aside:has(a:nth-of-type(2)) .aside__shop::before {    background-image: url("../images/new-service/bg-aside-shop.webp");  }  .aside:has(a:nth-of-type(2)) .aside__mitsumori::before {    background-image: url("../images/new-service/bg-aside-mitsumori.webp");  }  .aside:not(:has(a:nth-of-type(2))) .aside__shop::before {    background-image: url("../images/new-service/bg-aside-shop-single.webp");  }  .aside:not(:has(a:nth-of-type(2))) .aside__mitsumori::before {    background-image: url("../images/new-service/bg-aside-mitsumori-single.webp");  }  .aside a {    position: relative;    padding: 0 min(20px, 1.3888888889vw);    height: 374px;    overflow: hidden;    border-radius: 24px;  }  .aside a::before {    position: absolute;    background-repeat: no-repeat;    background-size: cover;    width: 100%;    height: 100%;    content: "";    opacity: 0;    transition: opacity 400ms;  }  .aside a:hover::before {    opacity: 1;  }  .aside a > * {    position: relative;  }  .aside p:first-of-type {    margin-bottom: 12px;  }  .aside__shop p:first-of-type {    font-size: 23px;  }  .aside__mitsumori p:first-of-type {    font-size: 22px;  }  .aside__shop strong {    font-size: 34px;  }  .aside__mitsumori strong {    font-size: 32px;  }  .aside p:nth-of-type(2) {    font-size: 14px;    font-weight: 500;    line-height: 1.6;    letter-spacing: 0;    margin-bottom: 32px;  }  .aside p:nth-of-type(2) br:first-child {    display: block;  }  .aside p:nth-of-type(2) br:last-child {    display: none;  }  .aside p:last-of-type {    font-size: 16px;    line-height: 1.4375;  }  .aside__shop p:last-of-type {    padding: 15.5px 17px 15.5px 20px;    max-width: 332px;  }  .aside__shop p:last-of-type > span {    padding: 6px 12px 5px;  }  .aside__mitsumori p:last-of-type {    padding: 17px 22px;    max-width: 281px;  }  .available {    margin-top: 140px;  }  .available > div:last-of-type {    padding: 80px;    border-radius: 24px;  }  .available label {    display: none;  }  .available div div {    grid-template-rows: 1fr;    opacity: 1;    margin-bottom: 40px;  }  .available dl {    gap: 12px;  }  .available dt {    font-size: 18px;    line-height: 1.6;    margin: 0;  }  .available dt a:hover::before {    right: -4px;  }  .available dt a:hover::after {    transform: translateX(4px);  }  .available dt a::before, .available dt a::after {    width: 22px;    height: 22px;  }  .available dt a::before {    background-size: 4px;    z-index: 10;    transition: right 200ms;  }  .available dt a::after {    transition: transform 200ms;  }  .available div div:last-of-type dt {    margin-top: 0;  }  .available dd {    font-size: 15px;    line-height: 1.6;    margin: 0;  }  .available dd a:hover {    text-decoration: underline;  }  .blog {    margin: 140px 0;  }  .blog .embla {    margin-bottom: 40px;  }  .blog .embla__slide {    margin-bottom: 24px;  }  .blog .embla__slide:hover img {    transform: scale(1.0725);  }  .blog .embla__slide:hover h4 {    text-decoration: underline;  }  .blog .embla__slide:hover p:last-of-type::before {    right: -4px;  }  .blog .embla__slide:hover p:last-of-type::after {    transform: translateX(4px);  }  .blog a > div:first-of-type {    border-radius: 8px;  }  .blog img {    transition: transform 400ms;  }  .blog a > div:last-of-type {    padding: 20px 12px 0;  }  .blog a div div {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 20px;  }  .blog h4 {    font-size: 18px;    margin-bottom: 12px;  }  .blog a p:first-of-type {    font-size: 14px;    line-height: 1.6;    letter-spacing: 0;    margin-bottom: 20px;  }  .blog a p:last-of-type {    font-size: 15px;  }  .blog a p:last-of-type::before {    transition: right 200ms;  }  .blog a p:last-of-type::after {    transition: transform 200ms;  }  .brand {    margin: 140px 0;  }  .brand .heading br {    display: none;  }  .brand > div:last-of-type {    padding: 72px min(80px, 5.5555555556vw);    border-radius: 24px;  }  .brand div div p:first-of-type {    font-size: 20px;    margin-bottom: 24px;  }  .brand__brand ul {    align-items: flex-start;    grid-template-columns: repeat(3, 1fr);    gap: 12px min(25px, 1.7361111111vw);    line-height: 1.4;  }  .brand div div a:hover {    text-decoration: none;  }  .brand div div p:last-of-type {    color: #616161;    line-height: 1.6;  }  .brand div div:nth-of-type(2) {    padding-top: 48px;    margin-top: 48px;  }  .brand__item ul {    gap: 6px;    line-height: 1.6;  }  .brand__item li:not(:last-child) {    gap: 6px;  }  .brand > div > p {    margin-top: 40px;  }  .button {    padding-top: 18px;    padding-bottom: 18px;    min-width: 300px;    transition: color 200ms, background-color 200ms;  }  .button:hover {    color: #fff;    background-color: var(--color-blue);  }  .button:hover::after {    transform: translateX(4px);    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(33%) hue-rotate(73deg) brightness(107%) contrast(107%);  }  .button::after {    transition: transform 200ms, filter 200ms;  }  .embla__container {    gap: 24px;  }  .embla__slide {    flex: 0 0 calc((100% - 48px) / 3);    opacity: 0.5;    pointer-events: none;  }  [data-autoplay-carousel] .embla__slide {    margin-right: 24px;  }  .embla__slide.is-in-view {    opacity: 1;    pointer-events: auto;  }  .embla__prev,  .embla__next {    position: absolute;    display: grid;    place-content: center;    background-color: #fff;    width: 48px;    height: 48px;    border: 1px solid #ececec;    top: 50%;    cursor: pointer;    border-radius: 50%;    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);    transition: background-color 200ms, border-color 200ms, opacity 200ms;  }  .embla__prev:hover,  .embla__next:hover {    background-color: var(--color-dark-blue);    border-color: var(--color-dark-blue);  }  .embla__prev:hover img,  .embla__next:hover img {    margin-left: 4px;    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(101%) contrast(102%);  }  .embla__prev img,  .embla__next img {    width: 7px;    filter: brightness(0) saturate(100%) invert(57%) sepia(70%) saturate(351%) hue-rotate(144deg) brightness(97%) contrast(86%);    transition: margin-left 200ms, filter 200ms;  }  .embla__prev {    left: -20px;    transform: translateY(-50%) scaleX(-1);  }  .embla__next {    right: -20px;    transform: translateY(-50%);  }  .embla__prev:disabled,  .embla__next:disabled {    background-color: #fff;    border-color: #ececec;    opacity: 0.5;    cursor: not-allowed;  }  .embla__prev:disabled img,  .embla__next:disabled img {    margin-left: 0;    filter: brightness(0) saturate(100%) invert(57%) sepia(70%) saturate(351%) hue-rotate(144deg) brightness(97%) contrast(86%);  }  .embla__dot:hover {    background-color: var(--color-dark-blue);  }  .case {    padding: 168px 0 140px;    margin: 140px 0;  }  .case::before {    position: absolute;    background-image: url("../images/new-service/bg-dark-blue.webp");    background-size: 1440px;    width: 100vw;    height: 100%;    margin-left: -50vw;    left: 50%;    top: 0;    content: "";    border-radius: 80px;  }  .case::after {    background-image: linear-gradient(90deg, #d9e9ed 0%, #7dc4d5 100%);    font-size: 128px;    line-height: 90px;    white-space: nowrap;    top: 140px;    left: 0;    content: "BEFORE - AFTER";  }  .case h3:not(.heading__ja) {    gap: 12px;    margin-bottom: 76px;  }  .case h3 + p {    font-size: 16px;    line-height: 1.6;    margin: 0 0 56px;  }  .case > ul {    gap: 6px;    margin: 0 0 47px;  }  .case > ul button {    font-size: 14px;    padding-top: 8.5px;    padding-bottom: 8.5px;  }  .case > ul button:hover {    color: #fff;    background-color: var(--color-blue);  }  .case .embla {    margin-bottom: 42px;  }  .case .embla__slide {    padding: 8px 8px 24px;  }  .case .embla__slide:hover img {    transform: scale(1.048);  }  .case .embla__slide:hover h4 {    text-decoration: underline;  }  .case .embla__slide:hover .case__button::before {    right: -4px;  }  .case .embla__slide:hover .case__button::after {    transform: translateX(4px);  }  .case__image {    padding: 0;  }  .case__image li::after {    line-height: 1.6;  }  .case img {    transition: transform 400ms;  }  .case li:last-child img {    transition-delay: 100ms;  }  .case a > div {    padding: 20px 20px 0;  }  .case__brand {    font-size: 14px;    margin-bottom: 8px;  }  .case h4 {    font-size: 18px;    margin-bottom: 12px;  }  .case__button {    font-size: 15px;  }  .case__button::before {    z-index: 10;    transition: right 200ms;  }  .case__button::after {    transition: transform 200ms;  }  .case > p {    position: relative;  }  .faq {    margin: 140px 0;  }  .faq ul {    gap: 12px;    font-size: 17px;    line-height: 1.6;    max-width: 1000px;    margin: 0 auto 40px;  }  .faq ul a {    gap: 16px;    padding: 22px 57px 22px 30px;    border: 2px solid transparent;    transition: border-color 200ms;  }  .faq ul a:hover {    border-color: var(--color-dark-blue);  }  .faq ul a:hover::after {    right: 25px;    filter: brightness(0) saturate(100%) invert(72%) sepia(32%) saturate(745%) hue-rotate(148deg) brightness(83%) contrast(85%);  }  .faq ul a::before {    font-size: 24px;  }  .faq ul a::after {    background-size: 8px;    width: 8px;    height: 14px;    right: 29px;    transition: right 200ms;  }  .heading {    margin-bottom: 48px;  }  .heading__en {    font-size: 14px;    margin-bottom: 20px;  }  .heading__ja {    font-size: 36px;    margin-bottom: 28px;  }  .heading__lead {    font-size: 16px;  }  .heading__text {    color: #616161;  }  .hero {    margin-bottom: 100px;  }  .hero > div:first-of-type {    height: 27.7777777778vw;  }  .hero > div:first-of-type::after {    background-image: url("../images/new-service/bg-hero-pc.webp");  }  .hero > div:first-of-type img {    width: 100%;  }  .hero > div:last-of-type {    margin-top: -4.8611111111vw;  }  .hero h1 {    display: flex;    justify-content: center;    align-items: center;    gap: 25px;    font-size: 44px;    line-height: 1.45454545;    margin-bottom: 12px;  }  .hero h1 img {    width: 47px;  }  .hero > div > p {    font-size: 16px;    line-height: 1.1875;    max-width: 800px;    margin: 0 auto;  }  .hero ul {    justify-content: center;    gap: 14px;    white-space: nowrap;    margin-top: 40px;  }  .hero ul:has(li:nth-last-child(2)) {    grid-template-columns: 354px 297px;  }  .hero a {    padding-top: 0;    padding-bottom: 0;    max-width: none;    height: 71px;    border: 2px solid;    transition: color 200ms, background-color 200ms;  }  .hero a:hover {    background-color: #fff;  }  .hero__shop a {    border-color: var(--color-blue);  }  .hero__shop a:hover {    color: var(--color-blue);  }  .hero__shop a:hover::before {    filter: brightness(0) saturate(100%) invert(24%) sepia(50%) saturate(2456%) hue-rotate(171deg) brightness(87%) contrast(101%);  }  .hero__shop a > span {    font-size: 13px;    padding: 6px 12px 5px;  }  .hero__mitsumori a {    border-color: var(--color-red);  }  .hero__mitsumori a:hover {    color: var(--color-red);  }  .hero__mitsumori a:hover::before {    filter: brightness(0) saturate(100%) invert(17%) sepia(32%) saturate(7178%) hue-rotate(345deg) brightness(91%) contrast(95%);  }  .hero--home h1 {    font-size: 42px;    line-height: 1.45238095;  }  .hero--home > div > p {    line-height: 1.4375;  }  .hero--brand > div:last-of-type {    margin-top: -7.7777777778vw;  }  .hero--brand h1 {    display: grid;    gap: 24px;    font-size: 42px;    line-height: 1.45238095;  }  .hero--brand > div > p {    line-height: 1.4375;  }  .hero--brand ul:has(li:nth-last-child(2)) {    grid-template-columns: repeat(2, 354px);  }  .hero--single > div:last-of-type {    display: flex;    flex-direction: column;  }  .hero--single div div {    display: flex;    flex-wrap: wrap;    justify-content: center;    align-items: center;    gap: min(16px, 1.1111111111vw);    background-color: transparent;    white-space: nowrap;    padding: 18px min(26px, 1.8055555556vw);    min-width: 430px;    margin: 24px auto 0;  }  .hero--single div div p {    gap: min(10px, 0.6944444444vw);  }  .hero--single ul {    order: 1;  }  .hero--single dl {    font-size: 13px;    padding-top: 4px;    padding-bottom: 4px;  }  .hero--hokenmitsumori {    margin-bottom: 64px;  }  .hero--hokenmitsumori > div:last-of-type {    margin-top: -7.7777777778vw;  }  .hero--hokenmitsumori h1 {    display: grid;    font-size: 42px;    line-height: 1.45238095;  }  .hero--hokenmitsumori h1::before {    background-size: 47px;    width: 47px;    height: 48.49px;  }  .hero--hokenmitsumori > div > p {    line-height: 1.4375;  }  .insurance {    grid-template-columns: 259px 1fr;    gap: min(56px, 3.8888888889vw);    padding-right: min(20px, 1.3888888889vw);    margin-bottom: 120px;    border-radius: 24px;  }  .insurance:hover::before {    background-color: #fff;    border-color: #ececec;  }  .insurance:hover::after {    filter: brightness(0) saturate(100%) invert(57%) sepia(70%) saturate(351%) hue-rotate(144deg) brightness(97%) contrast(86%);    transform: translate(4px, -50%);  }  .insurance:hover div::after {    transform: scale(40);  }  .insurance::before, .insurance::after {    width: 48px;    height: 48px;    top: 50%;    right: 60px;    right: min(60px, 4.1666666667vw);    transform: translateY(-50%);  }  .insurance::before {    border: 1px solid transparent;    transition: background-color 200ms, border-color 200ms;  }  .insurance::after {    background-size: 7px;    transition: transform 200ms;  }  .insurance div {    display: flex;    align-items: center;    gap: min(48px, 3.3333333333vw);  }  .insurance div::after {    position: absolute;    background-color: var(--color-dark-blue);    width: 48px;    height: 48px;    margin-top: -24px;    top: 50%;    right: min(60px, 4.1666666667vw);    z-index: -10;    content: "";    border-radius: 50%;    transition: transform 400ms;  }  .insurance h4 {    font-size: 20px;    line-height: 1.4;    margin-bottom: 0;  }  .insurance span {    font-size: 32px;  }  .insurance p {    font-size: 16px;    font-weight: 600;    line-height: 1.8;    letter-spacing: 0;  }  .insurance br {    display: block;  }  .nav .embla__viewport {    padding: 0 36px;  }  .nav .embla__container {    justify-content: safe center;    gap: 28px;  }  .nav p {    gap: 28px;    font-size: 13px;  }  .nav p a::after {    transition: left 200ms;  }  .nav p a:hover {    text-decoration: underline;  }  .nav p a:hover::after {    left: -4px;  }  .nav__list {    gap: 28px;    font-size: 15px;  }  .nav__list li {    position: relative;  }  .nav__list a {    height: 72px;    transition: color 200ms;  }  .nav__list a::after {    position: absolute;    background-color: var(--color-blue);    width: 0;    height: 4px;    bottom: 0;    left: 50%;    content: "";    transform: translateX(-50%);    transition: width 200ms;  }  .nav__list a:hover {    color: var(--color-blue);  }  .nav__list a:hover::after {    width: 54px;  }  .nav .is-active::after {    width: 54px;  }  .nav__button {    gap: 10px;  }  .nav__button a {    padding: 6.5px 22px 5.5px;    transition: color 200ms, background-color 200ms;  }  .nav__button a:hover {    background-color: #fff;  }  .nav__shop a {    border: 2px solid var(--color-blue);  }  .nav__shop a:hover {    color: var(--color-blue);  }  .nav__mitsumori a {    border: 2px solid var(--color-red);  }  .nav__mitsumori a:hover {    color: var(--color-red);  }  .nav .embla__prev,  .nav .embla__next {    justify-content: flex-start;    background-color: transparent;    width: 61px;    border: 0;    border-radius: 0;    box-shadow: none;  }  .nav .embla__prev img,  .nav .embla__next img {    filter: none;  }  .nav .embla__next {    transform: none;  }  .notice {    gap: 20px;    background-color: #fff;    padding: 80px min(80px, 5.5555555556vw);    border-radius: 40px;  }  .notice h3 {    font-size: 16px;  }  .notice p {    font-size: 14px;    line-height: 1.6;  }  .notice ul {    font-size: 15px;    line-height: 1.6;  }  .notice li {    padding-left: 16px;  }  .notice a:hover {    text-decoration: none;  }  .child + .notice {    padding-top: 40px;  }  .menu .notice {    position: relative;    padding: 40px;    border-radius: 16px;  }  .price {    margin: 140px 0;  }  .price .heading br {    display: none;  }  .price div:last-of-type {    display: none;  }  .price a:hover {    text-decoration: none;  }  .price table {    display: table;    width: 100%;    overflow: hidden;    border-radius: 24px;  }  .price thead {    color: #fff;    background-color: var(--color-dark-blue);    font-size: 16px;    text-align: center;  }  .price thead th {    padding: 15.5px 0;  }  .price thead th:first-child {    width: 320px;  }  .price thead th:nth-child(2) {    width: 400px;  }  .price thead th:nth-child(3) {    width: 160px;  }  .price thead th:last-child {    width: 320px;  }  .price thead th:not(:last-child) {    border-right: 1px solid var(--color-light-blue);  }  .price thead span {    font-size: 14px;  }  .price tbody th,  .price tbody td {    padding: 15px 20px;  }  .price tbody th {    color: var(--color-blue);    background-color: var(--color-light-blue);  }  .price tr:not(:last-child) th {    border-bottom: 1px solid #fff;  }  .price td {    background-color: #fff;    font-weight: 500;    vertical-align: middle;    border-bottom-color: var(--color-light-blue);  }  .price td:nth-child(3) {    text-align: center;  }  .price td:not(:last-child) {    border-right: 1px solid var(--color-light-blue);  }  .price tr:not(:last-child) td {    border-bottom: 1px solid var(--color-light-blue);  }  .price tbody span {    font-size: 12px;  }  .price table ul {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 12px;  }  .price table ul li:not(:last-child) {    display: flex;    gap: 12px;  }  .price table ul li:not(:last-child)::after {    content: "/";  }  .price > ul {    justify-items: flex-end;    gap: 6px;    font-size: 13px;    font-weight: 500;    line-height: 1.6;    margin-top: 24px;  }  .price > ul li {    gap: 0;  }  .reason {    margin-bottom: 120px;  }  .reason::before {    font-size: 120px;    line-height: 84px;    top: -61px;  }  .reason > div {    padding: 40px 40px 48px;    max-width: 1200px;    margin: 0 auto;    border-radius: 40px;  }  .reason > div::before {    background-size: contain;    width: 180px;    height: 250px;    top: -5px;    left: min(159px, 11.0416666667vw);  }  .reason > div > p {    font-size: 28px;    line-height: 1.46428571;    margin-bottom: 32px;  }  .reason > div > p br {    display: none;  }  .reason > div > div {    grid-template-columns: repeat(3, 1fr);    gap: 17px;  }  .reason div div div {    display: block;    padding-top: 28px;    padding-bottom: 32px;    border-radius: 20px;  }  .reason div div div::before {    display: block;    font-size: 13px;    padding: 9.5px 0;    width: 100px;    height: auto;    margin: 0 auto 12px;    content: "POINT 0" counter(reason);    border-radius: 30px;  }  .reason div div div::after {    content: none;  }  .reason h3 {    font-size: 22px;    text-align: center;    line-height: 1.46428571;    margin-bottom: 8px;  }  .reason strong {    font-size: 28px;  }  .reason h3 + p {    font-size: 15px;    text-align: center;    line-height: 1.6;  }  .reason h3 + p br {    display: block;  }  .related {    margin: 140px 0;  }  .related > div:last-of-type {    grid-template-columns: repeat(4, 1fr);    gap: min(24px, 1.6666666667vw);  }  .related a {    display: flex;    flex-direction: column;    gap: 24px;    padding: 28px 8px 8px;  }  .related a:hover img {    transform: scale(1.0725);  }  .related a:hover h4 {    text-decoration: underline;  }  .related a:hover p:last-of-type::before {    right: -4px;  }  .related a:hover p:last-of-type::after {    transform: translateX(4px);  }  .related div div:first-of-type {    order: 1;    height: 148px;    margin-top: auto;  }  .related img {    transition: transform 400ms;  }  .related div div:last-of-type {    flex: 1;    display: flex;    flex-direction: column;    padding: 0 20px;  }  .related h4 {    font-size: 20px;  }  .related__lead {    font-size: 13px;    line-height: 1.6;    margin: 12px 0 16px;  }  .related__button {    display: flex;    justify-content: flex-end;    font-size: 15px;    margin-top: auto;  }  .related__button::before {    transition: right 200ms;  }  .related__button::after {    transition: transform 200ms;  }  .review {    margin: 140px 0;  }  .review .embla {    margin-bottom: 40px;  }  .review .embla__slide {    padding: 32px 28px;  }  .review .tag {    margin-bottom: 20px;  }  .review h4 {    font-size: 20px;    margin-bottom: 12px;  }  .review .embla p {    font-size: 15px;    line-height: 1.6;    margin-bottom: 24px;  }  .review .embla__slide > div {    display: flex;    flex-wrap: wrap;    justify-content: space-between;  }  .review dl {    line-height: 1.6;  }  .shop {    align-items: flex-start;    grid-template-columns: 36.6666666667% 58.3333333333%;    gap: 5%;    padding: 168px 0 140px;    margin: 140px 0;  }  .shop::before {    position: absolute;    background-image: url("../images/new-service/bg-shop.png"), url("../images/new-service/bg-light-blue.webp");    background-repeat: no-repeat, repeat;    background-position: -8.3333333333vw 17px, 0 0;    background-size: 69.5833333333vw, 1440px;    width: 100vw;    height: 100%;    margin-left: -50vw;    left: 50%;    top: 0;    content: "";    border-radius: 80px;  }  .shop::after {    font-size: 128px;    line-height: 90px;    top: 140px;    left: 0;  }  .shop h3 {    align-items: center;    gap: 12px;    margin-bottom: 76px;  }  .shop h3 br {    display: none;  }  .shop h3::before {    margin-top: 0;  }  .shop div:first-of-type p:first-of-type {    font-size: 16px;    line-height: 1.6;    margin-bottom: 56px;  }  .shop div:first-of-type p:last-of-type {    justify-content: flex-start;  }  .shop div:first-of-type a {    padding: 15.5px 21px 15.5px 24px;    max-width: 332px;    border: 2px solid var(--color-blue);    transition: color 200ms, background-color 200ms;  }  .shop div:first-of-type a:hover {    color: var(--color-blue);    background-color: #fff;  }  .shop div:first-of-type a:hover::before {    filter: brightness(0) saturate(100%) invert(24%) sepia(50%) saturate(2456%) hue-rotate(171deg) brightness(87%) contrast(101%);  }  .shop div:first-of-type a > span {    padding: 6px 12px 5px;  }  .shop div:last-of-type a {    padding: 24px min(48px, 3.3333333333vw) 24px min(28px, 1.9444444444vw);  }  .shop div:last-of-type a:hover {    background-color: #fbfbfb;  }  .shop div:last-of-type a:hover h4 {    text-decoration: underline;  }  .shop div:last-of-type a:hover::after {    right: 18px;    filter: brightness(0) saturate(100%) invert(91%) sepia(25%) saturate(5609%) hue-rotate(159deg) brightness(84%) contrast(84%);  }  .shop div:last-of-type a::after {    background-size: 8px;    width: 8px;    height: 14px;    transition: right 200ms;  }  .shop div:last-of-type a:nth-child(n+4) {    display: block;  }  .shop div:last-of-type div {    gap: 12px;    margin-bottom: 8px;  }  .shop h4 {    font-size: 18px;  }  .shop address {    font-size: 13px;    line-height: 1.6;    margin-bottom: 16px;  }  .shop div:last-of-type p {    display: grid;    align-items: center;    line-height: 1.6;    padding: 0 28px;    min-height: 279px;  }  .shop:has(div:last-of-type > a:nth-child(4)) > button {    display: none;  }  .specialty {    display: grid;    grid-template: "text image" "button image"/min(489px, 46.5714285714%) min(513px, 48.8571428571%);    align-items: center;    gap: 48px min(48px, 4.5714285714%);    padding: 70px min(70px, 5.8333333333%) 70px min(80px, 6.6666666667%);    margin: 140px 0;  }  .specialty div:first-of-type {    grid-area: text;    align-self: flex-end;    gap: 32px;    margin-bottom: 0;  }  .specialty h4 {    font-size: 36px;    text-align: left;  }  .specialty div p {    font-size: 14px;    text-align: left;    line-height: 1.6;  }  .specialty div:last-of-type {    grid-area: image;    margin-bottom: 0;  }  .specialty div:last-of-type::after {    background-size: 110px;    width: 110px;    height: 128px;    top: -42px;    right: -34px;  }  .specialty img {    border-radius: 20px;  }  .specialty > p {    grid-area: button;    align-self: flex-start;    max-width: 300px;    margin: 0;  }  .specialty a {    border: 2px solid var(--color-dark-blue);    transition: color 200ms, background-color 200ms;  }  .specialty a:hover {    color: var(--color-dark-blue);    background-color: #fff;  }  .specialty a:hover::before, .specialty a:hover::after {    filter: brightness(0) saturate(100%) invert(75%) sepia(25%) saturate(941%) hue-rotate(151deg) brightness(80%) contrast(95%);  }  .specialty a:hover::after {    margin-right: -4px;  }  .specialty a::before {    transition: filter 200ms;  }  .specialty a::after {    transition: margin-right 200ms, filter 200ms;  }  .tag {    line-height: 1.6;  }  .usage {    margin: 140px 0;  }  .usage__shop, .usage__mitsumori {    display: grid;    grid-template-columns: 190px 1fr;    align-items: center;    gap: min(48px, 3.3333333333vw);    padding: 48px min(48px, 3.3333333333vw);    border-radius: 24px;  }  .usage__shop div, .usage__mitsumori div {    text-align: center;    margin-bottom: 0;  }  .usage__count {    position: static;    display: inline-flex;    font-size: 12px;    padding-top: 4px;    padding-bottom: 4px;    margin-bottom: 8px;    transform: translateX(0);  }  .usage__title {    font-size: 16px;    line-height: 1.6;  }  .usage strong {    font-size: 22px;  }  .usage__title + .usage__button {    display: block;  }  .usage ol {    grid-template-columns: repeat(4, 1fr);    gap: 35px;    font-size: 16px;    text-align: center;    line-height: 1.6;  }  .usage ol li {    display: block;    align-content: center;    padding: 28.5px min(20.5px, 1.4236111111vw) 20.5px;    min-height: 145px;    border-radius: 12px;  }  .usage ol li::before {    position: absolute;    display: grid;    place-content: center;    background-color: #fff;    font-size: 13px;    padding-top: 0;    width: 84px;    height: 29px;    top: -13px;    left: 50%;    content: "STEP 0" counter(usage);    transform: translateX(-50%);  }  .usage ol li::after {    content: none;  }  .usage ol li:not(:last-child) > span::after {    right: -30px;    bottom: 50%;    left: auto;    transform: translate(0, 50%);  }  .usage__shop ol li:not(:last-child) > span::after {    border-color: transparent transparent transparent var(--color-blue);  }  .usage__mitsumori ol li:not(:last-child) > span::after {    border-color: transparent transparent transparent var(--color-red);  }  .usage ol li br {    display: block;  }  .usage span span {    display: block;    line-height: 1.6;  }  .usage__button {    display: none;    font-size: 14px;    margin-top: 24px;  }  .usage a {    padding-top: 12px;    padding-bottom: 12px;    border: 2px solid;    transition: color 200ms, background-color 200ms;  }  .usage a:hover {    background-color: #fff;  }  .usage a:hover::after {    transform: translateX(4px);  }  .usage a::after {    transition: transform 200ms;  }  .usage__shop a {    border-color: var(--color-blue);  }  .usage__shop a:hover {    color: var(--color-blue);  }  .usage__shop a:hover::after {    filter: brightness(0) saturate(100%) invert(9%) sepia(90%) saturate(6780%) hue-rotate(187deg) brightness(95%) contrast(105%);  }  .usage__mitsumori a {    border-color: var(--color-red);  }  .usage__mitsumori a:hover {    color: var(--color-red);  }  .usage__mitsumori a:hover::after {    filter: brightness(0) saturate(100%) invert(23%) sepia(69%) saturate(2431%) hue-rotate(337deg) brightness(79%) contrast(104%);  }  .usage ul {    gap: 2px;    line-height: 1.6;  }  .video {    margin: 140px 0;  }  .video .embla {    margin-bottom: 40px;  }  .video iframe {    margin-bottom: 14px;    border-radius: 12px;  }  .video h4 {    font-size: 18px;  }  .video .embla p {    font-size: 15px;    line-height: 1.6;    letter-spacing: 0;    margin-top: 8px;  }  .bg-brand {    padding-bottom: 140px;    margin-bottom: 120px;  }  .bg-brand::before {    border-radius: 80px;  }  .brand-card {    padding-top: 168px;  }  .brand-card::after {    font-size: 128px;    line-height: 90px;    top: 140px;    left: 0;  }  .brand-card h2 {    gap: 12px;    margin-bottom: 92px;  }  .brand-card > div {    position: relative;    grid-template-columns: repeat(2, 1fr);    gap: min(32px, 2.2222222222vw);    margin-bottom: 64px;  }  .brand-card > div > div {    padding: min(40px, 2.7777777778vw);    border-radius: 24px;  }  .brand-card__heading {    margin-bottom: 16px;  }  .brand-card h3 {    font-size: 22px;  }  .brand-card__text {    gap: 28px;  }  .brand-card__text p {    font-size: 15px;    line-height: 1.6;  }  .brand-card__text ul {    font-size: 15px;    line-height: 1.6;  }  .brand-card__text li {    padding-left: 16px;  }  .brand-card__text a:hover {    text-decoration: none;  }  .brand-card__case {    padding: 24px 0;    margin: 28px 0 0;    border-radius: 8px;  }  .brand-card__case > p:first-of-type {    font-size: 18px;    line-height: 1.6;    margin-bottom: 16px;  }  .brand-card__case .embla__viewport {    overflow: hidden;  }  .brand-card__case .embla__container {    padding-left: 24px;  }  .brand-card__case .embla__slide {    flex: 0 0 204px;  }  .brand-card__case .embla__slide:hover img {    transform: scale(1.048);  }  .brand-card__case .embla__slide:hover h4 {    text-decoration: underline;  }  .brand-card__case .embla__prev,  .brand-card__case .embla__next {    background-color: var(--color-dark-blue);    border-color: var(--color-dark-blue);    box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);  }  .brand-card__case .embla__prev:hover,  .brand-card__case .embla__next:hover {    background-color: #fff;    border-color: #ececec;  }  .brand-card__case .embla__prev:hover img,  .brand-card__case .embla__next:hover img {    filter: brightness(0) saturate(100%) invert(70%) sepia(99%) saturate(576%) hue-rotate(158deg) brightness(85%) contrast(82%);  }  .brand-card__case .embla__prev img,  .brand-card__case .embla__next img {    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(101%) contrast(102%);  }  .brand-card__case .embla__prev {    left: -24px;  }  .brand-card__case .embla__next {    right: -24px;  }  .brand-card__case .embla__prev:disabled,  .brand-card__case .embla__next:disabled {    background-color: var(--color-dark-blue);    border-color: var(--color-dark-blue);  }  .brand-card__case .embla__prev:disabled img,  .brand-card__case .embla__next:disabled img {    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(101%) contrast(102%);  }  .brand-card__case li {    overflow: hidden;  }  .brand-card__case li::before {    position: relative;    z-index: 10;  }  .brand-card__case img {    transition: transform 200ms;  }  .brand-card__case li:last-child img {    transition-delay: 100ms;  }  .brand-card__case .embla p {    line-height: 1.6;  }  .brand-card__case > p:last-of-type {    line-height: 1.6;  }  .brand-card__case p a:hover {    text-decoration: none;  }  .brand-card + .brand {    margin: 64px 0;  }  .bg-brand ~ .case {    padding: 0;  }  .bg-brand ~ .case::before {    content: none;  }  .hero-child {    display: flex;    align-items: center;    padding: 95px 20px 0;    max-width: 1240px;    margin: 0 auto 142px;  }  .hero-child > img {    position: absolute;    width: 44.4444444444vw;    right: 0;    border-radius: 24px 0 0 24px;  }  .hero-child > div {    padding: 0;    width: min(629px, 43.6805555556vw);  }  .hero-child__parent {    gap: 19px;    font-size: 20px;    margin-bottom: 22px;  }  .hero-child__parent img {    width: 47px;  }  .hero-child h1 {    font-size: 44px;    line-height: 1.45454545;    margin-bottom: 16px;  }  .hero-child__lead {    font-size: 16px;    letter-spacing: 0.02em;    line-height: 2;  }  .hero-child ul {    display: flex;    flex-wrap: wrap;    justify-content: flex-start;    gap: min(16px, 1.1111111111vw);    margin-top: 40px;  }  .hero-child a {    border: 2px solid;    transition: color 200ms, background-color 200ms;  }  .hero-child a::before {    transition: filter 200ms;  }  .hero-child a:hover {    background-color: #fff;  }  .hero-child__shop a {    padding: 15.5px 16px 15.5px 19px;    width: 332px;    border-color: var(--color-blue);  }  .hero-child__shop a:hover {    color: var(--color-blue);  }  .hero-child__shop a:hover::before {    filter: brightness(0) saturate(100%) invert(24%) sepia(50%) saturate(2456%) hue-rotate(171deg) brightness(87%) contrast(101%);  }  .hero-child__shop a > span {    padding: 6px 12px 5px;  }  .hero-child__mitsumori a {    padding: 17px 22px;    width: 281px;    border-color: var(--color-red);  }  .hero-child__mitsumori a:hover {    color: var(--color-red);  }  .hero-child__mitsumori a:hover::before {    filter: brightness(0) saturate(100%) invert(17%) sepia(32%) saturate(7178%) hue-rotate(345deg) brightness(91%) contrast(95%);  }  .hero-child div div {    display: flex;    flex-wrap: wrap;    justify-content: center;    align-items: center;    gap: min(16px, 1.1111111111vw);    background-color: transparent;    white-space: nowrap;    padding: 18px min(20px, 1.3888888889vw);    margin-top: 41px;  }  .hero-child div div p {    gap: min(10px, 0.6944444444vw);  }  .hero-child dl {    font-size: 13px;    padding-top: 4px;    padding-bottom: 4px;  }  .hero-child + .reason {    margin-bottom: 80px;  }  .possible {    margin: 80px 0 120px;  }  .possible ul {    grid-template-columns: repeat(2, 1fr);    gap: 16px;    font-size: 18px;    line-height: 1.6;  }  .possible li {    padding: 16px 24px;    border-radius: 12px;  }  .possible li::before {    background-size: 22px;    width: 22px;    height: 16px;  }  .menu {    padding: 168px 0 140px;    margin: 120px 0 140px;    border-radius: 80px;  }  .menu::before {    position: absolute;    background-image: url("../images/new-service/bg-light-blue.webp");    background-size: 1440px;    width: 100vw;    height: 100%;    margin-left: -50vw;    left: 50%;    top: 0;    content: "";    border-radius: 80px;  }  .menu::after {    font-size: 128px;    line-height: 90px;    top: 140px;    left: 0;  }  .menu h2 {    gap: 12px;    margin-bottom: 92px;  }  .menu h2 br {    display: none;  }  .menu > div:first-of-type {    position: relative;    grid-template-columns: repeat(2, 1fr);    gap: min(32px, 2.2222222222vw);    margin-bottom: 64px;  }  .menu > div:first-of-type > div {    padding: min(40px, 2.7777777778vw);    border-radius: 24px;  }  .menu > div:first-of-type h3 {    font-size: 22px;    margin-bottom: 32px;  }  .menu > div > div > .embla {    margin-bottom: 32px;  }  .menu > div > div > .embla .embla__prev,  .menu > div > div > .embla .embla__next {    opacity: 0;  }  .menu > div > div > .embla:hover .embla__prev,  .menu > div > div > .embla:hover .embla__next {    opacity: 1;  }  .menu > div > div > .embla:hover .embla__prev:disabled,  .menu > div > div > .embla:hover .embla__next:disabled {    opacity: 0.5;  }  .menu .embla__prev,  .menu .embla__next {    background-color: var(--color-dark-blue);    border-color: var(--color-dark-blue);    box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);  }  .menu .embla__prev:hover,  .menu .embla__next:hover {    background-color: #fff;    border-color: #ececec;  }  .menu .embla__prev:hover img,  .menu .embla__next:hover img {    filter: brightness(0) saturate(100%) invert(70%) sepia(99%) saturate(576%) hue-rotate(158deg) brightness(85%) contrast(82%);  }  .menu .embla__prev img,  .menu .embla__next img {    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(101%) contrast(102%);  }  .menu .embla__prev {    left: -24px;  }  .menu .embla__next {    right: -24px;  }  .menu .embla__prev:disabled,  .menu .embla__next:disabled {    background-color: var(--color-dark-blue);    border-color: var(--color-dark-blue);  }  .menu .embla__prev:disabled img,  .menu .embla__next:disabled img {    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(101%) contrast(102%);  }  .menu__price {    gap: 0;  }  .menu__note {    font-size: 16px;    line-height: 1.6;  }  .menu dl {    font-size: 14px;    line-height: 1.6;    padding-top: 6.5px;    padding-bottom: 6.5px;    margin-top: 20px;  }  .menu__text {    gap: 15px;    margin-top: 32px;  }  .menu__text p {    font-size: 15px;    line-height: 1.6;  }  .menu__text ul {    font-size: 15px;    line-height: 1.6;  }  .menu__text li {    padding-left: 16px;  }  .menu__text a:hover {    text-decoration: none;  }  .menu__case {    padding: 24px 0;    margin: 32px 0 0;    border-radius: 8px;  }  .menu__case > p:first-of-type {    font-size: 18px;    line-height: 1.6;    margin-bottom: 16px;  }  .menu__case .embla__viewport {    overflow: hidden;  }  .menu__case .embla__container {    padding-left: 24px;  }  .menu__case .embla__slide {    flex: 0 0 204px;  }  .menu__case .embla__slide:hover img {    transform: scale(1.048);  }  .menu__case .embla__slide:hover h4 {    text-decoration: underline;  }  .menu__case li {    overflow: hidden;  }  .menu__case li::before {    position: relative;    z-index: 10;  }  .menu__case img {    transition: transform 200ms;  }  .menu__case li:last-child img {    transition-delay: 100ms;  }  .menu__case .embla p {    line-height: 1.6;  }  .menu__case > p:last-of-type {    line-height: 1.6;  }  .menu__case p a:hover {    text-decoration: none;  }  .menu__button {    grid-template-columns: repeat(2, 1fr);    gap: 16px 10px;    margin-top: 56px;  }  .menu__button li {    position: relative;  }  .menu__button a {    padding: 12px 22.5px;    max-width: none;    border: 2px solid;    transition: color 200ms, background-color 200ms;  }  .menu__button a:hover {    background-color: #fff;  }  .menu__shop a {    border-color: var(--color-blue);  }  .menu__shop a:hover {    color: var(--color-blue);  }  .menu__shop a:hover::before {    filter: brightness(0) saturate(100%) invert(24%) sepia(50%) saturate(2456%) hue-rotate(171deg) brightness(87%) contrast(101%);  }  .menu__shop a > span {    position: absolute;    color: #333;    background-color: transparent;    line-height: 1.41666667;    padding: 0;    top: -24px;    left: 50%;    transform: translateX(-50%);  }  .menu__mitsumori a {    border-color: var(--color-red);  }  .menu__mitsumori a:hover {    color: var(--color-red);  }  .menu__mitsumori a:hover::before {    filter: brightness(0) saturate(100%) invert(17%) sepia(32%) saturate(7178%) hue-rotate(345deg) brightness(91%) contrast(95%);  }  .menu__button span span {    color: var(--color-red);    font-size: 14px;  }  .service {    padding: 168px 0 140px;    margin: 120px 0 140px;    border-radius: 80px;  }  .service::before {    position: absolute;    background-image: url("../images/new-service/bg-light-blue.webp");    background-size: 1440px;    width: 100vw;    height: 100%;    margin-left: -50vw;    left: 50%;    top: 0;    content: "";    border-radius: 80px;  }  .service::after {    font-size: 128px;    line-height: 90px;    top: 140px;    left: 0;  }  .service h2 {    gap: 12px;    margin-bottom: 76px;  }  .service > p {    position: relative;    font-size: 16px;    line-height: 1.6;    margin-bottom: 56px;  }  .service > div {    position: relative;    grid-template-columns: repeat(2, 1fr);    gap: min(32px, 2.2222222222vw);  }  .service > div > a {    padding: 40px min(40px, 2.7777777778vw) 28px;    border-radius: 24px;  }  .service > div > a:hover {    background-color: #fbfbfb;  }  .service > div > a:hover h3 {    text-decoration: underline;  }  .service > div > a:hover img {    transform: scale(1.0725);  }  .service > div > a:hover p:last-of-type {    text-decoration: underline;  }  .service > div > a:hover p:last-of-type::before {    right: -4px;  }  .service > div > a:hover p:last-of-type::after {    transform: translateX(4px);  }  .service h3 {    font-size: 22px;  }  .service div div {    margin-top: 32px;  }  .service div div img {    transition: transform 400ms;  }  .service__lead {    font-size: 16px;    line-height: 1.6;    letter-spacing: 0;    margin-top: 32px;  }  .service__list {    font-size: 15px;    line-height: 1.6;    letter-spacing: 0;  }  .service__list li {    gap: 10px;  }  .service__button {    grid-template-columns: repeat(2, 1fr);    gap: 10px;    padding: 0 min(40px, 2.7777777778vw) 32px;    margin: 56px max(-40px, -2.7777777778vw) 28px;  }  .service__button li {    position: relative;  }  .service__button a {    padding: 12px 22.5px;    max-width: none;    border: 2px solid;    transition: color 200ms, background-color 200ms;  }  .service__button a:hover {    background-color: #fff;  }  .service__shop a {    border-color: var(--color-blue);  }  .service__shop a:hover {    color: var(--color-blue);  }  .service__shop a:hover::before {    filter: brightness(0) saturate(100%) invert(24%) sepia(50%) saturate(2456%) hue-rotate(171deg) brightness(87%) contrast(101%);  }  .service__shop a > span {    position: absolute;    color: #333;    background-color: transparent;    line-height: 1.41666667;    padding: 0;    top: -24px;    left: 50%;    transform: translateX(-50%);  }  .service__mitsumori a {    border-color: var(--color-red);  }  .service__mitsumori a:hover {    color: var(--color-red);  }  .service__mitsumori a:hover::before {    filter: brightness(0) saturate(100%) invert(17%) sepia(32%) saturate(7178%) hue-rotate(345deg) brightness(91%) contrast(95%);  }  .service__button span span {    color: var(--color-red);    font-size: 14px;  }  .service div p:last-of-type {    display: inline-flex;    font-size: 15px;    left: 50%;    transform: translateX(-50%);  }  .service div p:last-of-type::before {    z-index: 10;    transition: right 200ms;  }  .service div p:last-of-type::after {    transition: transform 200ms;  }  .feature {    margin-top: 140px;  }  .feature .embla__slide {    display: grid;    grid-template: "text image" "button image"/min(489px, 46.5714285714%) min(513px, 48.8571428571%);    align-items: center;    gap: 48px min(48px, 4.5714285714%);    padding: 70px min(70px, 5.8333333333%) 70px min(80px, 6.6666666667%);  }  .feature .embla__slide div:first-of-type {    grid-area: text;    align-self: flex-end;    gap: 32px;    margin-bottom: 0;  }  .feature .embla__slide h4 {    font-size: 36px;    text-align: left;  }  .feature .embla__slide div p {    font-size: 14px;    text-align: left;    line-height: 1.6;  }  .feature .embla__slide div:last-of-type {    grid-area: image;    margin-bottom: 0;    border-radius: 20px;  }  .feature .embla__slide > p {    grid-area: button;    align-self: flex-start;    font-size: 16px;    text-align: left;    line-height: 1.4375;    max-width: none;    margin: 0;  }  .feature .embla__dots {    bottom: 23px;  }  .feature a {    display: inline-block;    text-align: center;    padding-top: 18px;    padding-bottom: 18px;    min-width: 300px;    border: 2px solid transparent;    transition: color 200ms, background-color 200ms, border-color 200ms;  }  .feature a:hover {    color: #fff;    background-color: var(--color-blue);    border-color: #fff;  }  .hokenmitsumori-about {    padding: 80px min(80px, 5.5555555556vw);    margin-bottom: 140px;    border-radius: 40px;  }  .hokenmitsumori-about h2 {    font-size: 36px;    margin-bottom: 48px;  }  .hokenmitsumori-about > p {    line-height: 1.6;    margin-bottom: 56px;  }  .hokenmitsumori-about > div:first-of-type {    grid-template-columns: repeat(3, 1fr);    text-align: center;    margin-bottom: 56px;  }  .hokenmitsumori-about > div:first-of-type div {    padding: 169px min(48px, 3.3333333333vw) min(48px, 3.3333333333vw);    border-radius: 20px;  }  .hokenmitsumori-about > div:first-of-type div::after {    background-size: 100.83px;    width: 100.83px;    height: 100.83px;    top: 48px;    left: 50%;    transform: translate(-50%, 0);  }  .hokenmitsumori-about h3 {    font-size: 24px;    margin-bottom: 12px;  }  .hokenmitsumori-about > div:first-of-type p {    font-size: 16px;    line-height: 1.6;    letter-spacing: 0;  }  .hokenmitsumori-about > div:nth-of-type(2),  .hokenmitsumori-about > div:last-of-type {    padding: 40px min(40px, 2.7777777778vw);  }  .hokenmitsumori-about > div:nth-of-type(2) p:first-of-type,  .hokenmitsumori-about > div:last-of-type p:first-of-type {    font-size: 16px;    line-height: 1.6;    padding-bottom: 28px;    margin-bottom: 28px;  }  .hokenmitsumori-about > div:nth-of-type(2) {    margin-bottom: 64px;  }  .hokenmitsumori-about > div:nth-of-type(2)::after {    background-size: 40px;    width: 40px;    height: 40px;    bottom: -52px;  }  .hokenmitsumori-about dt {    gap: 8px;    font-size: 16px;    line-height: 1.6;  }  .hokenmitsumori-about dd {    font-size: 14px;    line-height: 1.6;    letter-spacing: 0;    margin-left: 36px;  }  .hokenmitsumori-about dd:first-of-type {    margin-bottom: 24px;  }  .hokenmitsumori-order {    padding: 168px 0 140px;    margin: 0;  }  .hokenmitsumori-order::before {    position: absolute;    background-image: url("../images/new-service/bg-light-blue.webp");    background-size: 1440px;    width: 100vw;    height: 100%;    margin-left: -50vw;    left: 50%;    top: 0;    content: "";    border-radius: 80px;  }  .hokenmitsumori-order::after {    font-size: 128px;    line-height: 90px;    white-space: nowrap;    top: 140px;    left: 0;    content: "ORDER GUIDE";  }  .hokenmitsumori-order h2 {    gap: 12px;    margin-bottom: 76px;  }  .hokenmitsumori-order > ul {    grid-template-columns: repeat(2, 1fr);    gap: min(30px, 2.0833333333vw);    font-size: 22px;    line-height: 1.4;    max-width: none;    margin: 0 0 48px;  }  .hokenmitsumori-order > ul li a {    justify-content: center;    gap: 0;    padding: 23.5px min(8px, 0.5555555556vw) 23.5px min(26px, 1.8055555556vw);    transition: color 200ms, background-color 200ms;  }  .hokenmitsumori-order > ul li a:hover {    color: #fff;  }  .hokenmitsumori-order > ul li a:hover::after {    transform: translateY(4px);  }  .hokenmitsumori-order > ul li a::before {    margin-right: 16px;  }  .hokenmitsumori-order > ul li a::after {    margin-left: 6.5px;    transition: transform 200ms;  }  .hokenmitsumori-order > ul li:first-child a:hover {    background-color: var(--color-blue);  }  .hokenmitsumori-order > ul li:last-child a:hover {    background-color: var(--color-red);  }  .hokenmitsumori-order > ul a > span {    display: flex;    align-items: baseline;  }  .hokenmitsumori-order > ul span span {    font-size: 14px;  }  .hokenmitsumori-order > div {    position: relative;    padding: 80px min(120px, 8.3333333333vw);  }  .hokenmitsumori-order > div > p:first-of-type {    font-size: 14px;    line-height: 1.6;  }  .hokenmitsumori-order h3 {    gap: 16px;    font-size: 34px;  }  .hokenmitsumori-order h3::before {    min-width: 50px;    mask-size: 50px;    -webkit-mask-size: 50px;    height: 50px;  }  .hokenmitsumori-order > div > div {    margin: 32px 0 60px;  }  .hokenmitsumori-order > div > div > div {    padding: 40px min(40px, 2.7777777778vw);  }  .hokenmitsumori-order h4 {    font-size: 20px;  }  .hokenmitsumori-order label {    padding: 40px;    margin: -40px;    transition: color 200ms;  }  .hokenmitsumori-order label::before,  .hokenmitsumori-order label::after {    width: 17px;    height: 3px;    right: 44px;  }  .hokenmitsumori-order > div > div > div > div > div {    grid-template-columns: 34.0909090909% 62.7272727273%;    align-items: flex-start;    gap: 3.1818181818%;  }  .hokenmitsumori-order > div > div > div > div > div > div:first-of-type {    gap: 16px;    margin-top: 32px;  }  .hokenmitsumori-order > div > div > div > div > div > div:first-of-type p {    line-height: 1.6;  }  .hokenmitsumori-order > div > div > div > div > div > div:last-of-type {    gap: 16px;    margin-top: 32px;  }  .hokenmitsumori-order > div > div > div > div > div > div:last-of-type ul {    font-size: 16px;    line-height: 1.6;  }  .hokenmitsumori-order > div > div > div > div > div > div:last-of-type li {    padding-left: 16px;  }  .hokenmitsumori-order > div > p:last-of-type {    white-space: nowrap;    padding: 32px 0;    border-radius: 20px;  }  .hokenmitsumori-order div a {    padding-top: 0;    padding-bottom: 0;    height: 71px;    border: 2px solid transparent;    transition: color 200ms, background-color 200ms;  }  .hokenmitsumori-order div a:hover {    background-color: #fff;  }  .hokenmitsumori-order > div:first-of-type {    margin-bottom: 48px;  }  .hokenmitsumori-order > div:first-of-type > p:nth-of-type(2) {    justify-content: center;  }  .hokenmitsumori-order > div:first-of-type label:hover {    color: var(--color-blue);  }  .hokenmitsumori-order > div:first-of-type > p:last-of-type {    background-color: var(--color-light-blue);    font-size: 16px;  }  .hokenmitsumori-order > div:first-of-type a {    max-width: 354px;    border-color: var(--color-blue);  }  .hokenmitsumori-order > div:first-of-type a:hover {    color: var(--color-blue);  }  .hokenmitsumori-order > div:first-of-type a > span {    font-size: 13px;    padding: 6px 12px 5px;  }  .hokenmitsumori-order > div:last-of-type label:hover {    color: var(--color-red);  }  .hokenmitsumori-order > div:last-of-type > p:last-of-type {    background-color: var(--color-light-red);  }  .hokenmitsumori-order > div:last-of-type a {    max-width: 297px;    border-color: var(--color-red);  }  .hokenmitsumori-order > div:last-of-type a:hover {    color: var(--color-red);  }  .bg-parent {    padding-top: 118px;  }  .bg-parent::before {    height: calc(100% + 140px + 488.5px);  }  .child {    background-color: #fff;    padding: 76px min(80px, 5.5555555556vw) 80px;    margin-bottom: -80px;    border-radius: 40px;  }  .child > div:first-of-type {    margin-bottom: 56px;  }  .child > div:first-of-type:has(img) {    grid-template-columns: 39.6153846154% 57.6923076923%;    align-items: center;    gap: 2.6923076923%;    margin-bottom: 28px;  }  .child > div:first-of-type:has(img) .heading {    text-align: left;  }  .child > div:first-of-type:has(img) .heading__en {    justify-content: flex-start;  }  .child > div:first-of-type:has(img) .heading__en::after {    content: none;  }  .child > div:first-of-type:has(img) .child__text {    text-align: left;  }  .child .heading {    margin-bottom: 32px;  }  .child__text {    gap: 16px;    line-height: 1.6;  }  .child__text p {    font-size: 16px;  }  .child > div:first-of-type img {    min-width: auto;    margin: 0;  }  .child > div:last-of-type {    gap: 12px;  }  .child__card {    display: grid;    grid-template-columns: min(300px, 20.8333333333vw) 1fr min(220px, 15.2777777778vw);    align-items: center;    padding: 24px 1.6666666667vw;  }  .child__card:hover:not(:has(.embla:hover)) {    background-color: #fbfbfb;  }  .child__card:hover:not(:has(.embla:hover)) h3 {    text-decoration: underline;  }  .child__card:hover:not(:has(.embla:hover)) .child__button {    color: var(--color-blue);    background-color: #fff;  }  .child__card:hover:not(:has(.embla:hover)) .child__button::after {    filter: brightness(0) saturate(100%) invert(24%) sepia(81%) saturate(796%) hue-rotate(158deg) brightness(99%) contrast(101%);    transform: translateX(4px);  }  .child .embla:hover .embla__prev,  .child .embla:hover .embla__next {    opacity: 1;  }  .child .embla:hover .embla__prev:disabled,  .child .embla:hover .embla__next:disabled {    opacity: 0.5;  }  .child .embla__slide {    border-radius: 20px;  }  .child .embla__prev,  .child .embla__next {    background-color: var(--color-dark-blue);    width: 30px;    height: 30px;    border-color: var(--color-dark-blue);    opacity: 0;    box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);  }  .child .embla__prev:hover,  .child .embla__next:hover {    background-color: #fff;    border-color: #ececec;  }  .child .embla__prev:hover img,  .child .embla__next:hover img {    filter: brightness(0) saturate(100%) invert(70%) sepia(99%) saturate(576%) hue-rotate(158deg) brightness(85%) contrast(82%);  }  .child .embla__prev img,  .child .embla__next img {    width: 6px;    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(101%) contrast(102%);  }  .child .embla__prev {    left: -15px;  }  .child .embla__next {    right: -15px;  }  .child .embla__prev:disabled,  .child .embla__next:disabled {    background-color: var(--color-dark-blue);    border-color: var(--color-dark-blue);  }  .child .embla__prev:disabled img,  .child .embla__next:disabled img {    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(101%) contrast(102%);  }  .child__card > div:nth-of-type(2) {    align-self: stretch;    display: flex;    flex-direction: column;    justify-content: center;    padding: 24px min(32px, 2.2222222222vw);    border-bottom: 0;    border-right: 2px solid #ececec;    margin: -24px min(32px, 2.2222222222vw) -24px 0;  }  .child h3 {    font-size: 24px;    margin-bottom: 12px;  }  .child__card > div:nth-of-type(2) p {    font-size: 14px;    line-height: 1.6;    letter-spacing: 0;    margin-bottom: 20px;  }  .child dl {    align-self: flex-start;    font-size: 13px;    padding-top: 4px;    padding-bottom: 4px;  }  .child__card > div:last-of-type {    padding: 0;  }  .child__card > div:last-of-type ul {    line-height: 1.6;    margin-bottom: 16px;  }  .child__price {    font-size: 21px;    line-height: 1.6;    margin-bottom: 4px;  }  .child small {    font-size: 10px;  }  .child__note {    font-size: 11px;    line-height: 1.6;    letter-spacing: 0;  }  .child__button {    font-size: 14px;    padding-top: 10px;    padding-bottom: 10px;    border: 2px solid var(--color-blue);    transition: color 200ms, background-color 200ms;  }  .child__button::after {    transition: filter 200ms, transform 200ms;  }  .bg-single {    padding-bottom: 140px;    margin-bottom: 140px;  }  .bg-single::before {    border-radius: 80px;  }  .single {    padding-top: 154px;  }  .single::after {    font-size: 128px;    line-height: 90px;    top: 140px;    left: 0;  }  .single + .single {    margin-top: 100px;  }  .single__heading {    display: flex;    justify-content: space-between;    margin-bottom: 46px;  }  .single__heading:not(:has(p)):not(:has(dl)) div {    display: block;    height: 62px;    visibility: hidden;  }  .single h2 {    gap: 12px;  }  .single__heading div {    gap: 16px;  }  .single__heading p {    display: flex;    align-items: flex-end;    gap: 6px;  }  .single__heading dl {    font-size: 13px;    padding-top: 4px;    padding-bottom: 4px;  }  .single__description p {    font-size: 16px;    line-height: 1.6;  }  .single__description ul {    font-size: 15px;    line-height: 1.6;  }  .single__description li {    padding-left: 16px;  }  .single__description a:hover {    text-decoration: none;  }  .single .card {    margin-top: 64px;  }  .single .card--3col {    grid-template-columns: repeat(3, 1fr);    gap: 48px min(24px, 1.6666666667vw);  }  .single .card--3col > div {    padding: 24px min(24px, 1.6666666667vw);  }  .single .card--1col {    gap: 32px;  }  .single .card--1col > div {    padding: 32px 3.3333333333% 40px;    border-radius: 24px;  }  .single__head {    padding: 0 40px 32px;    margin: 0 -40px 40px;  }  .single__head div:first-of-type {    display: flex;    justify-content: space-between;    gap: 16px;  }  .single__head h3 {    margin-bottom: 0 !important;  }  .single__head div dl {    display: inline-flex !important;    margin-top: 0 !important;  }  .single__head div:nth-of-type(2) {    display: flex;    gap: 16px;    align-items: flex-start;    margin-top: 16px;  }  .single__head .single__price {    font-size: 20px;    white-space: nowrap;    margin-top: 0;  }  .single__head .single__note {    margin-top: 0;  }  .single__head > dl {    display: none !important;  }  .single h3 {    font-size: 20px;    margin-bottom: 20px;  }  .single__body {    display: grid;    grid-template-columns: 59.8214285714% 36.6071428571%;    align-items: flex-start;    gap: 3.5714285714%;  }  .single__body .embla {    order: 1;  }  .single__body .single__text {    gap: 28px;    margin-top: 0;  }  .single__body:not(:has(.embla__slide)) {    grid-template-columns: none;  }  .single .embla:hover .embla__prev,  .single .embla:hover .embla__next {    opacity: 1;  }  .single .embla:hover .embla__prev:disabled,  .single .embla:hover .embla__next:disabled {    opacity: 0.5;  }  .single .embla__prev,  .single .embla__next {    background-color: var(--color-dark-blue);    width: 30px;    height: 30px;    border-color: var(--color-dark-blue);    opacity: 0;    box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);  }  .single .embla__prev:hover,  .single .embla__next:hover {    background-color: #fff;    border-color: #ececec;  }  .single .embla__prev:hover img,  .single .embla__next:hover img {    filter: brightness(0) saturate(100%) invert(70%) sepia(99%) saturate(576%) hue-rotate(158deg) brightness(85%) contrast(82%);  }  .single .embla__prev img,  .single .embla__next img {    width: 6px;    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(101%) contrast(102%);  }  .single .embla__prev {    left: -15px;  }  .single .embla__next {    right: -15px;  }  .single .embla__prev:disabled,  .single .embla__next:disabled {    background-color: var(--color-dark-blue);    border-color: var(--color-dark-blue);  }  .single .embla__prev:disabled img,  .single .embla__next:disabled img {    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(101%) contrast(102%);  }  .single__price {    gap: 0;  }  .single__note {    font-size: 13px;    line-height: 1.6;  }  .single .card dl {    line-height: 1.6;  }  .single__text {    gap: 15px;    margin-top: 24px;  }  .single__text p {    font-size: 15px;    line-height: 1.6;  }  .single__text ul {    font-size: 15px;    line-height: 1.6;  }  .single__text li {    padding-left: 16px;  }  .single__text a:hover {    text-decoration: none;  }  .single > ul {    justify-content: center;    gap: 14px;    white-space: nowrap;    margin-top: 65px;  }  .single > ul:has(li:nth-last-child(2)) {    grid-template-columns: 354px 297px;  }  .single > ul a {    padding-top: 0;    padding-bottom: 0;    max-width: none;    height: 71px;    border: 2px solid;    transition: color 200ms, background-color 200ms;  }  .single > ul a:hover {    background-color: #fff;  }  .single__shop a {    border-color: var(--color-blue) !important;  }  .single__shop a:hover {    color: var(--color-blue);  }  .single__shop a:hover::before {    filter: brightness(0) saturate(100%) invert(24%) sepia(50%) saturate(2456%) hue-rotate(171deg) brightness(87%) contrast(101%);  }  .single__shop a > span {    font-size: 13px;    padding: 6px 12px 5px;  }  .single__mitsumori a {    border-color: var(--color-red) !important;  }  .single__mitsumori a:hover {    color: var(--color-red);  }  .single__mitsumori a:hover::before {    filter: brightness(0) saturate(100%) invert(17%) sepia(32%) saturate(7178%) hue-rotate(345deg) brightness(91%) contrast(95%);  }  .single + .notice {    margin-top: 64px;  }  .bg-single ~ .shop:has(~ .case) {    padding-bottom: 280px;    margin-bottom: -280px;  }}@media screen and (min-width: 768px) and (min-width: 1360px){  .embla__prev {    left: -80px;  }  .embla__next {    right: -80px;  }}@media (min-width: 940px){  .shop div:first-of-type p:last-of-type {    white-space: nowrap;  }}