@charset "UTF-8";
:root {
  --fwel: 200;
  --fwl: 300;
  --fwn: 400;
  --fwm: 500;
  --fwsb: 600;
  --fwb: 700;
}

/* ===============================================================
 menu common parts
===============================================================*/
/* common parts */
.txt-sml {
  font-size: var(--f15);
  line-height: 1.66;
}

.tac {
  text-align: center;
}

/* button arroe down */
.slide-arrow-down:hover .link-arrow:after {
  -webkit-animation: arrow-slide-down 0.5s ease-out forwards;
  animation: arrow-slide-down 0.5s ease-out forwards;
  -webkit-transform: rotate(0deg) translate(100%, 100%);
  transform: rotate(0deg) translate(100%, 100%);
}

@-webkit-keyframes arrow-slide-top {
  0% {
    -webkit-transform: rotate(90deg) translate(0, 0);
    transform: rotate(90deg) translate(0, 0);
    opacity: 1;
  }
  49% {
    -webkit-transform: rotate(90deg) translate(100%, 0);
    transform: rotate(90deg) translate(100%, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(90deg) translate(-100%, 0);
    transform: rotate(90deg) translate(-100%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(90deg) translate(0, 0);
    transform: rotate(90deg) translate(0, 0);
    opacity: 1;
  }
}
@keyframes arrow-slide-down {
  0% {
    -webkit-transform: rotate(90deg) translate(0, 0);
    transform: rotate(90deg) translate(0, 0);
    opacity: 1;
  }
  49% {
    -webkit-transform: rotate(90deg) translate(100%, 0);
    transform: rotate(90deg) translate(100%, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(90deg) translate(-100%, 0);
    transform: rotate(90deg) translate(-100%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(90deg) translate(0, 0);
    transform: rotate(90deg) translate(0, 0);
    opacity: 1;
  }
}
/* menu page bg */
.menu-c__bg {
  padding-top: calc(100 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__bg {
    padding-top: calc(50 * var(--px));
  }
}
.menu-c__bg {
  background-color: #f8f6f1;
}

/* menu intro parts */
.menu-c__intro__ttl {
  margin-bottom: calc(30 * var(--px));
  text-align: center;
}
@media screen and (max-width: 834px) {
  .menu-c__intro__ttl {
    margin-bottom: calc(10 * var(--px));
  }
}
.menu-c__intro__txt {
  max-width: calc(807 * var(--px));
  margin: 0 auto;
}
.menu-c__intro__problem {
  margin-top: calc(60 * var(--px));
  padding: 0 5% calc(70 * var(--px));
  background-color: #efeadc;
  border-radius: calc(20 * var(--px));
  -webkit-border-radius: calc(20 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__intro__problem {
    margin-top: calc(40 * var(--px));
    padding: 0 5% calc(30 * var(--px));
  }
}
.menu-c__intro__problem-ttl {
  position: relative;
  top: calc(-24 * var(--px));
  padding: calc(80 * var(--px)) 0 calc(10 * var(--px));
  font-family: var(--notoserif);
  font-size: var(--f28);
  font-weight: var(--fwm);
  color: var(--purple);
  text-align: center;
  background-image: url(../img/menu-common/intro-problem-ttl_bg01.webp), url(../img/menu-common/intro-problem-ttl_bg02.webp);
  background-repeat: no-repeat;
  background-position: center bottom 7px, center bottom;
  background-size: 530px auto, 764px auto;
}
@media screen and (max-width: 1310px) {
  .menu-c__intro__problem-ttl {
    background-size: 40vw auto, 58vw auto;
  }
}
@media screen and (max-width: 834px) {
  .menu-c__intro__problem-ttl {
    position: relative;
    padding-top: calc(50 * var(--px));
    background-size: 333px auto, 472px auto;
  }
}
@media screen and (max-width: 600px) {
  .menu-c__intro__problem-ttl {
    padding-top: calc(35 * var(--px));
    background-size: 290px auto, 390px auto;
  }
}
@media screen and (max-width: 500px) {
  .menu-c__intro__problem-ttl {
    padding-top: calc(65 * var(--px));
    background-position: center bottom 7px, center top;
    background-size: 290px auto, 100% auto;
  }
}
.menu-c__intro__problem-list {
  margin-top: calc(10 * var(--px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(30 * var(--px)) calc(20 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__intro__problem-list {
    margin-top: 0;
    gap: calc(15 * var(--px)) calc(10 * var(--px));
  }
}
.menu-c__intro__problem-item {
  position: relative;
  min-width: calc(209 * var(--px));
  padding-left: calc(40 * var(--px));
  font-size: var(--f20);
  line-height: calc(30 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__intro__problem-item {
    min-width: calc(189 * var(--px));
    padding-left: calc(25 * var(--px));
    line-height: calc(20 * var(--px));
  }
}
.menu-c__intro__problem-item::before {
  position: absolute;
  content: "";
  width: calc(30 * var(--px));
  aspect-ratio: 1;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(../img/menu-common/ico_intro-check.webp) no-repeat center center/cover;
}
@media screen and (max-width: 834px) {
  .menu-c__intro__problem-item::before {
    width: calc(20 * var(--px));
    top: calc(50% - 8 * var(--px));
  }
}
.menu-c__intro__nav {
  margin-top: calc(75 * var(--px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: calc(25 * var(--px)) calc(18 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__intro__nav {
    margin-top: calc(40 * var(--px));
    gap: calc(10 * var(--px)) calc(10 * var(--px));
  }
}
.menu-c__intro__btn {
  min-width: auto;
  border: 1px solid var(--base-text02);
}
@media screen and (max-width: 834px) {
  .menu-c__intro__btn {
    margin-inline: unset;
  }
}
.menu-c__intro__btn .link-arrow:after {
  transform: rotate(90deg);
}

/* menu common text */
.menu-c__orange-txt {
  font-weight: var(--fwn);
  color: #e1865e;
}

.menu-c__purple-txt {
  font-size: var(--f20);
  font-weight: var(--fwn);
  color: var(--purple);
  line-height: 1.5;
}

.menu-c__blue-txt {
  color: #6370c4;
}

.menu-c__green-txt {
  color: #5c9fb1;
}

.txt-sml {
  font-size: var(--f15);
  line-height: 1.733;
}

/* menu common secton */
.menu-c__section {
  width: min(90%, 1400 * var(--px));
  margin: calc(90 * var(--px)) auto;
  padding: calc(70 * var(--px)) 0;
  background-color: #fff;
  border-radius: calc(30 * var(--px));
  -webkit-border-radius: calc(30 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__section {
    margin: calc(40 * var(--px)) auto;
    padding: calc(30 * var(--px)) 0;
  }
}
.menu-c__section p {
  font-weight: var(--fwn);
}
.menu-c__section .button {
  margin: calc(70 * var(--px)) auto 0;
}
@media screen and (max-width: 834px) {
  .menu-c__section .button {
    margin-top: calc(30 * var(--px));
  }
}

.menu-c__inner {
  margin-top: calc(40 * var(--px));
  padding: calc(70 * var(--px)) calc(60 * var(--px));
  border-radius: calc(30 * var(--px));
  -webkit-border-radius: calc(30 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__inner {
    margin-top: calc(30 * var(--px));
    padding: calc(30 * var(--px)) 5%;
  }
}
@media screen and (max-width: 450px) {
  .menu-c__inner {
    padding: calc(20 * var(--px)) 5%;
  }
}
.menu-c__inner + .menu-c__inner {
  margin-top: calc(60 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__inner + .menu-c__inner {
    margin-top: calc(30 * var(--px));
  }
}
.menu-c__inner .menu-c__oral-cont {
  max-width: calc(484 * var(--px));
}

/* menu common title */
.menu-c__ttl01 {
  margin-bottom: calc(30 * var(--px));
  padding: calc(15 * var(--px));
  font-family: var(--notoserif);
  font-size: var(--f32);
  font-weight: var(--fwm);
  text-align: center;
  color: #fff;
  border-radius: calc(15 * var(--px));
  -webkit-border-radius: calc(15 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__ttl01 {
    margin-bottom: calc(20 * var(--px));
    padding: calc(10 * var(--px));
    line-height: 1.5;
  }
}
.menu-c__ttl01 + .menu-c__ttl02 {
  margin-top: calc(50 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__ttl01 + .menu-c__ttl02 {
    margin-top: calc(20 * var(--px));
  }
}

.menu-c__ttl02 {
  position: relative;
  margin: calc(100 * var(--px)) 0 calc(30 * var(--px));
  padding-left: calc(27 * var(--px));
  padding-bottom: calc(5 * var(--px));
  font-family: var(--notoserif);
  font-size: var(--f28);
  font-weight: var(--fwm);
  border-bottom: 1px solid #ece9e0;
}
@media screen and (max-width: 834px) {
  .menu-c__ttl02 {
    margin: calc(30 * var(--px)) 0 calc(10 * var(--px));
    padding-left: calc(20 * var(--px));
  }
}
.menu-c__ttl02::before {
  position: absolute;
  content: "";
  width: calc(6 * var(--px));
  height: 1.07em;
  top: 0.55em;
  left: 3px;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}

@media screen and (min-width: 835px) {
  p + .menu-c__ttl02 {
    margin-top: calc(50 * var(--px));
  }
}

.menu-c__inner-ttl {
  margin-bottom: calc(30 * var(--px));
  font-size: var(--f32);
  font-weight: var(--fwn);
  text-align: center;
}
@media screen and (max-width: 834px) {
  .menu-c__inner-ttl {
    margin-bottom: calc(10 * var(--px));
  }
}
.menu-c__inner-ttl small {
  font-size: 0.56em;
}
@media screen and (max-width: 450px) {
  .menu-c__inner-ttl small {
    display: block;
  }
}

.menu-c__inner-ttl02 {
  margin-bottom: calc(40 * var(--px));
  font-size: var(--f28);
  font-weight: var(--fwn);
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 834px) {
  .menu-c__inner-ttl02 {
    margin-bottom: calc(20 * var(--px));
  }
}
.menu-c__inner-ttl02 + .menu-c__oral-list {
  padding-top: 0;
  border-top-width: 0;
}

.menu-c__inner-list__ttl {
  margin: calc(60 * var(--px)) 0 calc(30 * var(--px));
  padding: calc(13 * var(--px));
  font-size: var(--f24);
  font-weight: var(--fwn);
  color: #fff;
  text-align: center;
  border-radius: calc(15 * var(--px));
  -webkit-border-radius: calc(15 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__inner-list__ttl {
    margin: calc(30 * var(--px)) 0 calc(20 * var(--px));
    padding: calc(10 * var(--px));
    line-height: 1.3;
  }
}
@media screen and (min-width: 835px) {
  .menu-c__inner-list__ttl:first-of-type {
    margin-top: calc(40 * var(--px));
  }
}

/* menu common list */
.menu-c__list01 {
  margin-top: calc(60 * var(--px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: calc(30 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__list01 {
    margin-top: calc(30 * var(--px));
    gap: calc(20 * var(--px));
  }
}
@media screen and (max-width: 600px) {
  .menu-c__list01 {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(30 * var(--px));
  }
}
.menu-c__list01.--3column .menu-c__list01-item {
  width: calc((100% - 30 * var(--px) * 2) / 3);
}
@media screen and (max-width: 834px) {
  .menu-c__list01.--3column .menu-c__list01-item {
    width: calc((100% - 20 * var(--px) * 2) / 3);
  }
}
@media screen and (max-width: 600px) {
  .menu-c__list01.--3column .menu-c__list01-item {
    width: 100%;
  }
}
.menu-c__list01-item .menu-c__purple-txt {
  margin-bottom: calc(20 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__list01-item .menu-c__purple-txt {
    margin-bottom: calc(10 * var(--px));
  }
}
.menu-c__list01-img {
  display: block;
  margin-bottom: calc(20 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__list01-img {
    margin-bottom: calc(10 * var(--px));
  }
}

.menu-c__list02 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(30 * var(--px));
}
@media screen and (max-width: 1100px) {
  .menu-c__list02 {
    gap: calc(20 * var(--px));
  }
}
@media screen and (max-width: 834px) {
  .menu-c__list02 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 450px) {
  .menu-c__list02 {
    gap: calc(10 * var(--px));
  }
}
.menu-c__list02-item .menu-c__purple-txt {
  margin: calc(20 * var(--px)) 0 calc(5 * var(--px));
  font-size: var(--f24);
  font-weight: var(--fwn);
}
@media screen and (max-width: 834px) {
  .menu-c__list02-item .menu-c__purple-txt {
    margin: calc(10 * var(--px)) 0 0;
  }
}
.menu-c__list02-icon {
  width: 100%;
  aspect-ratio: 240/180;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}
.menu-c__list02-icon img {
  max-width: 80%;
  width: auto;
  height: auto;
  max-height: 62%;
}

.menu-c__list03 {
  margin-top: calc(60 * var(--px));
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(37 * var(--px)) calc(54 * var(--px));
}
@media screen and (max-width: 1100px) {
  .menu-c__list03 {
    gap: calc(20 * var(--px)) calc(30 * var(--px));
  }
}
@media screen and (max-width: 834px) {
  .menu-c__list03 {
    margin-top: calc(30 * var(--px));
    gap: calc(30 * var(--px)) calc(20 * var(--px));
  }
}
@media screen and (max-width: 450px) {
  .menu-c__list03 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.menu-c__list03-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: calc(30 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__list03-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(10 * var(--px));
  }
}
.menu-c__list03-item__img {
  max-width: calc(260 * var(--px));
  width: 46%;
}
@media screen and (max-width: 834px) {
  .menu-c__list03-item__img {
    max-width: 100%;
    width: 100%;
  }
}
.menu-c__list03-item__cont {
  max-width: calc(280 * var(--px));
}
.menu-c__list03-item__txt {
  margin-bottom: calc(10 * var(--px));
  font-size: var(--f20);
}
.menu-c__list03-item__txt small {
  font-size: 0.6em;
}
@media screen and (max-width: 450px) {
  .menu-c__list03-item__txt small {
    display: block;
  }
}

.menu-c__inner-list__cont {
  margin-top: calc(60 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__inner-list__cont {
    margin-top: calc(30 * var(--px));
  }
}

.menu-c__num {
  min-width: calc(28 * var(--px));
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--inter);
  font-size: var(--f16);
  font-weight: var(--fwn);
  line-height: 1;
  color: #fff;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}

.menu-c__flow {
  width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(56 * var(--px));
}
@media screen and (max-width: 1300px) {
  .menu-c__flow {
    gap: calc(30 * var(--px));
  }
}
@media screen and (max-width: 834px) {
  .menu-c__flow {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .menu-c__flow {
    grid-template-columns: repeat(1, 1fr);
  }
}
.menu-c__flow-item:not(:first-of-type) {
  position: relative;
}
.menu-c__flow-item:not(:first-of-type)::before {
  position: absolute;
  content: "";
  top: calc(100 * var(--px) - 10 * var(--px));
  left: calc(-30 * var(--px));
  height: calc(20 * var(--px));
  aspect-ratio: 0.866;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background: #b9bfe8;
  z-index: 1;
}
@media screen and (max-width: 1300px) {
  .menu-c__flow-item:not(:first-of-type)::before {
    top: 25%;
    left: calc(-20 * var(--px));
  }
}
@media screen and (max-width: 834px) {
  .menu-c__flow-item:not(:first-of-type)::before {
    top: 35%;
    height: calc(15 * var(--px));
  }
}
@media screen and (max-width: 600px) {
  .menu-c__flow-item:not(:first-of-type)::before {
    top: calc(-20 * var(--px));
    left: calc(50% - 7.5 * var(--px));
    transform: translateZ(0) rotate(90deg);
  }
}
.menu-c__flow-icon {
  margin-bottom: calc(15 * var(--px));
  display: block;
  width: 100%;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
  background-color: #fff;
}
.menu-c__flow-icon.--right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.menu-c__flow-icon img {
  max-width: 80%;
  width: auto;
  height: auto;
  max-height: calc(94 * var(--px));
}

.menu-c__merit-item {
  position: relative;
  padding-left: calc(26 * var(--px));
  font-size: var(--f15);
  line-height: 1.5;
}
.menu-c__merit-item:not(:first-of-type) {
  margin-top: calc(10 * var(--px));
}
.menu-c__merit-item::before {
  position: absolute;
  left: 0;
  font-size: var(--f17);
  font-weight: var(--fwm);
}
.menu-c__merit-item.--merit::before {
  content: "◎";
  color: #ee9a75;
}
.menu-c__merit-item.--demerit::before {
  content: "×";
  color: #6370c4;
}

.menu-c__orange-txt {
  color: #ee9a75;
}
.menu-c__orange-txt small {
  font-size: 0.6em;
}

.menu-c__oral-head {
  margin-top: calc(30 * var(--px));
  padding-bottom: calc(50 * var(--px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: calc(50 * var(--px));
}
@media screen and (min-width: 835px) {
  .menu-c__oral-head {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 834px) {
  .menu-c__oral-head {
    padding-bottom: calc(30 * var(--px));
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: calc(20 * var(--px));
  }
}
.menu-c__oral-head + .menu-c__inner {
  margin-top: 0;
}
.menu-c__oral-img {
  width: 50%;
}
@media screen and (max-width: 834px) {
  .menu-c__oral-img {
    width: 90%;
  }
}
.menu-c__oral-cont {
  max-width: calc(484 * var(--px));
  max-width: calc(553 * var(--px));
}
.menu-c__oral-ttl {
  margin-bottom: calc(20 * var(--px));
  font-size: var(--f32);
  font-weight: var(--fwn);
  line-height: 1.5;
}
@media screen and (max-width: 834px) {
  .menu-c__oral-ttl {
    margin-bottom: calc(10 * var(--px));
  }
}
.menu-c__oral-list {
  padding-top: calc(50 * var(--px));
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(40 * var(--px));
  border-top: 2px dotted #cecece;
}
@media screen and (max-width: 834px) {
  .menu-c__oral-list {
    padding-top: calc(30 * var(--px));
    gap: calc(20 * var(--px));
  }
}
@media screen and (max-width: 600px) {
  .menu-c__oral-list {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(30 * var(--px));
  }
}
.menu-c__oral-list__ttl {
  margin: calc(20 * var(--px)) 0 calc(10 * var(--px));
}
@media screen and (max-width: 600px) {
  .menu-c__oral-list__ttl {
    margin: calc(10 * var(--px)) 0 calc(5 * var(--px));
  }
}
.menu-c__faq-item:not(:first-of-type) {
  margin-top: calc(40 * var(--px));
}
.menu-c__faq-ttl {
  position: relative;
  padding-top: 0.8em;
  padding-left: calc(86 * var(--px));
  font-size: var(--f24);
  font-weight: var(--fwn);
  line-height: 1.5;
}
@media screen and (max-width: 834px) {
  .menu-c__faq-ttl {
    padding-top: 0.7em;
    padding-left: calc(66 * var(--px));
  }
}
@media screen and (max-width: 450px) {
  .menu-c__faq-ttl {
    padding-top: 0.4em;
    padding-left: calc(50 * var(--px));
  }
}
.menu-c__faq-ttl::before {
  position: absolute;
  content: "Q";
  top: 0;
  left: 0;
  width: calc(70 * var(--px));
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--inter);
  font-size: var(--f30);
  font-weight: var(--fwn);
  line-height: 1;
  color: #fff;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
}
@media screen and (max-width: 834px) {
  .menu-c__faq-ttl::before {
    width: calc(50 * var(--px));
  }
}
@media screen and (max-width: 450px) {
  .menu-c__faq-ttl::before {
    width: calc(40 * var(--px));
  }
}
.menu-c__faq-answer {
  margin-top: calc(30 * var(--px));
  margin-left: calc(90 * var(--px));
  padding: calc(30 * var(--px)) calc(55 * var(--px));
  background-color: #f8f6f1;
  border-radius: calc(15 * var(--px));
  -webkit-border-radius: calc(15 * var(--px));
}
@media screen and (max-width: 1100px) {
  .menu-c__faq-answer {
    padding: calc(30 * var(--px)) calc(30 * var(--px));
  }
}
@media screen and (max-width: 834px) {
  .menu-c__faq-answer {
    margin-left: calc(70 * var(--px));
    padding: calc(15 * var(--px)) calc(20 * var(--px));
  }
}
@media screen and (max-width: 450px) {
  .menu-c__faq-answer {
    margin-top: calc(20 * var(--px));
    margin-left: calc(50 * var(--px));
  }
}

.menu-c__risk {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(30 * var(--px));
}
@media screen and (max-width: 1100px) {
  .menu-c__risk {
    gap: calc(20 * var(--px));
  }
}
@media screen and (max-width: 834px) {
  .menu-c__risk {
    gap: calc(10 * var(--px));
  }
}
@media screen and (max-width: 600px) {
  .menu-c__risk {
    grid-template-columns: repeat(1, 1fr);
  }
}
.menu-c__risk-item {
  padding: calc(30 * var(--px));
  background-color: #eff5f6;
  border-radius: calc(15 * var(--px));
  -webkit-border-radius: calc(15 * var(--px));
}
@media screen and (max-width: 834px) {
  .menu-c__risk-item {
    padding: calc(20 * var(--px));
  }
}
.menu-c__risk-ttl {
  margin-bottom: calc(15 * var(--px));
  padding-bottom: calc(10 * var(--px));
  font-size: var(--f20);
  font-weight: var(--fwn);
  line-height: 1.5;
  border-bottom: 2px dotted #e1ded8;
}