/* ------------------------
 *   Foundation/Google Fonts
 * -------------------------------- */
/* ------------------------
 *   Foundation/Font Face
 * -------------------------------- */
/* ------------------------
 *   Foundation/Base
 * -------------------------------- */
/* Cumulative Layout Shift optimization */
/* for Tablet */
@media (min-width: 750px) {
  :root {
    --rv: calc(100vw / 134);
  }
}
/* for PC (Scaling) */
/* for PC (Fixing) */
@media (min-width: 1340px) {
  :root {
    --rv: 10px;
  }
}
/* for PC (High resolution) */
@media (min-width: 1920px) {
  :root {
    --rv: calc(100vw / 192);
  }
}
/* for Mobile */
@media (max-width: 750px) {
  :root {
    --rv: calc(100vw / 75);
  }
}
body {
  margin: 0;
}

*[class*=-m-],
[class*=-m-]::before,
[class*=-m-]::after {
  border-style: solid;
  border-width: 0;
  box-sizing: border-box;
}

*[class*=-m-] {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}

*[class*=-m-] > picture {
  display: flex;
}

/* End of base */
/* ------------------------
 *   Object/Component/Fade
 * -------------------------------- */
.is-m-hide {
  opacity: 0;
  transition: opacity 0.5s;
}

.c-m-fade-in--left {
  transform: translate(calc(5 * var(--rv)), 0) scale(1) rotate(0);
  transition: opacity 0.5s, transform 0.5s;
}
.c-m-fade-in--right {
  transform: translate(calc(-5 * var(--rv)), 0) scale(1) rotate(0);
  transition: opacity 0.5s, transform 0.5s;
}
.c-m-fade-in--down {
  transform: translate(0, calc(-5 * var(--rv))) scale(1) rotate(0);
  transition: opacity 0.5s, transform 0.5s;
}
.c-m-fade-in--up {
  transform: translate(0, calc(5 * var(--rv))) scale(1) rotate(0);
  transition: opacity 0.5s, transform 0.5s;
}

.c-m-fade-zoom--in {
  transform: translate(0, 0) scale(0) rotate(0);
  transform-origin: center;
  transition: opacity 0.5s, transform 0.5s;
}
.c-m-fade-zoom--out {
  transform: translate(0, 0) scale(2) rotate(0);
  transform-origin: center;
  transition: opacity 0.5s, transform 0.5s;
}

.c-m-fade-rotate--left {
  transform: translate(0, 0) scale(1) rotateZ(360deg);
  transform-origin: center;
  transition: opacity 0.5s, transform 0.5s;
}
.c-m-fade-rotate--right {
  transform: translate(0, 0) scale(1) rotateZ(-360deg);
  transform-origin: center;
  transition: opacity 0.5s, transform 0.5s;
}
.c-m-fade-rotate--in {
  transform: translate(0, 0) scale(0) rotateZ(360deg);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.c-m-fade-rotate--out {
  transform: translate(0, 0) scale(2) rotateZ(-360deg);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.c-m-fade-rotate--x {
  transform: translate(0, 0) scale(1) rotateX(180deg);
  transform-origin: center;
  transition: opacity 0.5s, transform 0.5s;
}
.c-m-fade-rotate--y {
  transform: translate(0, 0) scale(1) rotateY(180deg);
  transform-origin: center;
  transition: opacity 0.5s, transform 0.5s;
}

.c-m-fade-delay01 {
  transition-delay: 0.25s;
}

.c-m-fade-delay02 {
  transition-delay: 0.5s;
}

.c-m-fade-delay03 {
  transition-delay: 0.75s;
}

.c-m-fade-delay04 {
  transition-delay: 1s;
}

.is-m-show {
  opacity: 1;
  transform: translate(0, 0) scale(1) rotate(0);
}

@media (max-width: 750px) {
  .c-m-fade-delay01 {
    transition-delay: 0s;
  }
  .c-m-fade-delay02 {
    transition-delay: 0s;
  }
  .c-m-fade-delay03 {
    transition-delay: 0s;
  }
  .c-m-fade-delay04 {
    transition-delay: 0s;
  }
}
/* ------------------------
 *   Object/Component/Inner
 * -------------------------------- */
.c-m-inner {
  max-width: calc(192 * var(--rv));
  margin: 0 auto;
}
.c-m-inner__content {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  min-width: calc(134 * var(--rv));
  max-width: calc(134 * var(--rv));
  margin: 0 auto;
}
.c-m-inner__content--expand {
  min-width: 100%;
  max-width: 100%;
}
.c-m-inner--wide {
  max-width: 100vw;
}

@media (max-width: 0px) {
  .c-m-inner {
    max-width: 100vw;
  }
  .c-m-inner__content {
    min-width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 750px) {
  .c-m-inner {
    max-width: 100vw;
  }
  .c-m-inner__content {
    min-width: 100%;
    max-width: 100%;
  }
}
/* ------------------------
 *   Object/Component/Container
 * -------------------------------- */
.c-m-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
}

.c-m-container-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}

/* ------------------------
 *   Object/Component/Balloon
 * -------------------------------- */
.c-m-balloon-line::before {
  background-color: #2dab9f;
  content: "";
  position: absolute;
  left: calc(5 * var(--rv));
  bottom: calc(1.5 * var(--rv));
  transform: rotate(70deg);
  width: calc(2.8 * var(--rv));
  height: calc(0.2 * var(--rv));
}

.c-m-balloon-line::after {
  background-color: #2dab9f;
  content: "";
  position: absolute;
  right: calc(5 * var(--rv));
  bottom: calc(1.5 * var(--rv));
  transform: rotate(-70deg);
  width: calc(2.8 * var(--rv));
  height: calc(0.2 * var(--rv));
}

.c-m-balloon {
  background-color: #658a86;
  border-radius: calc(5 * var(--rv));
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: calc(0.5 * var(--rv)) calc(1 * var(--rv));
}

.c-m-balloon::after {
  border-style: solid;
  border-width: calc(2 * var(--rv)) calc(1.5 * var(--rv)) 0 calc(1.5 * var(--rv));
  border-color: #658a86 transparent transparent transparent;
  content: "";
  position: absolute;
  left: calc(50% - calc(3 * var(--rv)) / 2);
  bottom: calc(-1.5 * var(--rv));
  width: 0;
  height: 0;
}

@media (max-width: 750px) {
  .c-m-balloon-line::before {
    content: "";
    left: calc(-3.8 * var(--rv));
    bottom: calc(1.8 * var(--rv));
    width: calc(4.8 * var(--rv));
    height: calc(0.3 * var(--rv));
  }
  .c-m-balloon-line::after {
    content: "";
    right: calc(-3.8 * var(--rv));
    bottom: calc(1.8 * var(--rv));
    width: calc(4.8 * var(--rv));
    height: calc(0.3 * var(--rv));
  }
  .c-m-balloon {
    border-radius: calc(10 * var(--rv));
  }
  .c-m-balloon::after {
    content: "";
    left: calc(50% - calc(3 * var(--rv)) / 2);
  }
}
/* ------------------------
 *   Object/Component/Button
 * -------------------------------- */
.c-m-button-3d {
  background-color: #2dab9f;
  border-radius: calc(5 * var(--rv));
  box-shadow: 0 calc(0.5 * var(--rv)) 0 #0e887c;
  position: relative;
  transition: box-shadow 0.3s, opacity 0.3s, transform 0.3s;
  text-decoration: none;
}

.c-m-button-3d:hover {
  box-shadow: none;
  opacity: 0.7;
  transform: translateY(calc(0.5 * var(--rv)));
}

.c-m-button {
  border-radius: calc(0.5 * var(--rv));
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: background 0.3s, opacity 0.3s;
}

.c-m-button:hover {
  opacity: 0.7;
}

@media (max-width: 750px) {
  .c-m-button-3d {
    border-radius: calc(10 * var(--rv));
  }
}
/* ------------------------
 *   Object/Component/Accordion
 * -------------------------------- */
.c-m-accordion {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.c-m-accordion__block {
  margin-top: calc(1 * var(--rv));
  margin-bottom: calc(1.5 * var(--rv));
  width: inherit;
}
.c-m-accordion__label p {
  padding-right: calc(4 * var(--rv));
}
.c-m-accordion__label {
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.c-m-accordion__label::after {
  border-left: calc(0.4 * var(--rv)) solid #2dab9f;
  border-bottom: calc(0.4 * var(--rv)) solid #2dab9f;
  content: "";
  position: absolute;
  top: 33.3333333333%;
  right: calc(2.5 * var(--rv));
  transform: rotate(-45deg);
  transition: top 0.5s, transform 0.5s;
  width: calc(1.2 * var(--rv));
  height: calc(1.2 * var(--rv));
}
.c-m-accordion__folder {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 0;
  margin-top: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.5s;
  width: 100%;
}

input[id^=q]:checked ~ .c-m-accordion__label::after {
  top: calc(50% - calc(0.6 * var(--rv)));
  transform: rotate(135deg);
}
input[id^=q]:checked ~ .c-m-accordion__folder {
  max-height: calc(8 * var(--rv));
  margin-top: calc(1 * var(--rv));
  opacity: 1;
}

.c-m-accordion p {
  padding-left: calc(1.5 * var(--rv));
}

@media (max-width: 750px) {
  .c-m-accordion p {
    padding-left: 0;
  }
  .c-m-accordion__label::after {
    border-left: calc(0.7 * var(--rv)) solid #2dab9f;
    border-bottom: calc(0.7 * var(--rv)) solid #2dab9f;
    content: "";
    top: 43%;
    right: calc(1 * var(--rv));
    width: calc(2 * var(--rv));
    height: calc(2 * var(--rv));
  }
  input[id^=q]:checked ~ .c-m-accordion__label::after {
    top: calc(50% - calc(0.6 * var(--rv)));
    transform: rotate(135deg);
  }
  input[id^=q]:checked ~ .c-m-accordion__folder {
    max-height: calc(33 * var(--rv));
    margin-top: calc(2.5 * var(--rv));
    opacity: 1;
  }
}
/* ------------------------
 *   Object/Component/Menu
 * -------------------------------- */
.c-m-menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
}
.c-m-menu__body {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
}
.c-m-menu__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  width: 100%;
}
.c-m-menu__list li {
  margin-left: calc(3.5 * var(--rv));
}

@media (max-width: 750px) {
  .c-m-menu__list li {
    display: none;
  }
  .c-m-menu__list li:nth-last-of-type(1) {
    display: block;
  }
  .c-m-menu__list li:nth-last-of-type(2) {
    display: block;
  }
}
/* ------------------------
 *   Object/Component/Dialog
 * -------------------------------- */
.c-m-dialog {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100vw;
  height: 100vh;
}
.c-m-dialog__content {
  background-color: #ffffff;
  border-radius: calc(1.5 * var(--rv));
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: calc(90 * var(--rv));
  max-height: 95vh;
  margin: 0 auto;
  padding: calc(3 * var(--rv)) calc(5 * var(--rv));
  width: 100%;
}
.c-m-dialog__close {
  cursor: pointer;
  position: absolute;
  top: calc(2 * var(--rv));
  right: calc(3 * var(--rv));
  transition: transform 0.3s;
  z-index: 1;
  width: calc(5 * var(--rv));
  height: calc(5 * var(--rv));
}
.c-m-dialog__close::before {
  background-color: #666666;
  content: "";
  position: absolute;
  top: calc(2.3 * var(--rv));
  left: calc(1 * var(--rv));
  transform: rotate(45deg);
  width: calc(3 * var(--rv));
  height: calc(0.3 * var(--rv));
}
.c-m-dialog__close::after {
  background-color: #666666;
  content: "";
  position: absolute;
  top: calc(2.3 * var(--rv));
  left: calc(1 * var(--rv));
  transform: rotate(-45deg);
  width: calc(3 * var(--rv));
  height: calc(0.3 * var(--rv));
}
.c-m-dialog__close:hover {
  transform: scale(1.2);
}
.c-m-dialog__view {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
}

@media (max-width: 750px) {
  .c-m-dialog__content {
    padding: calc(3 * var(--rv)) calc(3 * var(--rv));
    width: 90vw;
  }
  .c-m-dialog__close {
    top: calc(3 * var(--rv));
  }
  .c-m-dialog__close::before {
    left: calc(0.5 * var(--rv));
    width: calc(4 * var(--rv));
    height: calc(0.4 * var(--rv));
  }
  .c-m-dialog__close::after {
    left: calc(0.5 * var(--rv));
    width: calc(4 * var(--rv));
    height: calc(0.4 * var(--rv));
  }
}
/* ------------------------
 *   Object/Utility/Browser
 * -------------------------------- */
.u-m-browser-ie {
  position: relative;
}

.u-m-browser-edge {
  position: relative;
}

.u-m-browser-chrome {
  position: relative;
}

.u-m-browser-firefox {
  position: relative;
}

.u-m-browser-safari {
  position: relative;
}

/* ------------------------
 *   Object/Utility/Only
 * -------------------------------- */
.u-m-only-pc {
  display: block;
}

.u-m-only-sp {
  display: none;
}

.u-m-only-pc--flex {
  display: flex;
}

.u-m-only-sp--flex {
  display: none;
}

.u-m-only-pc--inline {
  display: inline;
}

.u-m-only-sp--inline {
  display: none;
}

.u-m-only-pc--inline-block {
  display: inline-block;
}

.u-m-only-sp--inline-block {
  display: none;
}

.u-m-only-pc--inline-flex {
  display: inline-flex;
}

.u-m-only-sp--inline-flex {
  display: none;
}

@media (max-width: 750px) {
  .u-m-nobr {
    display: none; /* Disable line breaks. And wrap the content. */
  }
  .u-m-only-pc {
    display: none;
  }
  .u-m-only-sp {
    display: block;
  }
  .u-m-only-pc--flex {
    display: none;
  }
  .u-m-only-sp--flex {
    display: flex;
  }
  .u-m-only-pc--inline {
    display: none;
  }
  .u-m-only-sp--inline {
    display: inline;
  }
  .u-m-only-pc--inline-block {
    display: none;
  }
  .u-m-only-sp--inline-block {
    display: inline-block;
  }
  .u-m-only-pc--inline-flex {
    display: none;
  }
  .u-m-only-sp--inline-flex {
    display: inline-flex;
  }
}
/* ------------------------
 *   Object/Utility/Platform
 * -------------------------------- */
.u-m-platform-windows {
  position: relative;
}

.u-m-platform-android {
  position: relative;
}

.u-m-platform-ios {
  position: relative;
}

.u-m-platform-macintosh {
  position: relative;
}

/* ------------------------
 *   Object/Utility/Deco
 * -------------------------------- */
.u-m-deco-underline {
  text-align: center;
  position: relative;
  width: 100%;
}

.u-m-deco-underline::after {
  background-color: #2dab9f;
  content: "";
  position: absolute;
  left: calc(50% - calc(4 * var(--rv)) / 2);
  bottom: calc(-2.5 * var(--rv));
  width: calc(4 * var(--rv));
  height: calc(0.5 * var(--rv));
}

@media (max-width: 750px) {
  .u-m-deco-underline::after {
    content: "";
    left: calc(50% - calc(5 * var(--rv)) / 2);
    bottom: calc(-3 * var(--rv));
    width: calc(5 * var(--rv));
    height: calc(0.8 * var(--rv));
  }
}
/* ------------------------
 *   Object/Project/index
 * -------------------------------- */
.p-m-index-mv {
  background-color: #eff7f6;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.p-m-index-mv__top {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding-top: calc(17 * var(--rv));
  padding-left: calc(3 * var(--rv));
  padding-right: 0;
  padding-bottom: calc(18.5 * var(--rv));
  width: 100%;
}
.p-m-index-mv__head {
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(4.5 * var(--rv));
  font-weight: 900;
  line-height: 1.2;
  white-space: pre-line;
}
.p-m-index-mv__head .aux01 {
  letter-spacing: calc(0.3 * var(--rv));
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(4.8 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-mv__text {
  padding-top: calc(2 * var(--rv));
  padding-bottom: calc(4 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.7 * var(--rv));
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-mv__container {
  position: absolute;
  top: calc(4.5 * var(--rv));
  right: calc(3 * var(--rv));
}
.p-m-index-mv__label {
  color: #ffffff;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-mv__balloon {
  text-align: center;
  margin-bottom: calc(2 * var(--rv));
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(1.9 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
  width: calc(41.3 * var(--rv));
}
.p-m-index-mv__button-3d {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: calc(3 * var(--rv));
  width: calc(41.3 * var(--rv));
  height: calc(7.5 * var(--rv));
}
.p-m-index-mv__image {
  display: flex;
  margin: 0;
  position: absolute;
  left: calc(3 * var(--rv));
  bottom: 0;
}
.p-m-index-mv__image img {
  width: calc(6.8 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-mv__picture {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  overflow: hidden;
  width: calc(61.8 * var(--rv));
  height: calc(61.8 * var(--rv));
}
.p-m-index-mv__picture img {
  position: relative;
  top: calc(-2 * var(--rv));
  left: calc(-40 * var(--rv));
  width: calc(125.6 * var(--rv));
  height: auto;
  object-fit: cover;
}
.p-m-index-mv__picture-sp {
  display: none;
}
.p-m-index-mv__illust02 {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(37.2 * var(--rv));
  left: calc(-6 * var(--rv));
}
.p-m-index-mv__illust02 img {
  width: calc(15.5 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-mv__illust01 {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(7 * var(--rv));
  left: calc(50.6 * var(--rv));
}
.p-m-index-mv__illust01 img {
  width: calc(14.6 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-mv__illust03 {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(41 * var(--rv));
  left: calc(48.5 * var(--rv));
}
.p-m-index-mv__illust03 img {
  width: calc(12.8 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-mv__dot {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(-4.5 * var(--rv));
  left: calc(-8 * var(--rv));
}
.p-m-index-mv__dot img {
  width: calc(13.5 * var(--rv));
  height: auto;
  object-fit: contain;
}

.p-m-index-problem {
  margin: 0;
  padding-top: calc(9 * var(--rv));
  padding-bottom: calc(11.5 * var(--rv));
}
.p-m-index-problem__top {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.p-m-index-problem__head {
  margin-bottom: calc(7.5 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-problem__head .aux01 {
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-problem__center {
  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 100%;
  padding-left: calc(15.5 * var(--rv));
  padding-right: calc(15.5 * var(--rv));
  width: 100%;
}
.p-m-index-problem__text {
  text-align: center;
  padding-top: calc(2 * var(--rv));
  color: #000000;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-problem__text .aux01 {
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.3 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-problem__illust01 {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.p-m-index-problem__illust01 img {
  width: calc(27.5 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-problem__illust02 {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.p-m-index-problem__illust02 img {
  width: calc(27.5 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-problem__illust03 {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.p-m-index-problem__illust03 img {
  width: calc(27.5 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-problem__bottom {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.p-m-index-problem__balloon {
  margin-top: calc(5.5 * var(--rv));
  padding-left: calc(9 * var(--rv));
  width: calc(55 * var(--rv));
  height: calc(5.5 * var(--rv));
}
.p-m-index-problem__balloon::after {
  border-width: 0 calc(1.5 * var(--rv)) calc(2 * var(--rv)) calc(1.5 * var(--rv));
  border-color: transparent transparent #658a86 transparent;
  top: calc(-1.9 * var(--rv));
}
.p-m-index-problem__label {
  color: #ffffff;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.2 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-problem__illust {
  display: flex;
  margin: 0;
  position: absolute;
  left: calc(-1.5 * var(--rv));
  bottom: calc(-1 * var(--rv));
}
.p-m-index-problem__illust img {
  width: calc(11.8 * var(--rv));
  height: auto;
  object-fit: contain;
}

.p-m-index-problem::after {
  border-style: solid;
  border-width: calc(4 * var(--rv)) calc(7 * var(--rv)) 0 calc(7 * var(--rv));
  border-color: #ffffff transparent transparent transparent;
  content: "";
  position: absolute;
  left: calc(50% - calc(14 * var(--rv)) / 2);
  bottom: calc(-3.5 * var(--rv));
  z-index: 1;
  width: 0;
  height: 0;
}

.p-m-index-howto {
  background-color: #f7f6ef;
  margin: 0;
  padding-top: calc(9.2 * var(--rv));
  padding-bottom: calc(10 * var(--rv));
}
.p-m-index-howto__top {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.p-m-index-howto__head {
  margin-bottom: calc(7 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-howto__head .aux01 {
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-howto__center {
  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 100%;
  padding-left: calc(15.5 * var(--rv));
  padding-right: calc(15.5 * var(--rv));
  width: 100%;
}
.p-m-index-howto__text {
  text-align: center;
  padding-top: calc(2.5 * var(--rv));
  color: #000000;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-howto__text .aux01 {
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.3 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-howto__illust {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.p-m-index-howto__illust img {
  width: calc(27.5 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-howto__bottom {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.p-m-index-howto__balloon {
  background-color: #2dab9f;
  margin-top: calc(5.5 * var(--rv));
  margin-bottom: calc(4.5 * var(--rv));
  width: calc(50 * var(--rv));
  height: calc(5.5 * var(--rv));
}
.p-m-index-howto__balloon::after {
  border-width: calc(2 * var(--rv)) calc(1.5 * var(--rv)) 0 calc(1.5 * var(--rv));
  border-color: #2dab9f transparent transparent transparent;
}
.p-m-index-howto__string {
  text-align: center;
  padding-bottom: calc(3 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 500;
  line-height: 1.8;
  white-space: pre-line;
}
.p-m-index-howto__string .aux01 {
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-howto__string .aux02 {
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-howto__string .aux03 {
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-howto__string .aux04 {
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-howto__subhead {
  text-align: center;
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.4 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-howto__label {
  color: #ffffff;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.2 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-howto__mascot {
  display: flex;
  margin: 0;
  padding-bottom: calc(4 * var(--rv));
}
.p-m-index-howto__mascot img {
  width: calc(15.8 * var(--rv));
  height: auto;
  object-fit: contain;
}

.p-m-index-feature {
  margin: 0;
  padding-top: calc(9 * var(--rv));
  padding-bottom: calc(7 * var(--rv));
}
.p-m-index-feature__top {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.p-m-index-feature__container {
  order: 2;
  width: 50%;
}
.p-m-index-feature__container--picture {
  order: 2;
  align-items: flex-end;
  width: 50%;
}
.p-m-index-feature__container--reverse {
  order: 1;
  align-items: flex-start;
  width: 50%;
}
.p-m-index-feature__head {
  margin-bottom: calc(9 * var(--rv));
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-feature__head .aux01 {
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-feature__bottom {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding-left: calc(13.5 * var(--rv));
  padding-right: calc(13.5 * var(--rv));
  width: 100%;
}
.p-m-index-feature__container-row {
  margin-bottom: calc(13 * var(--rv));
}
.p-m-index-feature__text {
  letter-spacing: calc(0.05 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 500;
  line-height: 2;
  white-space: pre-line;
}
.p-m-index-feature__subhead {
  padding-top: calc(2.5 * var(--rv));
  padding-bottom: calc(2.5 * var(--rv));
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.8 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-feature__feature-back01 {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(-20.5 * var(--rv));
  right: calc(-47.5 * var(--rv));
  z-index: -1;
}
.p-m-index-feature__feature-back01 img {
  width: calc(105.5 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-feature__feature-back02 {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(121.5 * var(--rv));
  left: calc(-43.5 * var(--rv));
  z-index: -1;
}
.p-m-index-feature__feature-back02 img {
  width: calc(84.8 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-feature__screenshot01 {
  display: flex;
  margin: 0;
}
.p-m-index-feature__screenshot01 img {
  width: calc(48 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-feature__illust01 {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(14.5 * var(--rv));
  left: calc(28.5 * var(--rv));
}
.p-m-index-feature__illust01 img {
  width: calc(27.3 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-feature__screenshot02 {
  display: flex;
  margin: 0;
}
.p-m-index-feature__screenshot02 img {
  width: calc(48 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-feature__illust02 {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(14.5 * var(--rv));
  left: calc(-3.5 * var(--rv));
}
.p-m-index-feature__illust02 img {
  width: calc(27 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-feature__screenshot03 {
  display: flex;
  margin: 0;
}
.p-m-index-feature__screenshot03 img {
  width: calc(48 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-feature__illust03 {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(14.5 * var(--rv));
  left: calc(28.5 * var(--rv));
}
.p-m-index-feature__illust03 img {
  width: calc(27.7 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-feature__screenshot04 {
  display: flex;
  margin: 0;
}
.p-m-index-feature__screenshot04 img {
  width: calc(48 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-feature__illust04 {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(14.5 * var(--rv));
  left: calc(-4.5 * var(--rv));
}
.p-m-index-feature__illust04 img {
  width: calc(28 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-feature__screenshot05 {
  display: flex;
  margin: 0;
}
.p-m-index-feature__screenshot05 img {
  width: calc(48 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-feature__illust05 {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(14.5 * var(--rv));
  left: calc(28.5 * var(--rv));
}
.p-m-index-feature__illust05 img {
  width: calc(31.7 * var(--rv));
  height: auto;
  object-fit: contain;
}

.p-m-index-list {
  background-color: #eff7f6;
  margin: 0;
  padding-top: calc(9.5 * var(--rv));
  padding-bottom: calc(7 * var(--rv));
}
.p-m-index-list__top {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.p-m-index-list__head {
  margin-bottom: calc(7.5 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-list__balloon {
  background-color: #2dab9f;
  margin-bottom: calc(4.5 * var(--rv));
  padding-left: calc(12 * var(--rv));
  width: calc(69 * var(--rv));
  height: calc(5.5 * var(--rv));
}
.p-m-index-list__balloon::after {
  border-color: #2dab9f transparent transparent transparent;
}
.p-m-index-list__label {
  color: #ffffff;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.2 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-list__mascot {
  display: flex;
  margin: 0;
  position: absolute;
  left: calc(3.5 * var(--rv));
  bottom: calc(-1.8 * var(--rv));
}
.p-m-index-list__mascot img {
  width: calc(8 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-list__bottom {
  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  max-width: 100%;
  padding-left: calc(9 * var(--rv));
  padding-right: calc(9 * var(--rv));
  width: 100%;
}
.p-m-index-list__container-row {
  background-color: #ffffff;
  border-radius: calc(1.5 * var(--rv));
  box-shadow: 0 0 calc(1.5 * var(--rv)) rgba(45, 171, 159, 0.2);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: calc(2.7 * var(--rv));
  padding: calc(3 * var(--rv));
  width: calc(36.5 * var(--rv));
}
.p-m-index-list__container-row--dummy {
  margin: 0;
  padding: 0;
  height: 0;
}
.p-m-index-list__text {
  letter-spacing: calc(0.05 * var(--rv));
  padding-bottom: calc(5.5 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 500;
  line-height: 1.9;
  white-space: pre-line;
  width: 100%;
}
.p-m-index-list__link {
  text-decoration: none;
  display: block;
  position: absolute;
  right: calc(3 * var(--rv));
  bottom: calc(3 * var(--rv));
  padding-right: calc(2.5 * var(--rv));
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
  height: calc(2.7 * var(--rv));
}
.p-m-index-list__link::after {
  border-left: calc(0.3 * var(--rv)) solid #2dab9f;
  border-bottom: calc(0.3 * var(--rv)) solid #2dab9f;
  content: "";
  position: absolute;
  top: 33.3333333333%;
  right: 0;
  transform: rotate(-135deg);
  width: calc(1 * var(--rv));
  height: calc(1 * var(--rv));
}
.p-m-index-list__subhead {
  padding-bottom: calc(1.2 * var(--rv));
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.3 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
  width: 100%;
}

.p-m-index-cta {
  margin: 0;
  padding-top: calc(9 * var(--rv));
  padding-bottom: 0;
  background-image: url(../img/index/cta_back@2x.webp);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: calc(53.6 * var(--rv));
}
.p-m-index-cta__top {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.p-m-index-cta__head {
  margin-bottom: calc(6.5 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-cta__bottom {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.p-m-index-cta__text {
  letter-spacing: calc(0.1 * var(--rv));
  padding-bottom: calc(4 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 900;
  line-height: 1.9;
  white-space: pre-line;
}
.p-m-index-cta__text .aux01 {
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-cta__label {
  color: #ffffff;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-cta__balloon {
  text-align: center;
  margin-bottom: calc(2 * var(--rv));
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(1.9 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
  width: calc(41.3 * var(--rv));
}
.p-m-index-cta__button-3d {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: calc(3 * var(--rv));
  width: calc(41.3 * var(--rv));
  height: calc(7.5 * var(--rv));
}
.p-m-index-cta__illust {
  display: flex;
  margin: 0;
  position: absolute;
  left: calc(3 * var(--rv));
  bottom: 0;
}
.p-m-index-cta__illust img {
  width: calc(6.8 * var(--rv));
  height: auto;
  object-fit: contain;
}

.p-m-index-strength {
  margin: 0;
  padding-top: calc(9 * var(--rv));
  padding-bottom: 0;
}
.p-m-index-strength__top {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.p-m-index-strength__head {
  margin-bottom: calc(3 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-strength__bottom {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding-left: calc(14 * var(--rv));
  padding-right: calc(14 * var(--rv));
  width: 100%;
}
.p-m-index-strength__container-row {
  margin-top: calc(6.5 * var(--rv));
  margin-bottom: calc(6.5 * var(--rv));
}
.p-m-index-strength__container {
  order: 2;
  width: 50%;
}
.p-m-index-strength__container--picture {
  order: 2;
  align-items: flex-end;
  width: 50%;
}
.p-m-index-strength__container--reverse {
  order: 1;
  align-items: flex-start;
  width: 50%;
}
.p-m-index-strength__text {
  letter-spacing: calc(0.1 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.2 * var(--rv));
  font-weight: 900;
  line-height: 1.65;
  white-space: pre-line;
}
.p-m-index-strength__text .aux01 {
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.7 * var(--rv));
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-strength__subhead {
  padding: calc(2.5 * var(--rv)) 0;
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.8 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-strength__subhead .aux01 {
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.8 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-strength__strength-back01 {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(-14 * var(--rv));
  right: calc(-47 * var(--rv));
  z-index: -1;
}
.p-m-index-strength__strength-back01 img {
  width: calc(105.5 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-strength__picture {
  display: flex;
  margin: 0;
}
.p-m-index-strength__picture img {
  width: calc(48 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-strength__strength-back03 {
  display: none;
}
.p-m-index-strength__strength-back04 {
  display: none;
}

.p-m-index-diff {
  margin: 0;
  padding-top: calc(3 * var(--rv));
  padding-bottom: calc(10 * var(--rv));
}
.p-m-index-diff__top {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.p-m-index-diff__head {
  margin-bottom: calc(7 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-diff__bottom {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  padding-left: calc(13 * var(--rv));
  padding-right: calc(13 * var(--rv));
  width: 100%;
}
.p-m-index-diff__table {
  border-collapse: separate;
  border-spacing: calc(1.2 * var(--rv)) 0;
}
.p-m-index-diff__table td::after {
  border-bottom: calc(0.1 * var(--rv)) solid #dddddd;
  content: "";
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 90%;
  height: 0;
}
.p-m-index-diff__last td::after {
  display: none;
}
.p-m-index-diff__thead {
  color: #ffffff;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-diff__thead span {
  background-color: #74c6be;
  border-radius: calc(1.5 * var(--rv));
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: calc(0.1 * var(--rv)) 0;
  padding-left: calc(2 * var(--rv));
  clip-path: polygon(0 0, 0 100%, 85% 100%, 95% 50%, 85% 0);
  width: calc(16 * var(--rv));
  height: calc(8.8 * var(--rv));
}
.p-m-index-diff__tdata {
  background-color: #ffffff;
  border-left: calc(0.4 * var(--rv)) solid #74c6be;
  border-right: calc(0.4 * var(--rv)) solid #74c6be;
  padding: calc(1 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.4 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: normal;
  height: calc(9.3 * var(--rv));
}
.p-m-index-diff__tdata span {
  padding-left: calc(1.5 * var(--rv));
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.p-m-index-diff__small {
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.4 * var(--rv));
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-diff__strong {
  background-color: #ffffff;
  border-left: calc(0.4 * var(--rv)) solid #74c6be;
  border-right: calc(0.4 * var(--rv)) solid #74c6be;
  padding: calc(1 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: normal;
  height: calc(9.3 * var(--rv));
}
.p-m-index-diff__strong span {
  padding-left: calc(1.5 * var(--rv));
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}
.p-m-index-diff__last .p-m-index-diff__strong {
  border-bottom: calc(0.4 * var(--rv)) solid #74c6be;
  border-radius: 0 0 calc(1.5 * var(--rv)) calc(1.5 * var(--rv));
}
.p-m-index-diff__last .p-m-index-diff__text {
  border-bottom: calc(0.2 * var(--rv)) solid #dddddd;
  border-radius: 0 0 calc(1.5 * var(--rv)) calc(1.5 * var(--rv));
}
.p-m-index-diff__thigh {
  padding: 0;
  color: #ffffff;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: normal;
  width: calc(28 * var(--rv));
}
.p-m-index-diff__thigh div {
  background-color: #74c6be;
  border-radius: calc(1.5 * var(--rv)) calc(1.5 * var(--rv)) 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(9 * var(--rv));
}
.p-m-index-diff__td {
  background-color: #ffffff;
  border-left: calc(0.2 * var(--rv)) solid #dddddd;
  border-right: calc(0.2 * var(--rv)) solid #dddddd;
  padding: calc(1 * var(--rv)) calc(2 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(2 * var(--rv));
  font-weight: 500;
  line-height: 2;
  white-space: normal;
  height: calc(9.3 * var(--rv));
}
.p-m-index-diff__td span {
  padding-left: calc(1.5 * var(--rv));
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}
.p-m-index-diff__text {
  background-color: #ffffff;
  border-left: calc(0.2 * var(--rv)) solid #dddddd;
  border-right: calc(0.2 * var(--rv)) solid #dddddd;
  padding: calc(1 * var(--rv)) calc(2 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 500;
  line-height: 1.5;
  white-space: normal;
  height: calc(9.3 * var(--rv));
}
.p-m-index-diff__text span {
  padding-left: calc(1.5 * var(--rv));
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}
.p-m-index-diff__th {
  padding: 0;
  vertical-align: bottom;
  color: #ffffff;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(2.5 * var(--rv));
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-line;
  width: calc(28 * var(--rv));
}
.p-m-index-diff__th span {
  background-color: #bbbbbb;
  border-radius: calc(1.5 * var(--rv)) calc(1.5 * var(--rv)) 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(7 * var(--rv));
}
.p-m-index-diff__note {
  letter-spacing: calc(0.1 * var(--rv));
  padding-top: calc(2.5 * var(--rv));
  padding-right: calc(1 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.4 * var(--rv));
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-diff__strength-back02 {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(-19 * var(--rv));
  left: calc(-44 * var(--rv));
  z-index: -1;
}
.p-m-index-diff__strength-back02 img {
  width: calc(84.8 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-diff__circle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  float: left;
  height: 100%;
}
.p-m-index-diff__circle img {
  width: calc(5 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-diff__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.p-m-index-diff__logo img {
  width: calc(10.1 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-diff__caption {
  padding-left: calc(1.5 * var(--rv));
}
.p-m-index-diff__triangle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  float: left;
  height: 100%;
}
.p-m-index-diff__triangle img {
  width: calc(3.8 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-diff__cross {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  float: left;
  height: 100%;
}
.p-m-index-diff__cross img {
  width: calc(3.6 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-diff__scroll {
  display: none;
}

.p-m-index-voice {
  background-color: #f7f6ef;
  margin: 0;
  padding-top: calc(9 * var(--rv));
  padding-bottom: calc(10 * var(--rv));
}
.p-m-index-voice__top {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.p-m-index-voice__head {
  margin-bottom: calc(7 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-voice__bottom {
  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  max-width: 100%;
  width: 100%;
}
.p-m-index-voice__container {
  background-color: #ffffff;
  border-radius: calc(1.5 * var(--rv));
  justify-content: flex-start;
  align-items: center;
  padding: calc(3.5 * var(--rv));
  width: calc(34.5 * var(--rv));
  height: 100%;
}
.p-m-index-voice__text {
  padding-bottom: calc(1.5 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 900;
  line-height: 2;
  white-space: pre-line;
}
.p-m-index-voice__text .aux01 {
  color: #666666;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-voice__icon {
  display: flex;
  margin: 0;
  padding-bottom: calc(2 * var(--rv));
}
.p-m-index-voice__icon img {
  width: calc(14.7 * var(--rv));
  height: auto;
  object-fit: contain;
  border-radius: 50%;
}

.p-m-index-plan {
  margin: 0;
  padding-top: calc(9 * var(--rv));
  padding-bottom: calc(10 * var(--rv));
}
.p-m-index-plan__top {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.p-m-index-plan__head {
  margin-bottom: calc(7 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-plan__bottom {
  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  max-width: 100%;
  padding-left: calc(9 * var(--rv));
  padding-right: calc(9 * var(--rv));
  width: 100%;
}
.p-m-index-plan__container {
  background-color: #ffffff;
  border: calc(0.2 * var(--rv)) solid #2dab9f;
  border-radius: calc(1.5 * var(--rv));
  width: calc(27 * var(--rv));
}
.p-m-index-plan__title {
  text-align: center;
  padding-top: calc(3 * var(--rv));
  padding-bottom: calc(1 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-plan__text {
  text-align: center;
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.6 * var(--rv));
  font-weight: 500;
  line-height: 2;
  white-space: pre-line;
}
.p-m-index-plan__text .aux01 {
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-plan__button-3d {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: calc(2.5 * var(--rv)) auto calc(3 * var(--rv));
  width: calc(23 * var(--rv));
  height: calc(6 * var(--rv));
}
.p-m-index-plan__price {
  text-align: center;
  padding-bottom: calc(1.5 * var(--rv));
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Bold", "Noto Sans JP", sans-serif;
  font-size: calc(5 * var(--rv));
  font-weight: 700;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-plan__price .aux01 {
  position: relative;
  top: calc(-3 * var(--rv));
  left: calc(1 * var(--rv));
  padding-right: calc(1 * var(--rv));
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.6 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-plan__price .aux02 {
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(2.6 * var(--rv));
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-plan__subhead {
  background-color: #2dab9f;
  border-radius: calc(1.25 * var(--rv)) calc(1.25 * var(--rv)) 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.2 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
  height: calc(5 * var(--rv));
}
.p-m-index-plan__label {
  color: #ffffff;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-plan__star01 {
  display: flex;
  margin: 0;
  position: absolute;
  top: 0;
  left: calc(1 * var(--rv));
}
.p-m-index-plan__star01 img {
  width: calc(5.7 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-plan__star02 {
  display: flex;
  margin: 0;
  position: absolute;
  top: 0;
  left: calc(1 * var(--rv));
}
.p-m-index-plan__star02 img {
  width: calc(5.7 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-plan__star03 {
  display: flex;
  margin: 0;
  position: absolute;
  top: 0;
  left: calc(1 * var(--rv));
}
.p-m-index-plan__star03 img {
  width: calc(5.7 * var(--rv));
  height: auto;
  object-fit: contain;
}
.p-m-index-plan__balloon {
  display: flex;
  margin: 0;
  position: absolute;
  top: calc(-4 * var(--rv));
  right: calc(-2 * var(--rv));
  z-index: 1;
}
.p-m-index-plan__balloon img {
  width: calc(7.9 * var(--rv));
  height: auto;
  object-fit: contain;
}

.p-m-index-faq {
  background-color: #eff7f6;
  margin: 0;
  padding-top: calc(9 * var(--rv));
  padding-bottom: calc(8 * var(--rv));
}
.p-m-index-faq__top {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.p-m-index-faq__head {
  margin-bottom: calc(7.5 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(3.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-faq__bottom {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding-left: calc(9 * var(--rv));
  padding-right: calc(9 * var(--rv));
  width: 100%;
}
.p-m-index-faq__answer {
  letter-spacing: calc(0.1 * var(--rv));
  border-top: calc(0.1 * var(--rv)) solid #dddddd;
  padding-top: calc(1 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 500;
  line-height: 2;
  white-space: pre-line;
  width: 100%;
}
.p-m-index-faq__question {
  padding-left: calc(1.5 * var(--rv));
  margin-left: calc(1.5 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
  width: 100%;
}
.p-m-index-faq__q {
  top: calc(-0.4 * var(--rv));
  left: calc(2 * var(--rv));
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(2.5 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-faq__accordion {
  background-color: #ffffff;
  border-radius: calc(1.5 * var(--rv));
  box-shadow: 0 0 calc(1.5 * var(--rv)) rgba(45, 171, 159, 0.2);
  padding: calc(2 * var(--rv)) calc(3 * var(--rv));
  margin-bottom: calc(2 * var(--rv));
  width: 100%;
}

input[id^=q] {
  display: none;
}

.p-m-index-dialog__head {
  padding-bottom: calc(3 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(2.4 * var(--rv));
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-line;
}
.p-m-index-dialog__movie {
  display: flex;
  margin: 0;
}
.p-m-index-dialog__movie img {
  width: 100%;
  height: 100%;
  max-height: 65vh;
}
.p-m-index-dialog__text {
  padding-top: calc(2 * var(--rv));
  padding-bottom: calc(5 * var(--rv));
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.3 * var(--rv));
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-line;
  width: 100%;
}
.p-m-index-dialog__close {
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.8 * var(--rv));
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-line;
}

@media (max-width: 750px) {
  .p-m-index-mv {
    position: relative;
  }
  .p-m-index-mv__head {
    font-size: calc(5 * var(--rv));
  }
  .p-m-index-mv__head .aux01 {
    font-size: calc(5 * var(--rv));
  }
  .p-m-index-mv__text {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-mv__label {
    font-size: calc(4.5 * var(--rv));
  }
  .p-m-index-mv__balloon {
    font-size: calc(2.911 * var(--rv));
  }
  .p-m-index-mv__image img {
    width: calc(10.4 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-mv__picture img {
    width: calc(55.6 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-mv__illust02 img {
    width: calc(14 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-mv__illust01 img {
    width: calc(13.1 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-mv__illust03 img {
    width: calc(11.5 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-mv__dot img {
    width: calc(12.2 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-problem {
    position: relative;
  }
  .p-m-index-problem__head {
    font-size: calc(4.8 * var(--rv));
  }
  .p-m-index-problem__head .aux01 {
    font-size: calc(4.8 * var(--rv));
  }
  .p-m-index-problem__text {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-problem__text .aux01 {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-problem__illust01 img {
    width: calc(44.1 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-problem__illust02 img {
    width: calc(44.1 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-problem__illust03 img {
    width: calc(44.1 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-problem__balloon {
    font-size: calc(3.3 * var(--rv));
  }
  .p-m-index-problem__illust img {
    width: calc(18.4 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-howto {
    position: relative;
  }
  .p-m-index-howto__head {
    font-size: calc(4.8 * var(--rv));
  }
  .p-m-index-howto__head .aux01 {
    font-size: calc(4.8 * var(--rv));
  }
  .p-m-index-howto__text {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-howto__text .aux01 {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-howto__illust img {
    width: calc(44.1 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-howto__string {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-howto__string .aux01 {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-howto__string .aux02 {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-howto__string .aux03 {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-howto__string .aux04 {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-howto__subhead {
    font-size: calc(4 * var(--rv));
  }
  .p-m-index-howto__balloon {
    font-size: calc(3.3 * var(--rv));
  }
  .p-m-index-howto__mascot img {
    width: calc(20.4 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature {
    position: relative;
  }
  .p-m-index-feature__head {
    font-size: calc(4.8 * var(--rv));
  }
  .p-m-index-feature__head .aux01 {
    font-size: calc(4.8 * var(--rv));
  }
  .p-m-index-feature__text {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-feature__subhead {
    font-size: calc(4 * var(--rv));
  }
  .p-m-index-feature__feature-back01 img {
    width: calc(73.8 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature__feature-back02 img {
    width: calc(59.4 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature__screenshot01 img {
    width: calc(65.8 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature__illust01 img {
    width: calc(37.3 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature__screenshot02 img {
    width: calc(65.7 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature__illust02 img {
    width: calc(36.9 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature__screenshot03 img {
    width: calc(65.9 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature__illust03 img {
    width: calc(37.9 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature__screenshot04 img {
    width: calc(65.8 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature__illust04 img {
    width: calc(38.4 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature__screenshot05 img {
    width: calc(65.9 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature__illust05 img {
    width: calc(43.4 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-list {
    position: relative;
  }
  .p-m-index-list__head {
    font-size: calc(4.8 * var(--rv));
  }
  .p-m-index-list__balloon {
    font-size: calc(3.3 * var(--rv));
  }
  .p-m-index-list__mascot img {
    width: calc(11.4 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-list__text {
    font-size: calc(2.4 * var(--rv));
  }
  .p-m-index-list__link {
    font-size: calc(2.4 * var(--rv));
  }
  .p-m-index-list__subhead {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-cta {
    position: relative;
    background-image: url(../img/index/cta_back_sp.webp);
    min-height: calc(73.5 * var(--rv));
  }
  .p-m-index-cta__head {
    font-size: calc(4.8 * var(--rv));
  }
  .p-m-index-cta__text {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-cta__text .aux01 {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-cta__label {
    font-size: calc(4.5 * var(--rv));
  }
  .p-m-index-cta__balloon {
    font-size: calc(2.911 * var(--rv));
  }
  .p-m-index-cta__illust img {
    width: calc(10.4 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-strength {
    position: relative;
  }
  .p-m-index-strength__head {
    font-size: calc(4.8 * var(--rv));
  }
  .p-m-index-strength__text {
    font-size: calc(3.002 * var(--rv));
  }
  .p-m-index-strength__text .aux01 {
    font-size: calc(3.002 * var(--rv));
  }
  .p-m-index-strength__subhead {
    font-size: calc(4.002 * var(--rv));
  }
  .p-m-index-strength__subhead .aux01 {
    font-size: calc(4.002 * var(--rv));
  }
  .p-m-index-strength__strength-back01 img {
    width: calc(73.8 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-strength__picture img {
    width: calc(65.8 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-diff {
    position: relative;
  }
  .p-m-index-diff__head {
    font-size: calc(4.8 * var(--rv));
  }
  .p-m-index-diff__thead {
    font-size: calc(2.466 * var(--rv));
  }
  .p-m-index-diff__tdata {
    font-size: calc(3.288 * var(--rv));
  }
  .p-m-index-diff__small {
    font-size: calc(1.918 * var(--rv));
  }
  .p-m-index-diff__strong {
    font-size: calc(2.74 * var(--rv));
  }
  .p-m-index-diff__thigh {
    font-size: calc(3.425 * var(--rv));
  }
  .p-m-index-diff__td {
    font-size: calc(2.74 * var(--rv));
  }
  .p-m-index-diff__text {
    font-size: calc(2.466 * var(--rv));
  }
  .p-m-index-diff__th {
    font-size: calc(3.425 * var(--rv));
  }
  .p-m-index-diff__note {
    font-size: calc(1.918 * var(--rv));
  }
  .p-m-index-diff__strength-back02 img {
    width: calc(59.4 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-diff__circle img {
    width: calc(6.1 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-diff__logo img {
    width: calc(13.8 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-diff__triangle img {
    width: calc(5 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-diff__cross img {
    width: calc(4.9 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-voice {
    position: relative;
  }
  .p-m-index-voice__head {
    font-size: calc(4.8 * var(--rv));
  }
  .p-m-index-voice__text {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-voice__text .aux01 {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-voice__icon img {
    width: calc(20.1 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-plan {
    position: relative;
  }
  .p-m-index-plan__head {
    font-size: calc(4.8 * var(--rv));
  }
  .p-m-index-plan__title {
    font-size: calc(4.88 * var(--rv));
  }
  .p-m-index-plan__text {
    font-size: calc(3.904 * var(--rv));
  }
  .p-m-index-plan__text .aux01 {
    font-size: calc(3.904 * var(--rv));
  }
  .p-m-index-plan__price {
    font-size: calc(12.2 * var(--rv));
  }
  .p-m-index-plan__price .aux01 {
    font-size: calc(12.2 * var(--rv));
  }
  .p-m-index-plan__price .aux02 {
    font-size: calc(12.2 * var(--rv));
  }
  .p-m-index-plan__subhead {
    font-size: calc(5.368 * var(--rv));
  }
  .p-m-index-plan__label {
    font-size: calc(4.5 * var(--rv));
  }
  .p-m-index-plan__star01 img {
    width: calc(13.9 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-plan__star02 img {
    width: calc(13.9 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-plan__star03 img {
    width: calc(13.9 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-plan__balloon img {
    width: calc(19.4 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-faq {
    position: relative;
  }
  .p-m-index-faq__head {
    font-size: calc(4.8 * var(--rv));
  }
  .p-m-index-faq__answer {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-faq__question {
    font-size: calc(3.6 * var(--rv));
  }
  .p-m-index-faq__q {
    font-size: calc(4.5 * var(--rv));
  }
  /* Add */
  .p-m-index-mv__top {
    align-items: center;
    padding-top: calc(3.5 * var(--rv));
    padding-left: 0;
    padding-bottom: calc(10 * var(--rv));
  }
  .p-m-index-mv__head {
    padding-bottom: calc(1 * var(--rv));
  }
  .p-m-index-mv__text {
    padding-bottom: calc(2 * var(--rv));
    padding-left: calc(9 * var(--rv));
    padding-right: calc(9 * var(--rv));
    line-height: 1.7;
    text-align: center;
  }
  .p-m-index-mv__container {
    position: relative;
    top: 0;
    right: 0;
  }
  .p-m-index-mv__button-3d {
    padding-left: calc(4.5 * var(--rv));
    width: calc(66.3 * var(--rv));
    height: calc(12 * var(--rv));
  }
  .p-m-index-mv__image {
    left: calc(6.2 * var(--rv));
  }
  .p-m-index-mv__picture {
    display: none;
  }
  .p-m-index-mv__picture img {
    left: calc(-40 * var(--rv));
  }
  .p-m-index-mv__illust02 {
    top: calc(33.3 * var(--rv));
    left: calc(-4 * var(--rv));
  }
  .p-m-index-mv__illust01 {
    top: calc(6 * var(--rv));
    left: calc(47 * var(--rv));
  }
  .p-m-index-mv__illust03 {
    top: calc(37 * var(--rv));
    left: calc(45 * var(--rv));
  }
  .p-m-index-mv__picture-sp {
    display: flex;
    margin: 0;
    margin-bottom: calc(2.4 * var(--rv));
    top: 0;
    left: calc(1.5 * var(--rv));
  }
  .p-m-index-mv__picture-sp img {
    width: calc(55.6 * var(--rv));
    height: calc(53.8 * var(--rv));
  }
  .p-m-index-mv__dot {
    top: calc(-1.5 * var(--rv));
    left: calc(-6 * var(--rv));
  }
  .p-m-index-problem {
    padding-top: calc(7 * var(--rv));
    padding-bottom: calc(10.5 * var(--rv));
  }
  .p-m-index-problem__text {
    padding-top: calc(3.5 * var(--rv));
    letter-spacing: calc(0.3 * var(--rv));
    white-space: nowrap;
  }
  .p-m-index-problem__text .aux01 {
    font-size: calc(3.7 * var(--rv));
    white-space: nowrap;
  }
  .p-m-index-problem__balloon {
    margin-top: calc(2 * var(--rv));
    padding-left: calc(19 * var(--rv));
    width: calc(66 * var(--rv));
    height: calc(13.5 * var(--rv));
    letter-spacing: calc(0.3 * var(--rv));
  }
  .p-m-index-problem__label {
    font-size: calc(3.2 * var(--rv));
  }
  .p-m-index-problem__illust {
    left: calc(0.2 * var(--rv));
    bottom: calc(1.2 * var(--rv));
  }
  .p-m-index-problem__illust01 {
    margin-bottom: calc(5 * var(--rv));
  }
  .p-m-index-problem__illust02 {
    margin-bottom: calc(4 * var(--rv));
  }
  .p-m-index-problem__illust03 {
    margin-bottom: calc(5 * var(--rv));
  }
  .p-m-index-problem::after {
    content: "";
    left: calc(50% - calc(14 * var(--rv)) / 2);
  }
  .p-m-index-howto {
    padding-top: calc(8.2 * var(--rv));
    padding-bottom: calc(9 * var(--rv));
  }
  .p-m-index-howto__head {
    margin-bottom: calc(8.5 * var(--rv));
    line-height: 1.3;
  }
  .p-m-index-howto__text {
    letter-spacing: calc(0.3 * var(--rv));
    white-space: nowrap;
  }
  .p-m-index-howto__text .aux01 {
    font-size: calc(3.87 * var(--rv));
    white-space: nowrap;
  }
  .p-m-index-howto__balloon {
    margin-top: calc(2 * var(--rv));
    margin-bottom: calc(5.5 * var(--rv));
    width: calc(66 * var(--rv));
    height: calc(13.5 * var(--rv));
    letter-spacing: calc(0.3 * var(--rv));
  }
  .p-m-index-howto__string {
    text-align: left;
    padding-left: calc(4 * var(--rv));
    padding-right: calc(4 * var(--rv));
    line-height: 1.65;
  }
  .p-m-index-howto__label {
    text-align: center;
    font-size: calc(3.2 * var(--rv));
  }
  .p-m-index-howto__mascot {
    padding-bottom: calc(3 * var(--rv));
  }
  .p-m-index-howto__illust {
    margin-bottom: calc(5 * var(--rv));
  }
  .p-m-index-howto__subhead {
    letter-spacing: calc(0.3 * var(--rv));
  }
  .p-m-index-feature {
    padding-top: calc(10 * var(--rv));
    padding-bottom: calc(2.5 * var(--rv));
  }
  .p-m-index-feature__container {
    width: 100%;
  }
  .p-m-index-feature__container--picture {
    order: 1;
  }
  .p-m-index-feature__container--reverse {
    width: 100%;
  }
  .p-m-index-feature__head {
    margin-bottom: calc(8 * var(--rv));
    display: block;
    line-height: 1.3;
  }
  .p-m-index-feature__head .aux01 {
    line-height: 1.3;
  }
  .p-m-index-feature__bottom {
    padding-left: calc(4.5 * var(--rv));
    padding-right: calc(4.5 * var(--rv));
  }
  .p-m-index-feature__container-row {
    margin-bottom: calc(7 * var(--rv));
    flex-direction: column;
  }
  .p-m-index-feature__text {
    line-height: 1.6;
  }
  .p-m-index-feature__subhead {
    padding-top: calc(6.5 * var(--rv));
    padding-bottom: calc(1.5 * var(--rv));
  }
  .p-m-index-feature__feature-back01 {
    top: calc(-22.5 * var(--rv));
    right: calc(-41.5 * var(--rv));
  }
  .p-m-index-feature__feature-back02 {
    top: calc(76.5 * var(--rv));
    left: calc(-39.5 * var(--rv));
  }
  .p-m-index-feature__illust01 {
    top: calc(18 * var(--rv));
    left: calc(32.5 * var(--rv));
  }
  .p-m-index-feature__illust02 {
    top: calc(18.2 * var(--rv));
    left: calc(-4.5 * var(--rv));
  }
  .p-m-index-feature__illust03 {
    top: calc(17.5 * var(--rv));
    left: calc(32.5 * var(--rv));
  }
  .p-m-index-feature__illust04 {
    top: calc(19.5 * var(--rv));
    left: calc(-6.5 * var(--rv));
  }
  .p-m-index-feature__illust05 {
    top: calc(17.5 * var(--rv));
    left: calc(32.5 * var(--rv));
  }
  .p-m-index-feature__screenshot02 {
    margin-bottom: calc(4 * var(--rv));
  }
  .p-m-index-feature__screenshot04 {
    margin-bottom: calc(1 * var(--rv));
  }
  .p-m-index-feature__feature-back03 {
    margin: 0;
    position: absolute;
    top: calc(151 * var(--rv));
    left: calc(42.5 * var(--rv));
    z-index: -1;
  }
  .p-m-index-feature__feature-back03 img {
    width: calc(73.8 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature__feature-back04 {
    margin: 0;
    position: absolute;
    top: calc(250 * var(--rv));
    left: calc(-40.5 * var(--rv));
    z-index: -1;
  }
  .p-m-index-feature__feature-back04 img {
    width: calc(59.4 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-feature__feature-back05 {
    margin: 0;
    position: absolute;
    top: calc(324.5 * var(--rv));
    left: calc(42.5 * var(--rv));
    z-index: -1;
  }
  .p-m-index-feature__feature-back05 img {
    width: calc(73.8 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-list {
    padding-top: calc(7.5 * var(--rv));
  }
  .p-m-index-list__head {
    margin-bottom: calc(7 * var(--rv));
  }
  .p-m-index-list__balloon {
    padding-left: calc(15 * var(--rv));
    background-color: #2dab9f;
    width: calc(66 * var(--rv));
    height: calc(13.5 * var(--rv));
  }
  .p-m-index-list__label {
    letter-spacing: calc(0.15 * var(--rv));
    font-size: calc(3.2 * var(--rv));
  }
  .p-m-index-list__mascot {
    left: calc(2.5 * var(--rv));
    bottom: calc(0.8 * var(--rv));
  }
  .p-m-index-list__bottom {
    padding-left: calc(4.5 * var(--rv));
    padding-right: calc(4.5 * var(--rv));
  }
  .p-m-index-list__container-row {
    box-shadow: 0 0 calc(1.5 * var(--rv)) rgba(45, 171, 159, 0.2);
    margin-bottom: calc(3 * var(--rv));
    padding: calc(2.5 * var(--rv));
    width: 100%;
  }
  .p-m-index-list__container-row--dummy {
    padding: 0;
  }
  .p-m-index-list__text {
    padding-bottom: calc(5 * var(--rv));
  }
  .p-m-index-list__link {
    right: calc(4 * var(--rv));
  }
  .p-m-index-list__link::after {
    border-left: calc(0.5 * var(--rv)) solid #2dab9f;
    border-bottom: calc(0.5 * var(--rv)) solid #2dab9f;
    content: "";
    top: 33.3333333333%;
    right: calc(-0.5 * var(--rv));
    width: calc(1.5 * var(--rv));
    height: calc(1.5 * var(--rv));
  }
  .p-m-index-list__subhead {
    padding-bottom: 0;
  }
  .p-m-index-list__balloon::after {
    border-color: #2dab9f transparent transparent transparent;
  }
  .p-m-index-cta {
    padding-top: calc(8 * var(--rv));
  }
  .p-m-index-cta__text {
    padding-left: calc(4 * var(--rv));
    padding-right: calc(4 * var(--rv));
    line-height: 1.6;
  }
  .p-m-index-cta__button-3d {
    padding-left: calc(4.5 * var(--rv));
    width: calc(66.3 * var(--rv));
    height: calc(11.5 * var(--rv));
  }
  .p-m-index-cta__illust {
    left: calc(6 * var(--rv));
  }
  .p-m-index-cta__balloon {
    text-shadow: 0 0 calc(1 * var(--rv)) #f7f6ef, 0 0 calc(1 * var(--rv)) #f7f6ef;
  }
  .p-m-index-strength {
    padding-top: calc(8 * var(--rv));
  }
  .p-m-index-strength__text .aux01 {
    display: inline-block;
    padding-top: calc(1 * var(--rv));
  }
  .p-m-index-strength__bottom {
    padding-left: calc(4.5 * var(--rv));
    padding-right: calc(4.5 * var(--rv));
  }
  .p-m-index-strength__container-row {
    margin-top: calc(4.5 * var(--rv));
    margin-bottom: calc(1.5 * var(--rv));
    flex-direction: column;
  }
  .p-m-index-strength__container {
    width: 100%;
  }
  .p-m-index-strength__container--picture {
    order: 1;
    width: 100%;
  }
  .p-m-index-strength__subhead {
    padding: calc(3 * var(--rv)) 0;
    letter-spacing: calc(0.3 * var(--rv));
  }
  .p-m-index-strength__strength-back01 {
    right: calc(-41 * var(--rv));
  }
  .p-m-index-strength__strength-back03 {
    display: block;
    margin: 0;
    position: absolute;
    top: calc(82 * var(--rv));
    left: calc(-50 * var(--rv));
    z-index: -1;
  }
  .p-m-index-strength__strength-back03 img {
    width: calc(73.8 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-strength__strength-back04 {
    display: block;
    margin: 0;
    position: absolute;
    top: calc(193.5 * var(--rv));
    right: calc(-29 * var(--rv));
    z-index: -1;
  }
  .p-m-index-strength__strength-back04 img {
    width: calc(59.4 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-diff {
    padding-top: calc(5.5 * var(--rv));
    padding-bottom: calc(11 * var(--rv));
  }
  .p-m-index-diff__head {
    margin-bottom: calc(15 * var(--rv));
  }
  .p-m-index-diff__bottom {
    padding-left: calc(3 * var(--rv));
    padding-right: calc(3 * var(--rv));
    overflow: scroll;
  }
  .p-m-index-diff__table td::after {
    content: "";
  }
  .p-m-index-diff__thead span {
    width: calc(23 * var(--rv));
    height: calc(12 * var(--rv));
  }
  .p-m-index-diff__tdata {
    padding: calc(2 * var(--rv));
  }
  .p-m-index-diff__tdata span {
    padding-left: calc(2.5 * var(--rv));
  }
  .p-m-index-diff__strong {
    padding: calc(2 * var(--rv));
  }
  .p-m-index-diff__strong span {
    padding-left: calc(2.5 * var(--rv));
  }
  .p-m-index-diff__thigh {
    width: calc(38.5 * var(--rv));
  }
  .p-m-index-diff__thigh div {
    height: calc(13 * var(--rv));
  }
  .p-m-index-diff__td span {
    padding-left: calc(2.5 * var(--rv));
  }
  .p-m-index-diff__text {
    border-left: calc(0.3 * var(--rv)) solid #dddddd;
    border-right: calc(0.3 * var(--rv)) solid #dddddd;
  }
  .p-m-index-diff__text span {
    padding-left: calc(2.5 * var(--rv));
  }
  .p-m-index-diff__last .p-m-index-diff__text {
    border-bottom: calc(0.3 * var(--rv)) solid #dddddd;
  }
  .p-m-index-diff__th {
    width: calc(39 * var(--rv));
  }
  .p-m-index-diff__th span {
    height: calc(10 * var(--rv));
  }
  .p-m-index-diff__strength-back02 {
    top: calc(3.5 * var(--rv));
    left: calc(-41 * var(--rv));
  }
  .p-m-index-diff__table {
    width: calc(147.5 * var(--rv));
  }
  .p-m-index-diff__note {
    padding-bottom: calc(3.5 * var(--rv));
  }
  .p-m-index-diff__scroll {
    display: flex;
    margin: 0;
    position: absolute;
    right: calc(4 * var(--rv));
    bottom: calc(5 * var(--rv));
    animation: horizontal 0.5s ease infinite alternate;
  }
  @keyframes horizontal {
    0% {
      right: calc(2 * var(--rv));
    }
    100% {
      right: calc(4 * var(--rv));
    }
  }
  .p-m-index-diff__scroll img {
    width: calc(16 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .p-m-index-diff__scroll.is-m-end {
    display: none;
  }
  .p-m-index-diff__thead {
    font-size: calc(2.466 * var(--rv));
  }
  .p-m-index-voice {
    padding-top: calc(8 * var(--rv));
  }
  .p-m-index-voice__head {
    margin-bottom: calc(9.5 * var(--rv));
  }
  .p-m-index-voice__container {
    padding: calc(4.5 * var(--rv));
    left: calc(3.5 * var(--rv));
    width: calc(44.2 * var(--rv));
  }
  .p-m-index-voice__text {
    line-height: 1.6;
  }
  .p-m-index-voice__icon {
    padding-bottom: calc(3 * var(--rv));
  }
  .p-m-index-plan {
    padding-top: calc(11 * var(--rv));
    padding-bottom: calc(6 * var(--rv));
  }
  .p-m-index-plan__head {
    margin-bottom: calc(7.5 * var(--rv));
  }
  .p-m-index-plan__bottom {
    padding-left: calc(4.5 * var(--rv));
    padding-right: calc(4.5 * var(--rv));
  }
  .p-m-index-plan__container {
    margin-bottom: calc(5 * var(--rv));
    width: 100%;
  }
  .p-m-index-plan__title {
    padding-top: calc(7 * var(--rv));
    padding-bottom: calc(3.5 * var(--rv));
  }
  .p-m-index-plan__button-3d {
    margin: calc(6.5 * var(--rv)) auto calc(10.5 * var(--rv));
    width: calc(56 * var(--rv));
    height: calc(11.5 * var(--rv));
  }
  .p-m-index-plan__price {
    padding-bottom: calc(3.5 * var(--rv));
  }
  .p-m-index-plan__price .aux01 {
    top: calc(-7 * var(--rv));
  }
  .p-m-index-plan__subhead {
    height: calc(11.5 * var(--rv));
  }
  .p-m-index-plan__star01 {
    top: calc(-0.5 * var(--rv));
    left: calc(2.3 * var(--rv));
  }
  .p-m-index-plan__star02 {
    top: calc(-0.5 * var(--rv));
    left: calc(2.5 * var(--rv));
  }
  .p-m-index-plan__star03 {
    top: calc(-0.5 * var(--rv));
    left: calc(2.5 * var(--rv));
  }
  .p-m-index-plan__balloon {
    top: calc(-10.5 * var(--rv));
    right: calc(-5 * var(--rv));
  }
  .p-m-index-plan__text .aux01 {
    font-size: calc(4.604 * var(--rv));
  }
  .p-m-index-plan__price .aux01 {
    font-size: calc(6.2 * var(--rv));
  }
  .p-m-index-plan__price .aux02 {
    font-size: calc(6.2 * var(--rv));
  }
  .p-m-index-faq {
    padding-top: calc(4 * var(--rv));
  }
  .p-m-index-faq__bottom {
    padding-left: calc(4.5 * var(--rv));
    padding-right: calc(4.5 * var(--rv));
  }
  .p-m-index-faq__answer {
    padding-top: calc(2 * var(--rv));
    padding-bottom: calc(2 * var(--rv));
    line-height: 1.6;
  }
  .p-m-index-faq__question {
    padding-left: 0;
    margin-top: calc(1 * var(--rv));
    margin-right: calc(7 * var(--rv));
    line-height: 1.6;
  }
  .p-m-index-faq__q {
    left: 0;
  }
  .p-m-index-faq__accordion {
    box-shadow: 0 0 calc(1.5 * var(--rv)) rgba(45, 171, 159, 0.2);
    margin-bottom: calc(3 * var(--rv));
  }
  .p-m-index-dialog__head {
    font-size: calc(3 * var(--rv));
  }
  .p-m-index-dialog__text {
    font-size: calc(1.6 * var(--rv));
  }
  .p-m-index-dialog__close {
    font-size: calc(2.2 * var(--rv));
  }
  input[id^=q] {
    display: none;
  }
}
/* ------------------------
 *   Layout/Footer
 * -------------------------------- */
.l-m-footer {
  background-color: #2dab9f;
  margin: 0;
  padding-top: calc(3.5 * var(--rv));
  padding-bottom: calc(2.5 * var(--rv));
}
.l-m-footer__left {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 50%;
  padding-left: calc(3 * var(--rv));
  padding-right: 0;
  width: 100%;
}
.l-m-footer__text {
  color: #ffffff;
  font-family: "NotoSansCJKjp-Regular", "Noto Sans JP", sans-serif;
  font-size: calc(1.4 * var(--rv));
  font-weight: normal;
  line-height: 2;
  white-space: pre-line;
}
.l-m-footer__logo {
  display: flex;
  margin: 0;
  padding-bottom: calc(1 * var(--rv));
}
.l-m-footer__logo img {
  width: calc(15.5 * var(--rv));
  height: auto;
  object-fit: contain;
}
.l-m-footer__right {
  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 50%;
  padding-left: 0;
  padding-right: calc(3 * var(--rv));
  width: 100%;
}
.l-m-footer__list {
  list-style: none;
  margin-left: calc(10.5 * var(--rv));
  padding: 0;
}
.l-m-footer__item {
  margin-bottom: calc(1 * var(--rv));
  color: #ffffff;
  font-family: "NotoSansCJKjp-Black", "Noto Sans JP", sans-serif;
  font-size: calc(1.4 * var(--rv));
  font-weight: 900;
  line-height: 1.5;
  white-space: pre-line;
}
.l-m-footer__item a {
  text-decoration: none;
  color: #ffffff;
  font-family: "NotoSansCJKjp-Regular", "Noto Sans JP", sans-serif;
  font-size: calc(1.4 * var(--rv));
  font-weight: normal;
  line-height: 1.5;
  white-space: pre-line;
}
.l-m-footer__item a:hover {
  text-decoration: underline;
}
.l-m-footer__bottom {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  border-top: calc(0.1 * var(--rv)) solid #57bcb2;
  margin-top: calc(3.3 * var(--rv));
  padding-top: calc(3 * var(--rv));
  width: 100%;
}
.l-m-footer__copyright {
  color: #ffffff;
  font-family: "NotoSansCJKjp-Regular", "Noto Sans JP", sans-serif;
  font-size: calc(1.2 * var(--rv));
  font-weight: normal;
  line-height: 1.5;
  white-space: pre-line;
}

@media (max-width: 750px) {
  .l-m-footer {
    position: relative;
  }
  .l-m-footer__text {
    font-size: calc(2.691 * var(--rv));
  }
  .l-m-footer__logo img {
    width: calc(29.7 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .l-m-footer__item {
    font-size: calc(2.691 * var(--rv));
  }
  .l-m-footer__item .aux01 {
    font-size: calc(2.691 * var(--rv));
  }
  .l-m-footer__copyright {
    font-size: calc(2.306 * var(--rv));
  }
}
@media (max-width: 750px) {
  .l-m-footer {
    padding-top: calc(6 * var(--rv));
    padding-bottom: calc(5 * var(--rv));
  }
  .l-m-footer__left {
    align-items: center;
    max-width: 100%;
    padding-left: 0;
  }
  .l-m-footer__logo {
    padding-bottom: calc(4.5 * var(--rv));
  }
  .l-m-footer__right {
    align-items: center;
    max-width: 100%;
    padding-right: 0;
  }
  .l-m-footer__list {
    margin-left: 0;
    padding-bottom: calc(3 * var(--rv));
    width: 100%;
  }
  .l-m-footer__item {
    margin-bottom: calc(2.5 * var(--rv));
    text-align: center;
  }
  .l-m-footer__item a {
    font-size: calc(2.691 * var(--rv));
  }
  .l-m-footer__bottom {
    margin-top: calc(1 * var(--rv));
    padding-top: calc(5 * var(--rv));
  }
  .l-m-footer__text {
    text-align: center;
    padding-bottom: calc(4.5 * var(--rv));
  }
}
/* ------------------------
 *   Layout/Header
 * -------------------------------- */
.l-m-header {
  background-color: #eff7f6;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.l-m-header--fixed {
  position: fixed;
  top: 0;
  left: 0;
}
.l-m-header__left {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: 25%;
  padding-left: calc(3 * var(--rv));
  padding-right: 0;
  width: 100%;
  height: calc(9 * var(--rv));
}
.l-m-header__logo {
  display: flex;
  margin: 0;
}
.l-m-header__logo img {
  width: calc(13.3 * var(--rv));
  height: auto;
  object-fit: contain;
}
.l-m-header__right {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 75%;
  padding-left: 0;
  padding-right: calc(3 * var(--rv));
  width: 100%;
  height: calc(9 * var(--rv));
}
.l-m-header__item {
  text-decoration: none;
  color: #111111;
  font-family: "NotoSansCJKjp-Medium", "Noto Sans JP", sans-serif;
  font-size: calc(1.5 * var(--rv));
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-line;
}
.l-m-header__reg {
  background-color: #2dab9f;
  color: #ffffff;
  font-family: "NotoSansCJKjp-Bold", "Noto Sans JP", sans-serif;
  font-size: calc(1.515 * var(--rv));
  font-weight: 700;
  line-height: 1.5;
  white-space: pre-line;
  width: calc(14.3 * var(--rv));
  height: calc(5 * var(--rv));
}
.l-m-header__reg:hover {
  opacity: 0.7;
}
.l-m-header__login {
  background-color: #ffffff;
  border: calc(0.2 * var(--rv)) solid #2dab9f;
  margin-left: calc(3.5 * var(--rv));
  margin-right: calc(-1.5 * var(--rv));
  color: #2dab9f;
  font-family: "NotoSansCJKjp-Bold", "Noto Sans JP", sans-serif;
  font-size: calc(1.515 * var(--rv));
  font-weight: 700;
  line-height: 1.5;
  white-space: pre-line;
  width: calc(14.3 * var(--rv));
  height: calc(5 * var(--rv));
}
.l-m-header__login:hover {
  background-color: #2dab9f;
  opacity: 1;
  color: #ffffff;
}

@media (max-width: 750px) {
  .l-m-header {
    position: relative;
  }
  .l-m-header__logo img {
    width: calc(20.9 * var(--rv));
    height: auto;
    object-fit: contain;
  }
  .l-m-header__reg {
    font-size: calc(3 * var(--rv));
    width: calc(17 * var(--rv));
    height: calc(6 * var(--rv));
  }
  .l-m-header__login {
    font-size: calc(3 * var(--rv));
    width: calc(17 * var(--rv));
    height: calc(6 * var(--rv));
  }
  .l-m-header__left {
    padding-left: calc(5 * var(--rv));
    height: calc(11 * var(--rv));
  }
  .l-m-header__right {
    padding-right: calc(4.5 * var(--rv));
    height: calc(11 * var(--rv));
  }
}
/* ------------------------
 *   Layout/Main
 * -------------------------------- */
.l-m-main {
  position: relative;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/*# sourceMappingURL=style.css.map */

/* ------------------------
 *   個別ページ
 * -------------------------------- */
 .main-content {
   width: 800px;
   margin: 0 auto;
   font-family: "NotoSansCJKjp-Regular", "Noto Sans JP", sans-serif;
   margin-top: 60px;
   margin-bottom: 60px;
 }

 @media screen and (max-width:479px) {
.main-content {
   width: 100%;
   margin: 0px 10px;
 }}

.main-content th,.main-content td {
     padding: 10px;
 }

.main-content table {
     border-collapse:  collapse;
 }

 /************************************
 ** 見出し
 ************************************/
.kobetu h1 {
 	text-align: center;
     position: relative;
     padding: 1em 0.2em 0.2em 0.2em;
     color: #111;
 }

.kobetu h1::before {
     content: '';
     position: absolute;
     bottom: -15px;
     display: inline-block;
     width: 34px;
     height: 3px;
     left: 50%;
     transform: translateX(-50%);
     background-color: #2DAB9F;
     border-radius: 2px;
 }

.kobetu h2 {
 	position: relative;
     padding: 0.75em 1em;
     color: #333333;
     margin: 3em 0 1em;
 }

.kobetu h2::before {
     position: absolute;
     display: block;
     pointer-events: none;
     content: "";
     top: -4px;
     left: 0;
     width: 100%;
     height: calc(100% + 4px);
     box-sizing: content-box;
     border-top: solid 2px #2DAB9F;
     border-bottom: solid 2px #2DAB9F;
 }

.kobetu h3 {
 	margin: 3em 0 2em;
 	position: relative;
 	padding: 0 0.5em 0em;
     display: grid;
 }

.kobetu h3::before {
 	position: absolute;
 	bottom: -10px;
     content: "";
     width: 100%;
     height: 2px;
     background: repeating-linear-gradient(90deg, #2DAB9F 0%, #2DAB9F 29.3%, rgba(150,150,150,.2) 29.3%, rgba(150,150,150,.2) 100%);
 }

.kobetu h4 {
     padding: 0 0 0 16px;
     border-left: solid 2px #04384C;
 	margin: 3em 0 1.5em;
 }