@charset "UTF-8";
.reset html,
.reset body,
.reset div,
.reset span,
.reset applet,
.reset object,
.reset iframe,
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6,
.reset p,
.reset blockquote,
.reset pre,
.reset a,
.reset abbr,
.reset acronym,
.reset address,
.reset big,
.reset cite,
.reset code,
.reset del,
.reset dfn,
.reset em,
.reset font,
.reset img,
.reset ins,
.reset kbd,
.reset q,
.reset s,
.reset samp,
.reset small,
.reset strike,
.reset strong,
.reset sub,
.reset sup,
.reset tt,
.reset var,
.reset dl,
.reset dt,
.reset dd,
.reset ol,
.reset ul,
.reset li,
.reset fieldset,
.reset form,
.reset label,
.reset legend,
.reset table,
.reset caption,
.reset tbody,
.reset tfoot,
.reset thead,
.reset tr,
.reset th,
.reset td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  min-height: 0;
  background-color: transparent;
}
.reset body {
  counter-reset: titleNum;
}
.reset html {
  -webkit-text-size-adjust: none;
}
.reset img {
  vertical-align: bottom;
}
.reset strong {
  font-weight: bold;
}
.reset ol,
.reset ul {
  list-style: none;
}
.reset ol li,
.reset ul li {
  margin: 0;
  padding: 0;
}
.reset table {
  border-collapse: collapse;
  border-spacing: 0;
}
.reset table caption,
.reset table th,
.reset table td {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
.reset table tr {
  background-color: transparent;
}
.reset a {
  color: inherit;
}
.reset a:link {
  text-decoration: none;
}
.reset a:visited {
  text-decoration: none;
}
.reset a:hover {
  text-decoration: none;
}
.reset button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.reset input[type=submit],
.reset input[type=button] {
  background-color: inherit;
  border: none;
  color: inherit;
  font-size: inherit;
}
.reset input[type=submit]:focus,
.reset input[type=button]:focus {
  outline: none;
}

/* ページタイプ：本文のみ（広い) */
body .content,
body .article,
body .entry-content {
  margin: 0;
}
body .entry-header,
body .entry-footer {
  display: none;
}
body .wrap {
  width: 100%;
}
body #main {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}
body #header-container {
  display: none;
}
body .mobile-header-menu-buttons {
  display: none;
}

@media only screen and (max-width: 834px) {
  .pc {
    display: none !important;
  }
}
@media only screen and (min-width: 835px) {
  .sp {
    display: none !important;
  }
}
a {
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  a:hover {
    opacity: 0.8;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  a:active {
    opacity: 0.8;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  border-top: none;
  margin-top: 0 !important;
  overflow-x: auto !important;
}

.article {
  margin: 0 !important;
}

#my-content {
  width: 100%;
  color: #000000;
  font-feature-settings: "palt";
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
  #my-content {
    font-size: clamp(14px, 3.7333333333vw, 20px);
  }
}
#my-content .my-inner {
  max-width: 1040px;
  padding: 0 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .my-inner {
    padding: 0 0;
  }
}
#my-content .sec-ttl {
  min-height: 198px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(0deg, rgb(0, 179, 196) 0.1%, rgb(6, 120, 221) 100%);
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 30px;
  line-height: 1.25;
  letter-spacing: 0.08em;
  padding: 20px 20px 30px;
  margin: 0 auto 20px;
  text-align: center;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0% 70%);
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl {
    min-height: 44vw;
    font-size: 6.6666666667vw;
    margin: 0 0 4vw;
    padding: 2.6666666667vw 10vw 5.3333333333vw;
  }
  #my-content .sec-ttl > img {
    width: 100%;
  }
}
#my-content .sec-ttl .slash-left {
  flex-shrink: 0;
  margin-right: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl .slash-left {
    margin-right: 0;
    width: 14.8vw;
  }
}
#my-content .sec-ttl .slash-right {
  flex-shrink: 0;
  margin-left: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl .slash-right {
    margin-left: 0;
    width: 14.1333333333vw;
  }
}
#my-content .sec-ttl.--sm {
  min-height: 150px;
  font-size: 24px;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl.--sm {
    min-height: 33.3333333333vw;
    font-size: 5.3333333333vw;
    padding-inline: 2.6666666667vw;
  }
}
#my-content .sec-ttl-02 {
  min-height: 198px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #415189;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 27px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  padding: 20px 20px 30px;
  margin: 0 auto 20px;
  text-align: left;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0% 70%);
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl-02 {
    min-height: 44vw;
    padding: 2.6666666667vw 2.6666666667vw 5.3333333333vw;
    margin: 0 0 5.3333333333vw;
    font-size: 6.1333333333vw;
  }
}
#my-content .sec-ttl-02.--center {
  text-align: center;
}
#my-content .sec-ttl-03 {
  text-align: center;
}
#my-content .check-list li {
  line-height: 1.8;
  padding-left: 1.5em;
  position: relative;
}
#my-content .check-list li span {
  display: block;
  background-image: repeating-linear-gradient(transparent 0, transparent calc(1.8em - 2px), #d8d8d8 calc(1.8em - 2px), #d8d8d8 calc(1.8em - 1px), transparent calc(1.8em - 1px), transparent 1.8em);
}
#my-content .check-list li::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 1em;
  height: 1em;
  background: url(../img/icon_check_orange.svg) center center/contain no-repeat;
}
#my-content .check-list.--blue li::before {
  background-image: url(../img/icon_check_blue.svg);
}
#my-content .acd-content {
  display: none;
}
#my-content .acd-btn {
  display: block;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0 40px;
  border: none;
  border-top: 1px solid #32a4dd;
  background: transparent;
  color: #32a4dd;
  cursor: pointer;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 834px) {
  #my-content .acd-btn {
    max-width: 100%;
    padding: 1.3333333333vw 0 8vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  #my-content .acd-btn:hover {
    opacity: 0.7;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .acd-btn:active {
    opacity: 0.7;
  }
}
#my-content .acd-btn__arrow {
  display: block;
  text-align: center;
  transition: transform 0.3s ease;
}
@media only screen and (max-width: 834px) {
  #my-content .acd-btn__arrow img {
    width: 6.6666666667vw;
  }
}
#my-content .acd-btn__label {
  display: block;
  font-size: 1.0625em;
  margin-top: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .acd-btn__label {
    font-size: 1em;
    margin-top: 1.3333333333vw;
  }
}
#my-content .acd-btn__label.--close {
  display: none;
}
#my-content .is-open .acd-btn__arrow {
  transform: rotate(180deg);
}
#my-content .is-open .acd-btn__label.--open {
  display: none;
}
#my-content .is-open .acd-btn__label.--close {
  display: block;
}
#my-content .balloon {
  max-width: 420px;
  width: 100%;
  min-height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 2px solid #32a4dd;
  border-radius: 10px;
  padding: 0.5em;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .balloon {
    max-width: 100%;
    min-height: 29.3333333333vw;
    border-radius: 1.3333333333vw;
  }
}
#my-content .balloon::before {
  content: "";
  position: absolute;
  left: 40px;
  bottom: -30px;
  width: 24px;
  height: 30px;
  background-color: #32a4dd;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
#my-content .balloon::after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 42px;
  width: 20px;
  height: 27px;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 1px);
}
#my-content .fc-yellow {
  color: #fafa37 !important;
}
#my-content .fc-orange {
  color: #da7543 !important;
}
#my-content .lp-pc-header__menu a {
  border-radius: 10px;
}
#my-content .lp-pc-header__tel {
  position: relative;
}
#my-content .lp-pc-header__tel::before {
  padding-right: 2em;
}
#my-content .lp-pc-header__tel::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.2em;
  content: "代表";
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.7em;
}
#my-content .lp-sp-header__menu ul li a[href^="tel:"]::after {
  color: #da7543;
}
#my-content .lp-sp-header__menu ul li a[data-label=資料請求]::after {
  color: #32a4dd;
}
#my-content .lp-sp-header__menu ul li a[data-label=お問い合わせ]::after {
  color: #ebb000;
}
#my-content .lp-floating {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 100;
  width: 350px;
}
@media only screen and (max-width: 834px) {
  #my-content .lp-floating {
    display: none;
  }
}
#my-content .lp-floating.--hidden {
  display: none;
}
#my-content .lp-floating__link {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  #my-content .lp-floating__link:hover {
    opacity: 0.9;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .lp-floating__link:active {
    opacity: 0.9;
  }
}
#my-content .lp-floating__link img {
  display: block;
  width: 100%;
  height: auto;
}
#my-content .lp-floating__close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  z-index: 101;
}
@media (hover: hover) and (pointer: fine) {
  #my-content .lp-floating__close:hover {
    opacity: 1;
    background-color: #f5f5f5;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .lp-floating__close:active {
    opacity: 1;
    background-color: #f5f5f5;
  }
}
#my-content .lp-floating__close::before, #my-content .lp-floating__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #333;
}
#my-content .lp-floating__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#my-content .lp-floating__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#my-content .my-footer {
  background-color: #415189;
  color: #fff;
  padding: 40px 0 20px;
}
#my-content .my-footer .my-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer .my-inner {
    flex-direction: column;
    padding: 0 20px;
  }
}
#my-content .my-footer__logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__logo {
    margin-bottom: 30px;
    max-width: 300px;
  }
  #my-content .my-footer__logo img {
    width: min(53.3333333333vw, 248px);
  }
}
#my-content .my-footer__logo .tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  padding: 0.35em 0.5em;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__logo .tag {
    font-size: clamp(14px, 3.2vw, 17px);
  }
}
#my-content .my-footer__tel {
  font-size: 35px;
  line-height: 1.1;
  margin-bottom: 30px;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__tel {
    font-size: clamp(24px, 6.9333333333vw, 35px);
    text-align: center;
  }
}
#my-content .my-footer__tel img {
  width: 0.7em;
  margin-right: 0.25em;
}
#my-content .my-footer__tel small {
  display: block;
  font-size: 0.46em;
  letter-spacing: 0.1em;
  margin-top: 0.5em;
}
#my-content .my-footer__menu li {
  font-size: 1em;
  line-height: 1.4;
  padding-left: 2em;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__menu li {
    font-size: 0.92em;
  }
}
#my-content .my-footer__menu li:not(:last-child) {
  margin-bottom: 1em;
}
#my-content .my-footer__menu li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.2em;
  height: 1em;
  background: url(../img/arrow_right_double.svg) center center/contain no-repeat;
}
#my-content .my-footer .copyright {
  color: #fff;
  font-size: 10px;
  line-height: 1.4;
  margin-top: 80px;
  padding: 0 20px;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer .copyright {
    margin-top: 10.6666666667vw;
  }
}
#my-content .mv {
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .mv img {
    aspect-ratio: 750/1240;
    width: 100%;
  }
}
#my-content .cta {
  background: linear-gradient(0deg, rgb(0, 179, 196) 0.1%, rgb(6, 120, 221) 100%);
  padding: 20px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .cta {
    padding: 8vw 3.3333333333vw;
  }
}
#my-content .cta__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex {
    gap: 0;
  }
}
#my-content .cta__flex-left {
  max-width: 368px;
  width: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex-left {
    max-width: 90%;
  }
}
#my-content .cta__flex-right {
  max-width: 420px;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex-right {
    max-width: 100%;
    border-radius: 1.3333333333vw;
    padding: 8vw 10.6666666667vw 6.6666666667vw;
  }
}
#my-content .cta__text {
  color: #fff;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.1em;
  margin-top: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__text {
    color: #0356a4;
    letter-spacing: normal;
  }
}
#my-content .cta__btn {
  width: 100%;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #fff;
  font-size: 1.25em;
  line-height: 1.25;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn {
    height: 14.4vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  #my-content .cta__btn:hover {
    opacity: 0.8;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .cta__btn:active {
    opacity: 0.8;
  }
}
#my-content .cta__btn.--document {
  background-color: #32a4dd;
}
#my-content .cta__btn.--mail {
  background-color: #ebb000;
}
#my-content .cta__btn.--tel {
  background-color: #e56e00;
}
#my-content .cta__btn img {
  margin-right: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn img {
    width: 1.2em;
    height: 1.5em;
    object-fit: contain;
    min-width: 2.6666666667vw;
  }
}
#my-content .cta__btn + * {
  margin-top: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn + * {
    margin-top: 2.6666666667vw;
  }
}
#my-content .reason {
  background-color: #e6f8fd;
}
@media only screen and (max-width: 834px) {
  #my-content .reason .sec-ttl {
    margin-bottom: -2.6666666667vw;
  }
}
#my-content .reason__ttl-wrap {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl-wrap {
    flex-direction: column;
  }
}
#my-content .reason__ttl-img {
  flex-grow: 1;
  display: block;
  width: 450px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl-img {
    width: 100%;
  }
}
#my-content .reason__ttl {
  min-height: 126px;
  flex-grow: 1;
  width: 550px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #32a4dd;
  padding: 12px 20px 12px 9%;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl {
    min-height: 28vw;
    width: 100%;
    gap: 2.6666666667vw;
    padding: 1.3333333333vw 5.3333333333vw;
  }
}
#my-content .reason__ttl-no {
  color: #32a4dd;
  font-family: "Zen Old Mincho", serif;
  font-size: 72px;
  font-weight: normal;
  line-height: 1;
  text-shadow: 1px 1px 0 #fafa37, -1px 1px 0 #fafa37, 1px -1px 0 #fafa37, -1px -1px 0 #fafa37;
}
@supports (-webkit-text-stroke: 1px #fafa37) {
  #my-content .reason__ttl-no {
    text-shadow: none; /* 二重描画防止 */
    -webkit-text-stroke: 1px #fafa37;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl-no {
    font-size: 16vw;
  }
}
#my-content .reason__ttl-text {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl-text {
    font-size: 5.3333333333vw;
  }
}
#my-content .reason__ttl-text .--fz-md {
  font-size: 1.25em;
}
#my-content .reason__ttl-text .--fz-lg {
  font-size: 1.5em;
}
#my-content .reason__ttl-text .--fz-sm {
  display: block;
  font-size: 0.625em;
  margin-top: 0.5em;
}
#my-content .reason__content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  padding: 30px 70px 50px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__content {
    padding: 6.6666666667vw 3.3333333333vw 6.6666666667vw;
    gap: 5.3333333333vw;
  }
}
#my-content .reason__content.--white {
  background-color: #fff;
}
#my-content .reason__content > * {
  flex-grow: 1;
  width: max(50% - 10px, 420px);
}
@media only screen and (max-width: 834px) {
  #my-content .reason__content > * {
    width: 100%;
  }
}
#my-content .reason__text {
  padding: 0 15px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__text {
    padding: 0 4vw;
  }
}
#my-content .reason__box {
  background-color: #fff;
  border: 2px solid #188dca;
  border-radius: 5px;
  padding: 25px 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__box {
    padding: 4.6666666667vw 3.3333333333vw;
  }
}
#my-content .reason__box-ttl {
  max-width: 17em;
  background-color: #32a4dd;
  border-radius: 99px;
  color: #fff;
  font-size: 0.9375em;
  font-weight: bold;
  line-height: 1.25;
  padding: 0.4em 1em;
  margin: 0 auto 1em;
  text-align: center;
}
#my-content .reason__box-img {
  display: block;
  margin: 0 auto 15px;
}
#my-content .reason__subttl {
  color: #32a4dd;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0.5em;
  text-align: center;
}
#my-content .issue .sec-ttl-wrap {
  position: relative;
  overflow: hidden;
}
#my-content .issue .sec-ttl-wrap .ttl-icon {
  position: absolute;
  bottom: 0;
  left: calc(50% + 60px);
}
@media only screen and (max-width: 834px) {
  #my-content .issue .sec-ttl-wrap .ttl-icon {
    width: 45.3333333333vw;
    left: calc(50% + 13.3333333333vw);
  }
}
#my-content .issue .sec-ttl-02 {
  margin-bottom: -10px;
}
@media only screen and (max-width: 834px) {
  #my-content .issue .sec-ttl-02 {
    margin-bottom: -2.6666666667vw;
  }
}
#my-content .issue__box {
  max-width: 800px;
  background-color: #dee7ff;
  border-radius: 10px;
  padding: 35px 50px;
  margin: 0 auto 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .issue__box {
    border-radius: 1.3333333333vw;
    padding: 8vw 3.3333333333vw;
    margin: 0 3.3333333333vw 5.3333333333vw;
  }
}
#my-content .issue__box strong {
  color: #415189;
  font-size: 1.125em;
}
#my-content .method .sec-ttl-wrap {
  background-color: #ffffe6;
  padding: 30px 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .method .sec-ttl-wrap {
    padding: 5.3333333333vw 5.3333333333vw 10.6666666667vw;
  }
}
#my-content .method .sec-ttl-wrap .check-list {
  max-width: 330px;
  font-size: 1.1875em;
  font-weight: bold;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .method .sec-ttl-wrap .check-list {
    max-width: 90%;
  }
}
#my-content .method .sec-ttl-wrap .check-list li {
  border-bottom: 1px solid #035797;
  padding-block: 0.4em;
  padding-left: 2.5em;
}
#my-content .method .sec-ttl-wrap .check-list li::before {
  left: 0.9em;
  top: 0.9em;
}
#my-content .method__ttl {
  min-height: 126px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #fafa37;
  padding: 12px 20px 12px 9%;
}
@media only screen and (max-width: 834px) {
  #my-content .method__ttl {
    min-height: 28vw;
    gap: 2.6666666667vw;
    padding: 2.6666666667vw 5.3333333333vw;
  }
}
#my-content .method__ttl-no {
  color: #fafa37;
  font-family: "Zen Old Mincho", serif;
  font-size: 72px;
  font-weight: normal;
  line-height: 1;
  text-shadow: 1px 1px 0 #035797, -1px 1px 0 #035797, 1px -1px 0 #035797, -1px -1px 0 #035797;
}
@supports (-webkit-text-stroke: 1px #035797) {
  #my-content .method__ttl-no {
    text-shadow: none; /* 二重描画防止 */
    -webkit-text-stroke: 1px #035797;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .method__ttl-no {
    font-size: 16vw;
  }
}
#my-content .method__ttl-text {
  color: #035797;
  font-size: 27px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 834px) {
  #my-content .method__ttl-text {
    font-size: 6vw;
  }
}
#my-content .method__content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  padding: 30px 70px 50px;
}
@media only screen and (max-width: 834px) {
  #my-content .method__content {
    padding: 5.3333333333vw 3.3333333333vw 10.6666666667vw;
    gap: 5.3333333333vw;
  }
}
#my-content .method__content.--yellow {
  background-color: #ffffe6;
}
#my-content .method__img {
  flex-grow: 1;
  width: max(50% - 10px, 420px);
}
@media only screen and (max-width: 834px) {
  #my-content .method__img {
    width: 100%;
  }
}
#my-content .method__box {
  flex-grow: 1;
  width: max(50% - 10px, 420px);
  background-color: #fff;
  border: 2px solid #da7543;
  border-radius: 5px;
  padding: 25px 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .method__box {
    order: 9;
    padding: 5.3333333333vw 3.3333333333vw;
  }
}
#my-content .method__box-ttl {
  color: #32a4dd;
  font-size: 1.1875em;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 auto 1em;
  text-align: center;
}
#my-content .method__box-img {
  display: block;
  margin: 0 auto 15px;
}
#my-content .method__text {
  width: 100%;
  padding: 0 15px;
}
@media only screen and (max-width: 834px) {
  #my-content .method__text {
    padding: 0 4vw;
  }
}
#my-content .howto__bg {
  background-color: #ffffe6;
  padding-bottom: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .howto__bg {
    padding: 0 3.3333333333vw 8vw;
  }
  #my-content .howto__bg .sec-ttl-02 {
    margin-inline: -3.3333333333vw;
  }
}
#my-content .howto__lead {
  max-width: 390px;
  margin: 0 auto 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .howto__lead {
    max-width: 86.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
}
#my-content .howto__lead-ttl {
  color: #0356a4;
  font-size: 1.3125em;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.05em;
  margin-bottom: 0.5em;
}
#my-content .howto__lead-list li {
  border-bottom: 1px solid #0356a4;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.25;
  padding: 0.6em 0 0.5em 1em;
  position: relative;
}
#my-content .howto__lead-list li::before {
  content: "・";
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .howto .sec-ttl-03 {
    padding: 0 8vw;
  }
}
#my-content .howto__text {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
@media only screen and (max-width: 834px) {
  #my-content .howto__text {
    margin-bottom: 5.3333333333vw;
    padding: 0 4vw;
  }
}
#my-content .howto__compare {
  max-width: 420px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #fff;
  border: 1px solid #da7543;
  border-radius: 6px;
  padding: 30px;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .howto__compare {
    max-width: 100%;
    gap: 2.6666666667vw;
    padding: 6.6666666667vw;
  }
}
#my-content .howto__compare-box {
  background-color: #fff;
  border: 5px solid transparent;
  padding: 15px 20px 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .howto__compare-box {
    padding: 3.3333333333vw 2.6666666667vw 2.6666666667vw;
  }
}
#my-content .howto__compare-box.--orange {
  border-color: #da7543;
}
#my-content .howto__compare-box.--grey {
  border-color: #d8d8d8;
}
#my-content .howto__compare-img {
  display: block;
  margin: 0 auto 5px;
}
#my-content .howto__compare-list li {
  font-size: 0.9375em;
  line-height: 1.25;
  padding: 0.3em 0 0.3em 1em;
  position: relative;
}
#my-content .howto__compare-list li::before {
  content: "・";
  position: absolute;
  left: 0;
}
#my-content .voice {
  background-color: #cdf0f8;
}
#my-content .voice .sec-ttl {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
#my-content .voice__subttl {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 20px;
  background-color: #fff;
  color: #32a4dd;
  font-size: 25px;
  font-weight: bold;
  margin-top: -60px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__subttl {
    gap: 5.3333333333vw;
    font-size: 5.4666666667vw;
    margin-top: -13.3333333333vw;
  }
}
#my-content .voice__subttl img {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__subttl img {
    width: 50.6666666667vw;
  }
}
#my-content .voice__item {
  background-color: #fff;
  padding: 45px 30px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__item {
    padding: 8vw 2.6666666667vw 0;
  }
}
#my-content .voice__item.--blue {
  background-color: #e6f8fd;
}
#my-content .voice__ttl {
  color: #035797;
  font-family: "Zen Old Mincho", serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.66;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__ttl {
    font-size: 5.3333333333vw;
  }
}
#my-content .voice__ttl small {
  font-size: 0.9em;
}
#my-content .voice__person {
  width: 126px;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__person {
    width: 28vw;
  }
}
#my-content .voice__meta {
  max-width: 420px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 auto 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__meta {
    max-width: 100%;
    gap: 2vw;
    margin-bottom: 5.3333333333vw;
  }
}
#my-content .voice__meta li {
  background-color: #32a4dd;
  border-radius: 5px;
  color: #fff;
  font-size: 1.0625em;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.05em;
  padding: 0.5em 7%;
}
#my-content .voice__text {
  max-width: 560px;
  padding: 0 0 1em;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__text {
    max-width: 100%;
    padding-inline: 4vw;
  }
}
#my-content .voice__detail {
  display: none;
  max-width: 560px;
  padding: 0 0 1em;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__detail {
    max-width: 100%;
    padding-inline: 4vw;
  }
}
#my-content .voice__detail p + p {
  margin-top: 1em;
}
#my-content .results {
  background-color: #e6f8fd;
}
#my-content .results .sec-ttl {
  margin-bottom: 0;
}
#my-content .results__ttl-img {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: -100px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .results__ttl-img {
    margin-top: -24vw;
    gap: 5.3333333333vw;
  }
  #my-content .results__ttl-img img {
    width: 41.6vw;
  }
}
#my-content .results__box {
  background-color: #fff;
  padding: 30px 50px;
  margin-top: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .results__box {
    padding: 8vw 0 5.3333333333vw 13.3333333333vw;
  }
}
#my-content .results__box.--first {
  margin-top: 0;
}
#my-content .results__ttl {
  max-width: 378px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #32a4dd;
  border-radius: 2em 0 0 2em;
  color: #fff;
  font-size: 1.375em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.35em 40px;
  margin: 0 auto 10px;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .results__ttl {
    max-width: 100%;
    font-size: 1.25em;
    padding-inline: 6.6666666667vw;
  }
}
#my-content .results__ttl span:last-child {
  white-space: nowrap;
  font-size: 0.9411em;
  font-weight: 500;
}
#my-content .results__ttl span:last-child strong {
  font-size: 1.25em;
  font-weight: bold;
  margin-right: 0.2em;
}
#my-content .results__ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translateY(-50%);
  width: 42px;
  height: 40px;
  background: url(../img/icon_goukaku.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .results__ttl::before {
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    left: -10.6666666667vw;
  }
}
#my-content .results__list {
  max-width: 378px;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .results__list {
    max-width: 100%;
  }
}
#my-content .results__list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.1875em;
  line-height: 1.4;
  padding: 0.2em 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .results__list li {
    font-size: 1.15em;
    padding-inline: 6.6666666667vw;
  }
}
#my-content .results__list li span:last-child {
  white-space: nowrap;
  font-size: 0.875em;
}
#my-content .results__list li span:last-child strong {
  font-size: 1.215em;
  font-weight: bold;
  margin-right: 0.2em;
}
#my-content .results__note {
  max-width: 378px;
  margin: 0 auto -25px;
  font-size: 0.875em;
  margin-top: 1em;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .results__note {
    max-width: 100%;
    padding-inline: 6.6666666667vw;
    margin-bottom: -4vw;
  }
}
#my-content .results__last {
  background-color: #32a4dd;
  padding: 30px 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .results__last {
    padding: 6.6666666667vw 3.3333333333vw;
  }
}
#my-content .results__last-inner {
  max-width: 800px;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 20px 30px;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .results__last-inner {
    border-radius: 1.3333333333vw;
    padding: 5.3333333333vw 3.3333333333vw 6.6666666667vw;
  }
}
#my-content .results__last-ttl {
  width: fit-content;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  border-bottom: 1px solid #32a4dd;
  color: #32a4dd;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin: 0 auto 1em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .results__last-ttl {
    gap: 0;
    font-size: 1.125em;
  }
  #my-content .results__last-ttl > img {
    width: 14.6666666667vw;
  }
  #my-content .results__last-ttl span > img {
    width: 25.4666666667vw;
  }
}
#my-content .results__last-text {
  display: flex;
  justify-content: center;
}
#my-content .consult .sec-ttl {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
#my-content .consult__subttl {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 20px;
  background-color: #fff;
  color: #32a4dd;
  font-size: 1.5625em;
  font-weight: bold;
  margin-top: -80px;
}
@media only screen and (max-width: 834px) {
  #my-content .consult__subttl {
    gap: 5.3333333333vw;
    font-size: 5.4666666667vw;
    margin-top: -18vw;
  }
}
#my-content .consult__subttl img {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 834px) {
  #my-content .consult__subttl img {
    width: 48vw;
  }
}
#my-content .consult__flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  background-color: #e6f8fd;
  padding: 30px 20px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .consult__flex {
    flex-direction: column;
    gap: 2.6666666667vw;
    padding: 6.6666666667vw 3.3333333333vw 0;
  }
}
#my-content .consult__img {
  max-width: 420px;
}
@media only screen and (max-width: 834px) {
  #my-content .consult__img {
    max-width: 100%;
  }
}
#my-content .consult__content {
  max-width: 370px;
}
@media only screen and (max-width: 834px) {
  #my-content .consult__content {
    max-width: 100%;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .consult__text {
    padding-inline: 4vw;
  }
}
#my-content .consult__note {
  font-size: 0.875em;
  margin-top: 0.5em;
  margin-bottom: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .consult__note {
    padding-inline: 4vw;
    margin-bottom: 8vw;
  }
}
#my-content .consult .balloon {
  max-width: 310px;
  min-height: 80px;
  color: #0356a4;
  font-family: "Zen Old Mincho", serif;
  font-weight: bold;
  font-size: 1.4em;
}
@media only screen and (max-width: 834px) {
  #my-content .consult .balloon {
    max-width: 69.0666666667vw;
    min-height: 14.6666666667vw;
  }
}
#my-content .consult__person {
  display: block;
  width: 84px;
  margin: 10px auto 0;
}
@media only screen and (max-width: 834px) {
  #my-content .consult__person {
    width: 18.6666666667vw;
    margin-top: 2.6666666667vw;
  }
}
#my-content .course {
  background-color: #e6f8fd;
  padding-bottom: 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .course {
    padding: 0 3.3333333333vw 10.6666666667vw;
  }
  #my-content .course .sec-ttl {
    margin-inline: -3.3333333333vw;
  }
}
#my-content .course__list {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .course__list {
    max-width: 100%;
    gap: 2vw;
  }
}
#my-content .course__item {
  background-color: #fff;
  border: 2px solid #035797;
  border-radius: 10px;
  padding: 25px 20px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .course__item {
    padding: 6.6666666667vw 3.3333333333vw 0;
  }
}
#my-content .course__ttl {
  color: #035797;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.25;
  padding-bottom: 0.5em;
  text-align: center;
}
#my-content .course__desc {
  margin: 0 auto 1em;
}
#my-content .course__sample {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#my-content .course__sample-ttl {
  max-width: 252px;
  width: 100%;
  background-color: #32a4dd;
  border-radius: 99px;
  color: #fff;
  font-size: 0.9375em;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 0.5em 1.5em;
  margin-bottom: 1em;
  text-align: center;
}
#my-content .course__sample-meta {
  font-size: 1.125em;
  line-height: 1.25;
  margin-bottom: 1em;
}
#my-content .course__sample-meta li:not(:last-child) {
  margin-bottom: 0.5em;
}
#my-content .course__sample-list {
  color: #035797;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.4;
}
#my-content .course__sample-list li {
  padding-left: 1em;
  position: relative;
}
#my-content .course__sample-list li::before {
  content: "・";
  position: absolute;
  left: 0;
}
#my-content .course__sample-list li:not(:last-child) {
  margin-bottom: 0.5em;
}
#my-content .course .acd-content {
  max-width: 560px;
  padding: 10px 0 30px;
  margin: 0 auto;
}
#my-content .course .acd-btn {
  color: #035797;
  border-color: #035797;
  padding-bottom: 10px;
}
#my-content .access {
  padding-bottom: 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .access {
    padding: 0 3.3333333333vw 10.6666666667vw;
  }
  #my-content .access .sec-ttl {
    margin-inline: -3.3333333333vw;
  }
}
#my-content .access__txt {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1em;
  text-align: center;
}
#my-content .access__flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .access__flex {
    flex-direction: column;
    gap: 4vw;
    margin-bottom: 4vw;
  }
}
#my-content .access__flex li {
  width: calc(50% - 10px);
}
@media only screen and (max-width: 834px) {
  #my-content .access__flex li {
    width: 100%;
  }
}
#my-content .access__box {
  height: 100%;
  border: 1px solid #808080;
  padding: 9px;
}
#my-content .access__box-content {
  padding: 1em;
}
#my-content .access__name {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .access__name {
    font-size: 1em;
  }
}
#my-content .access__address {
  font-size: 1em;
  line-height: 1.75;
}
@media only screen and (max-width: 834px) {
  #my-content .access__address {
    font-size: 0.875em;
  }
}
#my-content .access__photo {
  border: 1px solid #808080;
  padding: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo {
    padding: 2.6666666667vw;
  }
}
#my-content .access__photo-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-list {
    gap: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
#my-content .access__photo-list li {
  width: calc((100% - 60px) / 4);
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-list li {
    width: calc((100% - 2.6666666667vw) / 2);
  }
}
#my-content .access__photo-note {
  line-height: 1.4;
  margin-top: 0.5em;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-note {
    font-size: 0.875em;
    text-align: left;
  }
}
#my-content .access__photo-note .tag-wrap {
  display: inline-block;
  margin: -2px;
}
#my-content .access__photo-note .tag {
  display: inline-block;
  background-color: #5a4747;
  border-radius: 1em;
  color: #fff;
  line-height: 1;
  padding: 0.4em 2em;
  margin: 2px;
  white-space: nowrap;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-note .tag {
    padding: 0.4em 1em;
  }
}
#my-content .access__photo-note small {
  display: inline-block;
  font-size: 0.875em;
  margin-left: 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-note small {
    margin-left: 0;
    margin-top: 5px;
  }
}
#my-content .contact {
  background-color: #e6f8fd;
  padding-bottom: 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .contact .sec-ttl {
    font-size: clamp(20px, 5.8666666667vw, 44px);
  }
}/*# sourceMappingURL=lp_roninsei.css.map */