@charset "UTF-8";
/* ------------------------------
- base
------------------------------ */
/* ------------------------------
- page
------------------------------ */
.o-row-main_primary * {
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

a:visited {
  color: #003399;
}

@media screen and (max-width: 48em) {
  .a-fz-m {
    font-size: 1.4rem;
  }
}

.btn-md {
  margin-right: auto;
  margin-left: auto;
  max-width: 580px;
}

.mv {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 48.1em) {
  .mv {
    border-radius: 1rem;
  }
}
@media screen and (max-width: 48em) {
  .mv {
    border-radius: 0.8rem;
    padding: 1.2rem 1rem;
    background: #F4F4F4;
  }
}

.mv__head {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 48em) {
  .mv__head {
    margin-left: -1rem;
    width: calc(100% + 1rem);
  }
}
@media screen and (min-width: 48.1em) {
  .mv__head > .m-Grid {
    display: flex;
  }
}
.mv__head > .m-Grid::before, .mv__head > .m-Grid::after {
  content: none;
}
.mv__head > .m-Grid > .comp-div-section {
  width: auto !important;
}
@media screen and (min-width: 48.1em) {
  .mv__head > .m-Grid > .comp-div-section:nth-of-type(even) {
    flex: 1;
  }
}

.mv__head__text {
  font-weight: bold;
}
.mv__head__text > .m-Grid::before, .mv__head__text > .m-Grid::after {
  content: none;
}
.mv__head__text .richtext {
  color: #ffffff;
}
@media screen and (min-width: 48.1em) {
  .mv__head__text .richtext {
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 48em) {
  .mv__head__text .richtext {
    position: relative;
    font-size: 2.2rem;
  }
}
.mv__head__text.-red .richtext {
  background: #E60000;
}
@media screen and (min-width: 48.1em) {
  .mv__head__text.-red .richtext {
    position: relative;
    padding: 0.1em 0.5em 0 0.6em;
  }
}
@media screen and (max-width: 48em) {
  .mv__head__text.-red .richtext {
    padding: 0.2em 1.2em 0 0.6em;
  }
}
.mv__head__text.-red .richtext::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) skew(-15deg);
  background: #E60000;
}
@media screen and (min-width: 48.1em) {
  .mv__head__text.-red .richtext::before {
    left: calc(100% - 1.5rem);
    width: 3rem;
    height: calc(100% + 1rem);
  }
}
@media screen and (max-width: 48em) {
  .mv__head__text.-red .richtext::before {
    left: calc(100% - 2rem);
    width: 4rem;
    height: 100%;
  }
}
.mv__head__text.-black .richtext {
  background: #000000;
}
@media screen and (min-width: 48.1em) {
  .mv__head__text.-black .richtext {
    padding: 0.1em 0.6em 0 1em;
  }
}
@media screen and (max-width: 48em) {
  .mv__head__text.-black .richtext {
    padding: 0.4em 1.2em 0.3em 0.6em;
  }
}
@media screen and (max-width: 48em) {
  .mv__head__text.-black .richtext::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% - 2rem);
    transform: translateY(-50%) skew(-15deg);
    width: 4rem;
    height: 100%;
    background: #000000;
  }
}

@media screen and (min-width: 48.1em) {
  .mv__content {
    padding: 3.2rem 22.2222222222% 2.4rem 4rem;
    background: #F4F4F4;
  }
}
@media screen and (max-width: 48em) {
  .mv__content {
    position: relative;
    z-index: 10;
    margin-top: 1.5rem;
  }
}

.mv__main {
  font-weight: bold;
}
@media screen and (min-width: 48.1em) {
  .mv__main > .m-Grid {
    display: flex;
    gap: 1.3rem;
  }
}
.mv__main > .m-Grid::before, .mv__main > .m-Grid::after {
  content: none;
}
@media screen and (min-width: 48.1em) {
  .mv__main > .m-Grid > .comp-div-section {
    width: auto !important;
  }
}
@media screen and (min-width: 48.1em) {
  .mv__main > .m-Grid > .comp-div-section:nth-of-type(even) {
    flex: 1;
  }
}

@media screen and (min-width: 48.1em) {
  .mv__main__tag {
    border: 1px solid #000000;
    padding: 0.4em 0.2em 0.3em;
  }
}
.mv__main__tag .richtext {
  display: flex;
  align-items: center;
  line-height: 1.2;
}
@media screen and (min-width: 48.1em) {
  .mv__main__tag .richtext {
    flex-direction: column;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 48em) {
  .mv__main__tag .richtext {
    justify-content: center;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 48.1em) {
  .mv__main__tag .richtext .a-fz-xs {
    font-size: 0.75em;
  }
}
@media screen and (max-width: 48em) {
  .mv__main__tag .richtext .a-fz-xs {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 48.1em) {
  .mv__main__text {
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 48em) {
  .mv__main__text {
    letter-spacing: -0.04em;
    text-align: center;
    font-size: 3.5rem;
  }
}
.mv__main__text .richtext {
  line-height: 1.4;
}
.mv__main__text .a-fz-l {
  font-size: 0.7321428571em;
}
.mv__main__text .a-fz-l:not(:first-child) {
  margin-left: -0.3em;
}

@media screen and (min-width: 48.1em) {
  .mv__subtext {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 48em) {
  .mv__subtext {
    margin-top: 0.4rem;
  }
}
.mv__subtext .richtext {
  border-radius: 999px;
  text-align: center;
  color: #ffffff;
  background: #E60000;
}
@media screen and (min-width: 48.1em) {
  .mv__subtext .richtext {
    padding: 0.2em 1.5rem 0.1em;
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 48em) {
  .mv__subtext .richtext {
    padding: 0.1em 1rem 0;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 48.1em) {
  .mv__tags {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 48em) {
  .mv__tags {
    margin-bottom: 1rem;
  }
}
.mv__tags > .m-Grid {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem 0;
}
.mv__tags > .m-Grid::before, .mv__tags > .m-Grid::after {
  content: none;
}
.mv__tags > .m-Grid > .comp-div-section {
  width: 48.4848484848% !important;
}

.mv__tag {
  border-radius: 999px;
  background: #ffffff;
}
.mv__tag > .m-Grid {
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
@media screen and (min-width: 48.1em) {
  .mv__tag > .m-Grid {
    gap: 0 2.7rem;
  }
}
@media screen and (max-width: 48em) {
  .mv__tag > .m-Grid {
    gap: 0 0.6rem;
  }
}
.mv__tag > .m-Grid::before, .mv__tag > .m-Grid::after {
  content: none;
}
.mv__tag > .m-Grid > .comp-div-section {
  width: auto !important;
}
@media screen and (min-width: 48.1em) {
  .mv__tag .comp-image {
    width: 4.2rem !important;
  }
}
@media screen and (max-width: 48em) {
  .mv__tag .comp-image {
    width: 2.7rem !important;
  }
}
.mv__tag .comp-richtext {
  flex: 1;
}
.mv__tag .comp-richtext .richtext {
  font-weight: bold;
}
@media screen and (min-width: 48.1em) {
  .mv__tag .comp-richtext .richtext {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 48em) {
  .mv__tag .comp-richtext .richtext {
    font-size: 1rem;
  }
}

.mv__img {
  position: absolute;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (min-width: 48.1em) {
  .mv__img {
    top: 50%;
    width: 28.5555555556%;
  }
}
@media screen and (max-width: 48em) {
  .mv__img {
    top: 45%;
    width: 37.6811594203%;
  }
}

.kinritable {
  position: relative;
}
.kinritable::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border: 2px solid #F8DEDE;
  width: 33.3333333333%;
  height: 100%;
  pointer-events: none;
}
.kinritable tbody th {
  font-weight: normal;
}
.kinritable th,
.kinritable td {
  width: 33.3333333333%;
  line-height: 1.4;
}
@media screen and (min-width: 48.1em) {
  .kinritable th,
  .kinritable td {
    padding: 0.6rem 1.5rem 0.4rem !important;
  }
}
@media screen and (max-width: 48em) {
  .kinritable th,
  .kinritable td {
    padding: 1rem 0.5rem 0.8rem !important;
  }
}
.kinritable th {
  background: #F2F2F2 !important;
}
@media screen and (min-width: 48.1em) {
  .kinritable th {
    font-size: 2rem;
  }
}
@media screen and (max-width: 48em) {
  .kinritable th {
    font-size: 1.6rem;
  }
}
.kinritable th.-special {
  background: #F8DEDE !important;
}
@media screen and (min-width: 48.1em) {
  .kinritable td {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 48em) {
  .kinritable td {
    font-size: 1.6rem;
  }
}
.kinritable td .a-fz-l {
  font-weight: bold;
}
@media screen and (min-width: 48.1em) {
  .kinritable td .a-fz-l {
    font-size: 1.3333333333em;
  }
}
@media screen and (max-width: 48em) {
  .kinritable td .a-fz-l {
    font-size: 1.125em;
  }
}

@media screen and (min-width: 48.1em) {
  .cta .o-box {
    padding: 2rem 1.5rem 2rem;
  }
}
@media screen and (max-width: 48em) {
  .cta .o-box {
    padding: 1.8rem 2rem;
  }
}

.cta__head > .m-Grid {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 48.1em) {
  .cta__head > .m-Grid {
    justify-content: center;
    gap: 0 2rem;
  }
}
@media screen and (max-width: 48em) {
  .cta__head > .m-Grid {
    gap: 0 1rem;
  }
}
.cta__head > .m-Grid::before, .cta__head > .m-Grid::after {
  content: none;
}
.cta__head .comp-image {
  width: 4.3rem !important;
}
.cta__head .comp-richtext {
  width: auto !important;
}

.cta__body .richtext {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.cta__body .richtext::before {
  content: "※";
}
@media screen and (max-width: 48em) {
  .cta__body .richtext::before {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 48em) {
  .cta__btnarea > .m-Grid > .comp-button > .o-grid > .o-grid_col-12 {
    padding: 0;
  }
}
@media screen and (max-width: 48em) {
  .cta__btnarea .comp-button > .o-grid {
    margin: 0;
  }
}
.cta__btnarea .comp-button .o-grid_col-6 {
  flex: auto;
  padding: 0;
  width: 100%;
  max-width: 580px;
}
@media screen and (max-width: 48em) {
  .cta__btnarea .comp-button .a-btn {
    padding-right: 3.6rem !important;
    padding-left: 3.2rem !important;
  }
}
@media screen and (max-width: 48em) {
  .cta__btnarea .comp-button .a-fw-bold {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 48em) {
  .cta__btnarea .comp-button .a-fz-s .a-fw-bold {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 48.1em) {
  .cta__btnarea.-flex > .m-Grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem 3.2rem;
  }
}
.cta__btnarea.-flex > .m-Grid::before, .cta__btnarea.-flex > .m-Grid::after {
  content: none;
}
@media screen and (min-width: 48.1em) {
  .cta__btnarea.-flex .comp-button {
    width: 32.8rem !important;
  }
}
@media screen and (max-width: 48em) {
  .cta__btnarea.-flex .comp-button:not(:first-of-type) {
    margin-top: 1rem;
  }
}

/* mycarNav */
@media screen and (max-width: 48em) {
  .mycarNav .m-tab_headwrap {
    overflow: inherit;
  }
}
@media screen and (max-width: 48em) {
  .mycarNav .m-tab_head {
    display: flex;
    flex-wrap: wrap;
  }
}
.mycarNav .m-tab_item {
  font-weight: bold;
}
@media screen and (max-width: 48em) {
  .mycarNav .m-tab_item {
    flex: auto;
    display: block;
    width: 50%;
  }
}
@media screen and (max-width: 48em) {
  .mycarNav .m-tab_item:nth-of-type(odd) {
    border-left: none;
  }
}
@media screen and (max-width: 48em) {
  .mycarNav .m-tab_item:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)) {
    border-bottom: 1px solid #d4d4d4;
  }
}
.mycarNav .m-tab_item a span.a-ico_arw-r {
  padding-right: 16px;
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width: 48em) {
  .mycarNav .m-tab_item a span.a-ico_arw-r {
    width: 100%;
  }
}
.mycarNav .m-tab_item a span.a-ico_arw-r::before {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.mycarNav .m-tab_item a:hover span.a-ico_arw-r {
  color: #E60000 !important;
}
.mycarNav .m-tab_item a:hover span.a-ico_arw-r::before {
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20141.2%20247.4%22%20fill%3D%22%23e60000%22%3E%3Cpolygon%20points%3D%228.7%2C0%200%2C8.8%2053%2C61.9%200%2C114.9%208.7%2C123.7%2070.6%2C61.8%20%22%2F%3E%3C%2Fsvg%3E) !important;
}
.mycarNav .m-tab_item.m-tab_item-active::before, .mycarNav .m-tab_item.m-tab_item-active::after {
  content: none;
}
.mycarNav .m-tab_item.m-tab_item-active a span.a-ico_arw-r {
  color: #000000;
}
.mycarNav .m-tab_item.m-tab_item-active a span.a-ico_arw-r::before {
  width: 6px;
  height: 10px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20141.2%20247.4%22%20fill%3D%22%235a5a5a%22%3E%3Cpolygon%20points%3D%228.7%2C0%200%2C8.8%2053%2C61.9%200%2C114.9%208.7%2C123.7%2070.6%2C61.8%20%22%2F%3E%3C%2Fsvg%3E);
  background-size: 12px 20px;
}

@media screen and (min-width: 48.1em) {
  .reason > .m-Grid > .comp-layout-container > .layout-zindex > .o-grid > li > .o-grid-col-inr-l-t-n > .o-grid-col-inr {
    height: 100%;
  }
  .reason > .m-Grid > .comp-layout-container > .layout-zindex > .o-grid > li > .o-grid-col-inr-l-t-n > .o-grid-col-inr > .m-Grid {
    height: 100%;
  }
  .reason > .m-Grid > .comp-layout-container > .layout-zindex > .o-grid > li > .o-grid-col-inr-l-t-n > .o-grid-col-inr > .m-Grid > .comp-div-section {
    height: 100%;
  }
  .reason > .m-Grid > .comp-layout-container > .layout-zindex > .o-grid > li > .o-grid-col-inr-l-t-n > .o-grid-col-inr > .m-Grid > .comp-div-section > .reason__item {
    height: 100%;
  }
  .reason > .m-Grid > .comp-layout-container > .layout-zindex > .o-grid > li > .o-grid-col-inr-l-t-n > .o-grid-col-inr > .m-Grid > .comp-div-section > .reason__item > .m-Grid {
    height: 100%;
  }
  .reason > .m-Grid > .comp-layout-container > .layout-zindex > .o-grid > li > .o-grid-col-inr-l-t-n > .o-grid-col-inr > .m-Grid > .comp-div-section > .reason__item > .m-Grid > .comp-richtext {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.reason__item > .m-Grid {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 48.1em) {
  .reason__item > .m-Grid {
    flex-direction: column;
    gap: 1rem 0;
  }
}
@media screen and (max-width: 48em) {
  .reason__item > .m-Grid {
    gap: 0 2rem;
  }
}
.reason__item > .m-Grid::before, .reason__item > .m-Grid::after {
  content: none;
}
.reason__item .comp-image {
  margin: 0 auto;
}
@media screen and (min-width: 48.1em) {
  .reason__item .comp-image {
    width: 8.6rem !important;
  }
}
@media screen and (max-width: 48em) {
  .reason__item .comp-image {
    width: 5.5rem !important;
  }
}
@media screen and (max-width: 48em) {
  .reason__item .comp-richtext {
    flex: 1;
    width: auto;
  }
}
.reason__item .richtext {
  line-height: 1.4;
}
@media screen and (min-width: 48.1em) {
  .reason__item .richtext {
    text-align: center;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 48em) {
  .reason__item .richtext .a-fw-bold {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 48.1em) {
  .plan > .m-Grid > .comp-layout-container > .layout-zindex > .o-grid > .o-grid_col-6 > .o-grid-col-inr {
    height: 100%;
  }
  .plan > .m-Grid > .comp-layout-container > .layout-zindex > .o-grid > .o-grid_col-6 > .o-grid-col-inr > .m-Grid {
    height: 100%;
  }
  .plan > .m-Grid > .comp-layout-container > .layout-zindex > .o-grid > .o-grid_col-6 > .o-grid-col-inr > .m-Grid > .comp-div-section {
    height: 100%;
  }
  .plan > .m-Grid > .comp-layout-container > .layout-zindex > .o-grid > .o-grid_col-6 > .o-grid-col-inr > .m-Grid > .comp-div-section > .plan__item {
    height: 100%;
  }
  .plan > .m-Grid > .comp-layout-container > .layout-zindex > .o-grid > .o-grid_col-6 > .o-grid-col-inr > .m-Grid > .comp-div-section > .plan__item > .m-Grid {
    height: 100%;
  }
}
@media screen and (max-width: 48em) {
  .plan > .m-Grid > .comp-layout-container > .layout-zindex > .o-grid > .o-grid_col-6:not(:first-of-type) {
    margin-top: 6rem;
  }
}
.plan > .m-Grid::before, .plan > .m-Grid::after {
  content: none;
}

@media screen and (min-width: 48.1em) {
  .plan__item > .m-Grid {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    gap: 4rem 0;
  }
}
.plan__item > .m-Grid::before, .plan__item > .m-Grid::after {
  content: none;
}

.plan__item__intro .a-fs-bg {
  border-radius: 999px;
  padding: 0.2rem 1.8rem 0;
}

@media screen and (min-width: 48.1em) {
  .plan__head {
    display: inline-block;
  }
}
.plan__head.-recommend {
  position: relative;
  padding-right: 8rem;
}
.plan__head.-recommend .comp-image {
  position: absolute;
  top: -1.5em;
  right: 0;
  width: 6.4rem !important;
}

@media screen and (max-width: 48em) {
  .plan__lead .richtext {
    text-align: center;
  }
}

.plan__info {
  border-radius: 0.6rem;
  border: 3px solid #FDE6E6;
  text-align: center;
  background: #FDE6E6;
}
@media screen and (max-width: 48em) {
  .plan__info.-spflex > .m-Grid {
    display: flex;
  }
  .plan__info.-spflex > .m-Grid > .comp-richtext {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    width: auto !important;
  }
  .plan__info.-spflex > .m-Grid > .comp-richtext .richtext {
    line-height: 1.4;
  }
  .plan__info.-spflex > .m-Grid > .comp-div-section {
    flex: 1;
    width: auto !important;
  }
  .plan__info.-spflex > .m-Grid > .comp-div-section .plan__info__inner {
    border-radius: 0 0.4rem 0.4rem 0;
  }
}

.plan__info__inner {
  border-radius: 0 0 0.4rem 0.4rem;
  padding: 1.2rem 1rem 1rem;
  background: #ffffff;
}

.plan__main.-narrow .richtext {
  letter-spacing: -0.03em;
}
.plan__main .richtext {
  line-height: 1.3;
  font-weight: bold;
}
@media screen and (min-width: 48.1em) {
  .plan__main .richtext {
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 48em) {
  .plan__main .richtext {
    font-size: 3.5rem;
  }
}
.plan__main .richtext .a-fz-l {
  font-size: 0.6363636364em;
}
.plan__main .richtext .a-fz-l:not(:first-child) {
  margin-left: -0.3em;
}

.plan__subtext .richtext {
  border-radius: 999px;
  text-align: center;
  color: #ffffff;
  background: #E60000;
}
@media screen and (min-width: 48.1em) {
  .plan__subtext .richtext {
    padding: 0.2em 1.5rem 0.1em;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 48em) {
  .plan__subtext .richtext {
    padding: 0.1em 1rem 0;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 48em) {
  .plan__item__btm {
    margin-top: 3.6rem;
  }
}
.plan__item__btm .m-collist-ico1 > li {
  padding-left: 1.8rem;
}
.plan__item__btm .m-collist-ico1 > li::before {
  top: 0.5em;
  width: 0.8rem;
  height: 0.8rem;
  background: #999999;
}
@media screen and (max-width: 48em) {
  .plan__item__btm .a-fz-m {
    font-size: 1.6rem;
  }
}

.flow .o-grid-3 > li {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (min-width: 48.1em) {
  .flow .o-grid-3 > li:not(:first-of-type) {
    position: relative;
  }
  .flow .o-grid-3 > li:not(:first-of-type)::before {
    content: "";
    position: absolute;
    top: 6rem;
    right: 50%;
    z-index: -1;
    width: 100%;
    height: 0.8rem;
    background: #F2F2F2;
  }
}
.flow .o-grid-3 > li:not(:last-of-type) .flow__item__head > .m-Grid > .comp-image .m-mainvisual {
  position: relative;
}
@media screen and (max-width: 48em) {
  .flow .o-grid-3 > li:not(:last-of-type) .flow__item__head > .m-Grid > .comp-image .m-mainvisual::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 0.8rem;
    height: 7.5rem;
    background: #F2F2F2;
  }
}

.flow__list {
  margin: 0 auto;
  max-width: 680px;
}
.flow__list > .m-Grid > .comp-layout-container > .layout-zindex .o-grid {
  margin: 0 !important;
}

@media screen and (max-width: 48em) {
  .flow__item {
    position: relative;
    padding-left: 1rem;
  }
}
@media screen and (max-width: 48em) {
  .flow__item > .m-Grid {
    display: flex;
    align-items: center;
    gap: 0 2rem;
  }
  .flow__item > .m-Grid > .comp-div-section {
    width: auto !important;
  }
  .flow__item > .m-Grid > .comp-div-section:has(.flow__item__body) {
    flex: 1;
  }
}
.flow__item > .m-Grid::before, .flow__item > .m-Grid::after {
  content: none;
}

@media screen and (min-width: 48.1em) {
  .flow__item__head {
    position: relative;
  }
}
.flow__item__head .richtext {
  text-align: center;
}
.flow__item__head .comp-image {
  float: none !important;
  margin: 0 auto;
  width: 7.6rem !important;
}
@media screen and (max-width: 48em) {
  .flow__item__head .a-fz-s {
    font-size: 1.6rem;
  }
}

.flow__item__head__accent {
  position: absolute;
}
@media screen and (min-width: 48.1em) {
  .flow__item__head__accent {
    top: 0.4rem;
    right: 0.6rem;
  }
}
@media screen and (max-width: 48em) {
  .flow__item__head__accent {
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 48.1em) {
  .flow__item__head__accent .comp-image {
    width: 4.6rem !important;
  }
}
@media screen and (max-width: 48em) {
  .flow__item__head__accent .comp-image {
    width: 5.5rem !important;
  }
}

@media screen and (min-width: 48.1em) {
  .flow__item__body {
    margin-top: 0.8rem;
  }
}
@media screen and (max-width: 48em) {
  .flow__item__body {
    margin-top: 2.8rem;
  }
}
@media screen and (min-width: 48.1em) {
  .flow__item__body > .m-Grid {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
.flow__item__body > .m-Grid::before, .flow__item__body > .m-Grid::after {
  content: none;
}
@media screen and (min-width: 48.1em) {
  .flow__item__body .comp-richtext {
    width: auto !important;
  }
}
.flow__item__body .richtext {
  line-height: 1.4;
}
@media screen and (min-width: 48.1em) {
  .flow__item__body .richtext {
    text-align: center;
  }
}
@media screen and (max-width: 48em) {
  .flow__item__body .richtext .a-fz-s {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 48.1em) {
  .flow__item__body .comp-list {
    margin-top: 0.8rem;
    width: auto !important;
  }
}
@media screen and (max-width: 48em) {
  .flow__item__body .comp-list {
    margin-top: 0.6rem;
  }
}

.document .o-grid {
  gap: 1rem 2rem;
  margin: 0;
  counter-reset: document;
}
@media screen and (max-width: 48em) {
  .document .o-grid {
    flex-direction: column;
  }
}
.document .o-grid > li {
  counter-increment: document;
  flex: 1;
  border-radius: 0.8rem;
  border: 1px solid #999999;
}
@media screen and (min-width: 48.1em) {
  .document .o-grid > li {
    padding: 2rem;
  }
}
@media screen and (max-width: 48em) {
  .document .o-grid > li {
    padding: 1rem 2rem;
    min-height: 6rem;
  }
}
.document .o-grid > li > .o-grid-col-inr-l-t-n {
  justify-content: center;
}
@media screen and (min-width: 48.1em) {
  .document .o-grid > li .comp-richtext:not(:first-of-type) {
    margin-top: 0.4rem;
  }
}
.document .o-grid > li .a-fz-xl {
  display: flex;
  gap: 0 0.5rem;
  line-height: 1.5;
}
@media screen and (max-width: 48em) {
  .document .o-grid > li .a-fz-xl {
    font-size: 1.6rem;
  }
}
.document .o-grid > li .a-fz-xl::before {
  content: counter(document) ".";
}
@media screen and (max-width: 48em) {
  .document .o-grid .a-fz-s {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 48em) {
  .terms .m-table-wrap table,
  .terms .m-table-wrap tr,
  .terms .m-table-wrap th,
  .terms .m-table-wrap td {
    display: block;
    border: none;
    padding: 0;
    width: 100%;
  }
  .terms .m-table-wrap table tr:not(:first-of-type) {
    margin-top: 1.5rem;
    border-top: 1px solid #999999;
    padding-top: 1.5rem;
  }
  .terms .m-table-wrap table th {
    display: flex;
    margin-bottom: 0.8rem;
    background: transparent;
  }
}
@media screen and (max-width: 48em) {
  .terms .a-fz-m {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 48em) {
  .terms .o-box-border.a-bg-white {
    padding: 1rem;
  }
}
.terms .m-accordion_btn {
  border-color: #E60000;
  background: #ffffff;
}
@media screen and (max-width: 48em) {
  .terms .m-accordion_btn {
    border-bottom: 0;
  }
}
.terms .m-accordion_body {
  border-color: #E60000;
}
@media screen and (max-width: 48em) {
  .terms .comp-accordion:last-of-type {
    border-bottom: 1px solid #E60000;
  }
  .terms .comp-accordion:last-of-type .m-accordion_body {
    border-bottom: 0;
  }
}

@media screen and (max-width: 48em) {
  .m-faqcol_main {
    padding-left: 0;
    vertical-align: middle;
  }
}
@media screen and (max-width: 48em) {
  .m-faqcol_main .a-fz-s {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 48em) {
  .m-accordion_btn:has(.m-faqcol) {
    padding: 13px 38px 13px 12px;
  }
}

@media screen and (max-width: 48em) {
  .m-accordion_body:has(.m-faqcol) {
    padding: 10px 15px;
  }
}

.modal-wrraper * {
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

.m-modal_htmlinner-s {
  padding: 30px 30px 24px;
}
@media screen and (max-width: 48em) {
  .m-modal_htmlinner-s {
    padding: 20px 15px;
  }
}

.modal-wrraper .o-box {
  border: 1px solid #999999;
  border-radius: 10px;
  padding: 19px 30px;
  height: 94px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 48em) {
  .modal-wrraper .o-box {
    height: 80px;
    padding: 10px 20px;
  }
}

@media screen and (max-width: 48em) {
  .modal-wrraper .o-box .m-Grid.m-Grid--12.m-Grid--default--12 {
    display: flex;
    flex-direction: column-reverse;
  }
}

.modal-wrraper .richtext.a-margin-t2.a-lh-s {
  margin: 0 !important;
  line-height: 1.5;
}

.modal-wrraper .a-margin-t05 {
  margin: 0 !important;
}

@media screen and (max-width: 48em) {
  .modal-wrraper .a-fz-xxxl {
    font-size: 18px;
  }
}

@media screen and (max-width: 48em) {
  .modal-wrraper .a-fz-xl {
    font-size: 16px;
  }
}

@media screen and (max-width: 48em) {
  .modal-wrraper .richtext.a-lh-m .a-fz-s {
    font-size: 12px;
  }
}

@media screen and (max-width: 48em) {
  .modal-wrraper li .a-fz-s {
    font-size: 14px;
  }
}