@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 {
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  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 {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.reset input[type=submit],
.reset input[type=button] {
  border: none;
  font-size: inherit;
  color: inherit;
  background-color: 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%;
  margin: 0;
  padding: 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 {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease-in-out;
}
@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 {
  margin-top: 0 !important;
  overflow-x: auto !important;
  border-top: none;
}

.article {
  margin: 0 !important;
}

@keyframes voiceMoreIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* SPヘッダーとMVを重ねる（#contentの上部余白を解除） */
@media only screen and (max-width: 834px) {
  #content {
    padding-top: 0;
  }
}

#my-content {
  overflow: hidden;
  width: 100%;
  margin-bottom: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 2;
  letter-spacing: 0.05em;
  color: #000000;
}
@media only screen and (max-width: 834px) {
  #my-content {
    font-size: clamp(12px, 3.2vw, 16px);
  }
}
#my-content .my-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .my-inner {
    padding: 0 3.3333333333vw;
  }
}
#my-content .my-inner.--md {
  max-width: 1060px;
}
#my-content .deco-ttl {
  --deco-line: #fff;
  --deco-bar: #1f42b2;
  --deco-ink: #fff;
  position: relative;
  max-width: 660px;
  margin: 0 auto 1.5em;
  padding: 0;
  font-size: 35px;
  font-weight: bold;
  line-height: 1.2;
  color: var(--deco-ink);
}
@media only screen and (max-width: 834px) {
  #my-content .deco-ttl {
    width: 94%;
    font-size: clamp(20px, 6.6666666667vw, 35px);
  }
}
#my-content .deco-ttl::before, #my-content .deco-ttl::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0.2em;
  background: var(--deco-bar);
  transform: rotate(25deg);
}
#my-content .deco-ttl::before {
  left: 0.2em;
}
#my-content .deco-ttl::after {
  right: 0.2em;
}
#my-content .deco-ttl__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5em 1em;
}
#my-content .deco-ttl__inner::before, #my-content .deco-ttl__inner::after {
  content: "";
  position: absolute;
  width: 90%;
  height: 1px;
  background: var(--deco-line);
}
#my-content .deco-ttl__inner::before {
  top: 0;
  right: 2%;
}
#my-content .deco-ttl__inner::after {
  bottom: 0;
  left: 2%;
}
#my-content .deco-ttl__sub {
  display: block;
  font-size: 0.57em;
}
#my-content .deco-ttl__main {
  display: block;
}
#my-content .deco-ttl.--yellow {
  --deco-line: #fff7a9;
  --deco-bar: #fff7a9;
}
#my-content .deco-ttl.--navy {
  --deco-line: #162849;
  --deco-bar: #162849;
  --deco-ink: #ff9900;
}
#my-content .deco-ttl.--white {
  --deco-line: #fff;
  --deco-bar: #fff;
  --deco-ink: #fff;
}
#my-content .tail-panel {
  --tail-panel-bg: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 30px 40px;
  margin-bottom: 50px;
  background: var(--tail-panel-bg);
}
@media only screen and (max-width: 834px) {
  #my-content .tail-panel {
    padding: 8vw 3.3333333333vw 6.6666666667vw;
    margin-bottom: 9.3333333333vw;
  }
}
#my-content .tail-panel::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 16%;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-width: 50px 0 0 36px;
  border-style: solid;
  border-color: var(--tail-panel-bg) transparent transparent transparent;
}
@media only screen and (max-width: 834px) {
  #my-content .tail-panel::after {
    left: 0;
    border-width: 9.3333333333vw 0 0 6.6666666667vw;
  }
}
#my-content .tail-panel.--navy {
  --tail-panel-bg: #012c7b;
}
#my-content .head-ttl {
  font-size: 34px;
  font-weight: bold;
  line-height: 1.3;
  color: #1f42b2;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .head-ttl {
    font-size: clamp(20px, 6.6666666667vw, 34px);
  }
}
#my-content .head-ttl.--white {
  color: #fff;
}
#my-content .ttl-logo {
  display: inline-block;
  width: 175px;
  margin-right: 0.4em;
}
@media only screen and (max-width: 834px) {
  #my-content .ttl-logo {
    width: min(175px, 33.3333333333vw);
  }
}
#my-content .check-list li {
  position: relative;
  padding-left: 1.7em;
  font-size: 1.125em;
  line-height: 1.8;
}
#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:not(:has(> span)) {
  padding-block: 0.35em;
  border-bottom: 1px solid #d8d8d8;
  line-height: 1.4;
}
#my-content .check-list li:not(:has(> span))::before {
  top: 0.6em;
}
#my-content .check-list li::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 1em;
  height: 1em;
  background: center center/contain no-repeat;
}
#my-content .check-list.--orange li::before {
  background-image: url(../img/icon_check_orange.svg);
}
#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;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 10px 0 40px;
  border: none;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #012c7b;
  background: transparent;
  cursor: pointer;
  -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;
}
#my-content .acd-btn__arrow img {
  display: none;
}
#my-content .acd-btn__arrow::before {
  content: "\f103";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 30px;
  font-weight: normal;
}
@media only screen and (max-width: 834px) {
  #my-content .acd-btn__arrow::before {
    font-size: 4.8vw;
  }
}
#my-content .acd-btn__label {
  display: block;
  font-size: 1.0625em;
}
#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 .fc-blue {
  color: #3c72c8 !important;
}
#my-content .fc-orange {
  color: #ff9900 !important;
}
#my-content .mv {
  text-align: center;
  background: linear-gradient(to right, #012c7b 50%, #fff 50%);
}
@media only screen and (max-width: 834px) {
  #my-content .mv {
    background: none;
  }
}
#my-content .course {
  padding-block: 40px 80px;
  background: #3c72c8 url(../img/course_bg_pc.jpg) no-repeat center bottom;
  background-size: 100% auto;
}
@media only screen and (max-width: 834px) {
  #my-content .course {
    padding-block: 10.6666666667vw 32vw;
    background-image: url(../img/course_bg_sp.jpg);
  }
}
#my-content .course__flex {
  display: grid;
  align-items: start;
  gap: 30px 60px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "tree make" "tree number";
}
@media only screen and (max-width: 834px) {
  #my-content .course__flex {
    gap: 6.6666666667vw;
    grid-template-columns: 1fr;
    grid-template-areas: "tree" "number" "make";
  }
}
#my-content .course__tree {
  display: flex;
  justify-content: flex-end;
  grid-area: tree;
  padding-block: 20px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .course__tree {
    justify-content: center;
    padding-block: 0 5.3333333333vw;
  }
}
#my-content .course__tree-inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 50px;
}
@media only screen and (max-width: 834px) {
  #my-content .course__tree-inner {
    gap: 9.3333333333vw;
  }
}
#my-content .course__tree-ttl {
  flex-shrink: 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
  white-space: nowrap;
  writing-mode: vertical-rl;
  color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .course__tree-ttl {
    font-size: clamp(18px, 5.3333333333vw, 28px);
  }
}
#my-content .course__tree-body {
  position: relative;
  display: grid;
  flex: 1;
  align-items: stretch;
  row-gap: 0;
  grid-template-columns: 50px 1fr;
}
@media only screen and (max-width: 834px) {
  #my-content .course__tree-body {
    grid-template-columns: 9.3333333333vw 1fr;
    width: 100%;
  }
}
#my-content .course__tree-body::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -44px;
  width: 46px;
  border-top: 1px solid #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .course__tree-body::before {
    left: -7.7333333333vw;
    width: 8vw;
  }
}
#my-content .course__tree-rung {
  position: relative;
}
#my-content .course__tree-rung::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  left: 2px;
  border-top: 1px solid #fff;
}
#my-content .course__tree-rung::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  border-left: 1px solid #fff;
}
#my-content .course__tree-rung:first-of-type::before {
  top: 50%;
}
#my-content .course__tree-rung:last-of-type::before {
  bottom: 50%;
}
#my-content .course__tree-rung:first-of-type:last-of-type::before {
  display: none;
}
#my-content .course__tree-box {
  width: 100%;
  max-width: 290px;
  margin-block: 0.3em;
  padding: 0.5em 1em;
  border-radius: 0.3em;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.25;
  color: #3c72c8;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width: 834px) {
  #my-content .course__tree-box {
    max-width: unset;
    font-size: clamp(14px, 4vw, 21px);
  }
}
#my-content .course__tree-girl {
  position: absolute;
  bottom: -50px;
  left: 34px;
  width: 65px;
  height: auto;
}
@media only screen and (max-width: 834px) {
  #my-content .course__tree-girl {
    bottom: -12vw;
    left: 6%;
    width: 12.2666666667vw;
  }
}
#my-content .course__make {
  grid-area: make;
  padding-inline: 60px;
  color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .course__make {
    padding-inline: 0;
  }
}
#my-content .course__make-ttl {
  margin-bottom: 16px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
#my-content .course__make-sub {
  display: block;
  font-size: 25px;
}
@media only screen and (max-width: 834px) {
  #my-content .course__make-sub {
    font-size: clamp(16px, 5.3333333333vw, 25px);
  }
}
#my-content .course__make-main {
  display: block;
  font-size: 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .course__make-main {
    font-size: clamp(20px, 6.6666666667vw, 30px);
  }
}
#my-content .course__make-main strong {
  font-size: 1.1666em;
  font-weight: inherit;
  color: #fff7a9;
}
#my-content .course__make-main small {
  font-size: 0.8333em;
  font-weight: inherit;
}
#my-content .course__make-text {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.9;
}
@media only screen and (max-width: 834px) {
  #my-content .course__make-text {
    padding-inline: 3.3333333333vw;
  }
}
#my-content .course__number {
  grid-area: number;
  padding-inline: 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .course__number {
    padding-inline: 0;
  }
}
#my-content .course__number-ttl {
  margin-bottom: 0;
  font-size: 24px;
  color: #fff7a9;
}
@media only screen and (max-width: 834px) {
  #my-content .course__number-ttl {
    font-size: clamp(16px, 4.6666666667vw, 24px);
  }
}
#my-content .course__number-vs {
  margin-top: 10px;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .course__number-vs {
    margin-top: 4vw;
  }
}
#my-content .course__number-vs img {
  width: 100%;
  max-width: 500px;
}
@media only screen and (max-width: 834px) {
  #my-content .course__number-vs img {
    width: 82.6666666667vw;
  }
}
#my-content .strength {
  padding: 0 0 20px;
  background-color: #012c7b;
}
@media only screen and (max-width: 834px) {
  #my-content .strength {
    padding: 0 0 2.6666666667vw;
  }
}
#my-content .strength__ttl {
  margin-bottom: 0.5em;
  font-size: 38px;
  font-weight: 900;
  line-height: 1.3;
  text-align: center;
  color: #162849;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__ttl {
    font-size: clamp(20px, 7.2vw, 38px);
  }
}
#my-content .strength__ttl strong {
  font-size: 1.06em;
  font-weight: inherit;
}
#my-content .strength__list li {
  font-size: 1.375em;
  font-weight: bold;
}
#my-content .strength__list li:not(:has(> span)) {
  border-color: #1f42b2;
}
#my-content .strength__produce {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: -30px;
  color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__produce {
    margin-top: -5.3333333333vw;
  }
}
#my-content .strength__produce-head {
  position: relative;
}
#my-content .strength__produce-lead {
  font-weight: bold;
  text-align: left;
}
#my-content .strength__produce-sub {
  display: block;
  font-size: 22px;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__produce-sub {
    font-size: clamp(14px, 4.2666666667vw, 22px);
  }
}
#my-content .strength__produce-sub small {
  font-size: 0.9375em;
}
#my-content .strength__produce-main {
  display: block;
  padding: 0 0 10px;
  font-size: 39px;
  font-weight: 900;
  line-height: 1.3;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__produce-main {
    font-size: clamp(20px, 7.4666666667vw, 39px);
  }
}
#my-content .strength__produce-main strong {
  font-size: 1.0769em;
  font-weight: inherit;
  color: #ff9900;
}
#my-content .strength__produce-main small {
  font-size: 0.7179em;
  font-weight: inherit;
}
#my-content .strength__produce-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 168px;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__produce-img {
    max-width: 168px;
    width: 32vw;
  }
}
#my-content .strength__produce-badge {
  padding: 20px 70px;
  text-align: center;
  background: #fff;
  transform: skewX(-25deg);
}
@media only screen and (max-width: 834px) {
  #my-content .strength__produce-badge {
    padding: 3.4666666667vw 9.3333333333vw;
  }
}
#my-content .strength__produce-badge img {
  display: block;
  width: 328px;
  transform: skewX(25deg);
}
@media only screen and (max-width: 834px) {
  #my-content .strength__produce-badge img {
    width: min(328px, 62.2666666667vw);
  }
}
#my-content .strength__produce-link {
  margin-top: 0.5em;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1;
  color: #ffbe00;
}
#my-content .strength__produce-link a {
  display: flex;
  justify-content: center;
  align-items: center;
}
#my-content .strength__produce-link a::after {
  content: "\f103";
  margin-left: 0.5em;
  font-family: "FontAwesome";
  font-size: 1.5em;
  font-weight: normal;
}
#my-content .cta {
  padding: 0 0 20px;
  background-color: #012c7b;
}
@media only screen and (max-width: 834px) {
  #my-content .cta {
    padding: 0 0 5.3333333333vw;
  }
}
#my-content .cta.--lead {
  padding-top: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta.--lead {
    padding-top: 6.6666666667vw;
  }
}
#my-content .cta__heading {
  position: relative;
  text-align: center;
}
#my-content .cta__heading::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 16%;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-width: 50px 0 0 36px;
  border-style: solid;
  border-color: #012c7b transparent transparent transparent;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__heading::after {
    left: 0;
    border-width: 9.3333333333vw 0 0 6.6666666667vw;
  }
}
#my-content .cta__heading-ttl {
  max-width: 460px;
  margin-bottom: 0;
}
#my-content .cta__heading-staff {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 202px;
  height: auto;
  margin-top: -30px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__heading-staff {
    width: 38.4vw;
    margin-top: -5.3333333333vw;
  }
}
#my-content .cta__panel {
  padding: 20px 70px 20px;
  border-radius: 10px;
  background: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__panel {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }
}
#my-content .cta__lead {
  margin-bottom: 0.5em;
  font-size: 1.3125em;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  color: #012c7b;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__lead {
    margin-bottom: 0;
  }
}
#my-content .cta__btns {
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btns {
    flex-direction: column;
    align-items: center;
    gap: 3.2vw;
    padding: 6.6666666667vw 3.3333333333vw;
    background-color: #fff;
  }
}
#my-content .cta__btn {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 3.45em;
  border-radius: 8px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn {
    width: 80%;
    font-size: clamp(16px, 4.1333333333vw, 22px);
  }
}
#my-content .cta__btn.--document {
  background-color: #1f42b2;
}
#my-content .cta__btn.--mail {
  background-color: #ffbe00;
}
#my-content .cta__btn.--tel {
  background-color: #de5621;
}
#my-content .cta__btn img {
  flex-shrink: 0;
}
#my-content .cta__soudan {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin-top: 22px;
  color: #012c7b;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__soudan {
    gap: 5.3333333333vw;
    margin-top: 4vw;
    color: #fff;
  }
}
#my-content .cta__soudan-img {
  flex-shrink: 0;
  width: 216px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__soudan-img {
    width: 41.0666666667vw;
  }
}
#my-content .cta__soudan-main {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__soudan-main {
    align-items: center;
  }
}
#my-content .cta__soudan-ttl {
  font-size: 35px;
  font-weight: 900;
  line-height: 1.2;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__soudan-ttl {
    font-size: clamp(20px, 6.6666666667vw, 35px);
  }
}
#my-content .cta__soudan-badge {
  display: inline-block;
  margin: 4px 0;
  background: #ffbe00;
  transform: skewX(-25deg);
}
#my-content .cta__soudan-badge span {
  display: block;
  padding: 0.1em 1.4em;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.4;
  color: #012c7b;
  transform: skewX(25deg);
}
@media only screen and (max-width: 834px) {
  #my-content .cta__soudan-badge span {
    font-size: clamp(14px, 4vw, 21px);
  }
}
#my-content .cta__soudan-note {
  font-size: 18px;
  line-height: 1.4;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__soudan-note {
    font-size: clamp(10px, 3.4666666667vw, 18px);
  }
}
#my-content .cta__soudan-arrow::after {
  content: "\f101";
  font-family: "FontAwesome";
  font-size: 50px;
  color: #ffbe00;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__soudan-arrow::after {
    display: none;
  }
}
#my-content .solution {
  padding-block: 56px 70px;
  background-color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .solution {
    padding-block: 8vw 0;
  }
}
#my-content .solution__ttl {
  margin-bottom: 0.8em;
  color: #162849;
  font-size: 38px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__ttl {
    font-size: clamp(20px, 7.2vw, 38px);
  }
}
#my-content .solution__ttl-qty {
  font-size: 1.0526em;
}
#my-content .solution__ttl-lt {
  margin: 0 0.15em;
}
#my-content .solution__ttl-em {
  font-size: 1.368em;
  color: #ff9900;
}
#my-content .solution__lead {
  display: flex;
  justify-content: center;
  margin-bottom: 2em;
  font-size: 1.125em;
  line-height: 1.9;
}
#my-content .solution__index {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 600px;
  margin: 0 auto 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__index {
    gap: 1.8666666667vw;
    margin-bottom: 8vw;
  }
}
#my-content .solution__index li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 2.66em;
  padding: 0.2em 1em;
  border-radius: 8px;
  font-size: 1.3125em;
  font-weight: bold;
  color: #fff;
  background-color: #3c72c8;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__index li a {
    gap: 1.3333333333vw;
    border-radius: 4px;
  }
}
@media (hover: hover) and (pointer: fine) {
  #my-content .solution__index li a:hover {
    opacity: 0.88;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .solution__index li a:active {
    opacity: 0.88;
  }
}
#my-content .solution__index li a::after {
  content: "\f103";
  font-family: "FontAwesome";
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1;
}
#my-content .solution__item {
  max-width: 830px;
  margin: 0 auto 80px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__item {
    margin-bottom: 9.3333333333vw;
  }
}
#my-content .solution__item-ttl {
  font-size: 26px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__item-ttl {
    font-size: clamp(16px, 4.8vw, 26px);
  }
}
#my-content .solution__item-ttl > * {
  padding-block: 0.8em;
}
#my-content .solution__item.--reverse .solution__cols {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__item.--reverse .solution__cols {
    flex-direction: column;
  }
}
#my-content .solution__cols {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__cols {
    flex-direction: column;
    gap: 5.3333333333vw;
  }
}
#my-content .solution__col-text {
  flex: 1;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.9;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__col-text {
    padding-inline: 3.3333333333vw;
  }
}
#my-content .solution__col-text p + p {
  margin-top: 1em;
}
#my-content .solution__col-text strong {
  font-size: 1.1em;
}
#my-content .solution__dots {
  margin: 0.6em 0;
}
#my-content .solution__dots li {
  position: relative;
  padding-left: 1em;
  font-weight: bold;
  color: #3c72c8;
}
#my-content .solution__dots li::before {
  content: "・";
  position: absolute;
  left: 0;
}
#my-content .solution__summary {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 30px;
  border-radius: 8px;
  background: #fff7a9;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__summary {
    margin-inline: -3.3333333333vw;
    padding: 9.3333333333vw 3.3333333333vw;
    border-radius: 0;
  }
}
#my-content .solution__summary::before {
  content: "\f103";
  position: absolute;
  top: -0.5em;
  left: 50%;
  font-family: "FontAwesome";
  font-size: 100px;
  line-height: 1;
  color: #ff9900;
  transform: translateX(-50%);
}
@media only screen and (max-width: 834px) {
  #my-content .solution__summary::before {
    font-size: clamp(50px, 21.3333333333vw, 100px);
  }
}
#my-content .point-box {
  position: relative;
  flex: 0 0 490px;
  align-self: stretch;
  min-height: 0;
  border: 5px solid #012c7b;
  border-radius: 10px;
  background: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .point-box {
    flex: none;
    border-width: 3px;
    border-radius: 4px;
  }
}
#my-content .point-box__label {
  position: relative;
  display: block;
  margin: -5px -5px 0;
  padding: 8px 20px 8px 60px;
  border-radius: 10px 10px 0 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.15em;
  color: #fff;
  background: #012c7b;
}
@media only screen and (max-width: 834px) {
  #my-content .point-box__label {
    margin: -3px -3px 0;
    padding: 1.3333333333vw 3.2vw 1.3333333333vw 13.3333333333vw;
    font-size: 2.6666666667vw;
    border-radius: 4px;
  }
}
#my-content .point-box__label::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 5px;
  width: 52px;
  height: 40px;
  background: url(../img/icon_point_blue.svg) center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .point-box__label::before {
    top: -1.3333333333vw;
    left: 1.3333333333vw;
    width: 8.8vw;
    height: 7.3333333333vw;
  }
}
#my-content .point-box__text {
  max-width: 70%;
  margin: 1em auto;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: normal;
}
#my-content .point-box__text strong {
  font-size: 1.1em;
}
#my-content .point-box__img {
  max-width: 460px;
  margin: 0 auto;
  padding: 0 20px 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .point-box__img {
    max-width: unset;
    padding: 0 5.3333333333vw 4vw;
  }
}
#my-content .reason {
  padding-top: 0;
  background-color: #fff;
}
#my-content .reason__head {
  padding-block: 0 40px;
  background: linear-gradient(180deg, #ffbe00 0%, #ff9900 100%);
}
@media only screen and (max-width: 834px) {
  #my-content .reason__head {
    padding-block: 0 6.6666666667vw;
  }
}
#my-content .reason__ttl-sub {
  font-size: 38px;
  font-weight: bold;
  line-height: 1.2;
  color: #162849;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl-sub {
    font-size: clamp(20px, 7.2vw, 38px);
  }
}
#my-content .reason__ttl-main {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0.2em;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.2;
  color: #162849;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl-main {
    font-size: clamp(28px, 8.5333333333vw, 40px);
  }
}
#my-content .reason__ttl-num {
  display: inline-block;
  margin-top: -0.2em;
  font-size: 98px;
  line-height: 1;
  color: #de5621;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl-num {
    font-size: clamp(60px, 18.6666666667vw, 98px);
  }
}
#my-content .reason__index {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 600px;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__index {
    gap: 1.8666666667vw;
  }
}
#my-content .reason__index li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 2.65em;
  padding: 0.2em 1em;
  border-radius: 8px;
  border: 2px solid #fff;
  font-size: 1.3125em;
  font-weight: bold;
  color: #162849;
  background-color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__index li a {
    gap: 1.3333333333vw;
    border-radius: 4px;
    border-width: 1px;
  }
}
@media (hover: hover) and (pointer: fine) {
  #my-content .reason__index li a:hover {
    opacity: 0.88;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .reason__index li a:active {
    opacity: 0.88;
  }
}
#my-content .reason__index li a::after {
  content: "\f103";
  font-family: "FontAwesome";
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1;
}
#my-content .reason__index li:nth-child(even) a {
  background-color: transparent;
}
#my-content .reason__items {
  padding-block: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__items {
    padding-block: 0;
  }
}
#my-content .reason__item {
  margin-bottom: 40px;
  padding: 30px;
  background: #e5ecf6;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__item {
    margin-bottom: 0;
    padding: 0 0 6.6666666667vw;
    background-color: #e5ecf6;
  }
}
#my-content .reason__item:last-child {
  margin-bottom: 0;
}
#my-content .reason__item:nth-child(even) .reason__deco {
  --deco-ink: #3c72c8;
}
#my-content .reason__cols {
  display: flex;
  align-items: flex-start;
  gap: 60px;
  max-width: 1040px;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__cols {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
#my-content .reason__left, #my-content .reason__right {
  flex: 1 1 calc((100% - 60px) / 2);
}
@media only screen and (max-width: 834px) {
  #my-content .reason__left, #my-content .reason__right {
    display: contents;
  }
}
#my-content .reason__deco-wrap {
  width: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__deco-wrap {
    background-color: #fff;
    padding-block: 6.6666666667vw 4vw;
  }
}
#my-content .reason__deco {
  max-width: 490px;
  margin-left: 0;
  margin-bottom: 1em;
  font-weight: 900;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__deco {
    order: 1;
    max-width: unset;
    margin: 0 auto;
  }
}
#my-content .reason__deco .deco-ttl__inner {
  flex-direction: row;
  gap: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__deco .deco-ttl__inner {
    gap: 1.3333333333vw;
  }
}
#my-content .reason__deco .deco-ttl__sub {
  padding: 0;
  text-align: left;
}
#my-content .reason__deco .reason__no {
  margin-right: 0.15em;
  font-weight: 900;
}
#my-content .reason__text {
  max-width: 427px;
  margin: 0 auto;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.9;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__text {
    order: 3;
    max-width: unset;
    margin-inline: 3.3333333333vw;
    margin-bottom: 1em;
  }
}
#my-content .reason__text strong {
  font-size: 1.1em;
}
#my-content .reason__photo {
  margin-bottom: 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__photo {
    order: 2;
    margin-bottom: 4vw;
  }
}
#my-content .reason__diagram {
  max-width: 360px;
  margin: 0 auto 18px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__diagram {
    order: 3;
    width: 66.6666666667vw;
  }
}
#my-content .reason__box {
  max-width: 462px;
  margin: 0 auto;
  border: 5px solid;
  border-radius: 10px;
  background: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__box {
    order: 5;
    max-width: unset;
    width: calc(100% - 6.6666666667vw);
    border-width: 3px;
    border-radius: 4px;
  }
}
#my-content .reason__box.--orange {
  border-color: #ff9900;
}
#my-content .reason__box.--orange .reason__box-ttl {
  background: #ff9900;
  color: #162849;
}
#my-content .reason__box.--orange .reason__box-ttl::before {
  background-image: url(../img/icon_point_orange.svg);
}
#my-content .reason__box.--navy {
  border-color: #162849;
}
#my-content .reason__box.--navy .reason__box-ttl {
  background: #162849;
}
#my-content .reason__box.--navy .reason__box-ttl::before {
  background-image: url(../img/icon_point_blue.svg);
}
#my-content .reason__box-ttl {
  position: relative;
  margin: -5px -5px 0;
  padding: 6px 20px;
  border-radius: 10px 10px 0 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__box-ttl {
    margin: -3px -3px 0;
    padding: 1.3333333333vw 9.3333333333vw;
    font-size: clamp(12px, 3.3333333333vw, 18px);
    border-radius: 4px;
  }
}
#my-content .reason__box-ttl::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 5px;
  width: 52px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__box-ttl::before {
    top: -1.3333333333vw;
    left: 1.3333333333vw;
    width: 8.8vw;
    height: 7.3333333333vw;
  }
}
#my-content .reason__box-img {
  display: block;
  max-width: 397px;
  margin: 16px auto 0;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__box-img {
    max-width: 90%;
  }
}
#my-content .reason__box-list {
  padding: 16px 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__box-list {
    padding: 2.6666666667vw 3.3333333333vw 2.6666666667vw;
  }
}
#my-content .reason__box-list li {
  font-weight: bold;
}
#my-content .reason__box-list li:not(:has(> span)) {
  border-color: #c3d4ef;
}
#my-content .reason__item:last-child .reason__left,
#my-content .reason__item:last-child .reason__right {
  width: 100%;
  display: block;
}
#my-content .reason__item:last-child .reason__left > *,
#my-content .reason__item:last-child .reason__right > * {
  order: unset;
}
#my-content .reason__sub-ttl {
  margin-bottom: 0.5em;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  color: #de5621;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__sub-ttl {
    margin-top: 1.5em;
    font-size: clamp(14px, 4.5333333333vw, 24px);
  }
}
#my-content .voice {
  padding-block: 0 60px;
  background-color: #3c72c8;
}
@media only screen and (max-width: 834px) {
  #my-content .voice {
    padding: 8vw 0 9.3333333333vw;
  }
}
#my-content .voice__lead {
  position: relative;
  margin-bottom: 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__lead {
    margin-bottom: 7.4666666667vw;
  }
}
#my-content .voice__lead-main {
  position: relative;
  z-index: 1;
  font-size: 38px;
  font-weight: bold;
  line-height: 1.35;
  color: #012c7b;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__lead-main {
    font-size: clamp(20px, 6.1333333333vw, 38px);
  }
}
#my-content .voice__lead-em {
  font-size: 1.157em;
}
#my-content .voice__lead-sub {
  position: relative;
  z-index: 1;
  margin-top: 6px;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.4;
  color: #3c72c8;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__lead-sub {
    font-size: clamp(15px, 4vw, 23px);
  }
}
#my-content .voice__lead-photo {
  position: absolute;
  left: 50%;
  bottom: -30px;
  transform: translateX(-50%);
  max-width: 525px;
  height: auto;
}
#my-content .voice__item {
  margin-bottom: 40px;
}
#my-content .voice__item:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__item {
    margin-bottom: 6.6666666667vw;
  }
}
#my-content .voice__card {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 60px;
  padding: 40px 30px;
  border-radius: 16px;
  background: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__card {
    flex-direction: column;
    align-items: stretch;
    gap: 4vw;
    padding: 5.3333333333vw 4.6666666667vw;
  }
}
#my-content .voice__left, #my-content .voice__right {
  flex: 0 1 462px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__left, #my-content .voice__right {
    flex: none;
    display: contents;
  }
}
#my-content .voice__ttl {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 0.5em;
  padding: 1em 1em;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.8;
  color: #3c72c8;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__ttl {
    order: 1;
    margin-bottom: 0;
    font-size: clamp(18px, 5.0666666667vw, 26px);
  }
}
#my-content .voice__ttl::before, #my-content .voice__ttl::after {
  content: "";
  position: absolute;
  width: 1.8em;
  height: 1.8em;
  background: center/contain no-repeat;
}
#my-content .voice__ttl::before {
  top: 0;
  left: 0;
  background-image: url(../img/kakko_left.svg);
}
#my-content .voice__ttl::after {
  right: 0;
  bottom: 0;
  background-image: url(../img/kakko_right.svg);
}
#my-content .voice__text {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.9;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__text {
    order: 3;
  }
}
#my-content .voice__more {
  display: none;
}
#my-content .voice__body.is-open .voice__ellipsis {
  display: none;
}
#my-content .voice__body.is-open .voice__more {
  display: inline;
  animation: voiceMoreIn 0.4s ease;
}
#my-content .voice__profile {
  display: flex;
  align-items: flex-end;
  gap: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__profile {
    order: 2;
    gap: 5.3333333333vw;
  }
}
#my-content .voice__person {
  flex-shrink: 0;
  width: 102px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__person {
    width: 20vw;
  }
}
#my-content .voice__meta {
  flex: 1;
}
#my-content .voice__meta li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
#my-content .voice__meta li + li {
  margin-top: 10px;
}
#my-content .voice__meta-label {
  width: 6em;
  margin-bottom: 4px;
  border-radius: 6px;
  color: #fff;
  background: #ff9900;
  text-align: center;
}
#my-content .voice .acd-btn {
  max-width: 100%;
  margin-top: 14px;
  padding: 0;
  color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .voice .acd-btn {
    margin-top: 2.6666666667vw;
  }
}
#my-content .results {
  background-color: #f8fafb;
}
#my-content .results__head-ttl {
  position: relative;
  display: inline-block;
  padding: 0.2em 2em;
}
#my-content .results__head-ttl::before, #my-content .results__head-ttl::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1.2em;
  height: 100%;
  background: center/contain no-repeat;
}
#my-content .results__head-ttl::before {
  left: 0;
  background-image: url(../img/leaf_left.svg);
}
#my-content .results__head-ttl::after {
  right: 0;
  background-image: url(../img/leaf_right.svg);
}
#my-content .results__box-wrap {
  background-color: #fff7a9;
}
#my-content .results__box {
  margin-top: 20px;
  padding: 30px 50px;
  background-color: #f8fafb;
}
@media only screen and (max-width: 834px) {
  #my-content .results__box {
    padding: 4vw 0 5.3333333333vw 13.3333333333vw;
  }
}
#my-content .results__box.--first {
  margin-top: 0;
}
#my-content .results__ttl {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 440px;
  margin: 0 auto 0.4em;
  padding: 0.35em 1.6em;
  border-radius: 2em 0 0 2em;
  font-size: 1.5625em;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  background-color: #012c7b;
}
@media only screen and (max-width: 834px) {
  #my-content .results__ttl {
    max-width: 100%;
  }
}
#my-content .results__ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -55px;
  width: 49px;
  height: 47px;
  background: url(../img/icon_goukaku.svg) center center/contain no-repeat;
  transform: translateY(-50%);
}
@media only screen and (max-width: 834px) {
  #my-content .results__ttl::before {
    left: -10.6666666667vw;
    width: 9.3333333333vw;
    height: 8.8vw;
  }
}
#my-content .results__list {
  max-width: 440px;
  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;
  padding: 0.2em 40px;
  font-size: 1.375em;
  line-height: 1.4;
}
@media only screen and (max-width: 834px) {
  #my-content .results__list li {
    padding-inline: 6.6666666667vw;
  }
}
#my-content .results__note {
  max-width: 378px;
  margin: 0 auto -25px;
  margin-top: 1em;
  font-size: 1em;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .results__note {
    max-width: 100%;
    margin-bottom: -4vw;
    padding-inline: 6.6666666667vw;
  }
}
#my-content .results__last {
  padding: 30px 20px;
  background-color: #012c7b;
}
@media only screen and (max-width: 834px) {
  #my-content .results__last {
    padding: 4vw 3.3333333333vw;
  }
}
#my-content .results__last-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 20px 30px;
  border-radius: 10px;
  background-color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .results__last-inner {
    padding: 5.3333333333vw 3.3333333333vw 6.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
#my-content .results__last-ttl {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  width: fit-content;
  margin: 0 auto 0.5em;
  border-bottom: 1px solid #012c7b;
  font-size: 1.375em;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  color: #012c7b;
}
@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: 77px;
}
@media only screen and (max-width: 834px) {
  #my-content .results__last-ttl > img {
    width: 14.6666666667vw;
  }
}
#my-content .results__last-ttl span > img {
  width: 134px;
}
@media only screen and (max-width: 834px) {
  #my-content .results__last-ttl span > img {
    width: 25.4666666667vw;
  }
}
#my-content .results__last-text {
  display: flex;
  justify-content: center;
  font-size: 1.125em;
}
#my-content .access {
  padding: 0 0 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .access {
    padding: 0 0 12vw;
  }
}
#my-content .access__txt {
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 1.6;
  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%;
  padding: 9px;
  border: 1px solid #808080;
}
#my-content .access__box-content {
  padding: 1em;
}
#my-content .access__name {
  margin-bottom: 0.5em;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.4;
}
@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 {
  padding: 20px;
  border: 1px solid #808080;
}
@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 {
  margin-top: 0.5em;
  line-height: 1.4;
  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;
  margin: 2px;
  padding: 0.4em 2em;
  border-radius: 1em;
  line-height: 1;
  white-space: nowrap;
  color: #fff;
  background-color: #5a4747;
}
@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;
  margin-left: 1em;
  font-size: 0.875em;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-note small {
    margin-top: 5px;
    margin-left: 0;
  }
}
#my-content .contact {
  padding: 60px 0 40px;
  background-color: #e1f0fd;
}
@media only screen and (max-width: 834px) {
  #my-content .contact {
    padding: 10.6666666667vw 0 12vw;
  }
}
#my-content .lp-pc-header__logo {
  position: relative;
  display: flex;
  flex-shrink: 1;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
#my-content .lp-pc-header__logo::after {
  content: "天王寺校";
  padding: 0.1em 0.7em;
  border: 1px solid;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
  color: #012c7b;
  background-color: #fff;
}
#my-content .lp-pc-header__menu {
  flex-wrap: nowrap;
  gap: 20px;
}
#my-content .lp-pc-header__menu a[data-label=資料請求] {
  gap: 10px;
  border-radius: 99px;
  color: #fff;
  background-color: #1f42b2;
}
#my-content .lp-pc-header__menu a[data-label=資料請求]::before {
  content: "";
  flex-shrink: 0;
  width: 15px;
  height: 30px;
  background: url(../img/icon_document_white.svg) center center/contain no-repeat;
}
#my-content .lp-pc-header__menu a[data-label=お問い合わせ] {
  min-width: 50px;
  border-radius: 99px;
  border-radius: 50%;
  font-size: 0;
  color: #fff;
  background-color: #ebb000;
}
#my-content .lp-pc-header__menu a[data-label=お問い合わせ]::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/icon_mail_white.svg) center center/contain no-repeat;
}
#my-content .lp-pc-header__tel {
  position: relative;
  font-size: 0;
}
#my-content .lp-pc-header__tel::before {
  content: "";
  top: 50%;
  left: -50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin: 0;
  border-radius: 50%;
  background-color: #de5621;
  background-image: url(../img/icon_tel.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px auto;
}
#my-content .lp-sp-header__menu ul li a[href^="tel:"]::after {
  color: #e8506e;
}
#my-content .lp-sp-header__menu ul li a[data-label=資料請求]::after {
  color: #3c72c8;
}
#my-content .lp-sp-header__menu ul li a[data-label=お問い合わせ]::after {
  color: #ebb000;
}
#my-content .lp-sp-header {
  padding-right: 115px;
  background-color: #012c7b;
}
#my-content .lp-sp-header__logo {
  gap: 8px;
}
#my-content .lp-sp-header__logo img {
  content: url(../img/footer_logo.svg);
  width: calc(100% - 80px);
}
#my-content .lp-sp-header__logo::after {
  content: "天王寺校";
  flex-shrink: 0;
  padding: 0.4em 0.6em;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: #012c7b;
  background-color: #fff;
}
#my-content .lp-sp-header__menu-button {
  background-color: #fff;
}
#my-content .lp-sp-header__menu-button::after {
  content: "\f0dd";
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 14px;
  font-family: "FontAwesome";
  font-size: 24px;
  line-height: 1;
  color: #fff;
  background-color: #012c7b;
}
#my-content .lp-sp-header__menu-button span {
  border-color: #012c7b;
  border-radius: 2px;
}
#my-content .lp-sp-header__menu-button span:nth-child(1) {
  top: 9px;
}
#my-content .lp-sp-header__menu-button span:nth-child(2) {
  top: 19px;
}
#my-content .lp-sp-header__menu-button span:nth-child(3) {
  top: 29px;
  bottom: none;
}
#my-content .lp-sp-header__menu-button::before {
  content: "";
  top: 50%;
  left: -50px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #de5621;
  background-image: url(../img/icon_tel.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px auto;
}
#my-content .lp-sp-header__menu-checkbox:checked ~ .lp-sp-header__menu-button span:nth-child(1) {
  top: 19px;
  transform: rotate(45deg);
}
#my-content .lp-sp-header__menu-checkbox:checked ~ .lp-sp-header__menu-button span:nth-child(2) {
  top: 19px;
  transform: rotate(-45deg);
}
#my-content .my-footer {
  padding: 40px 0 20px;
  color: #fff;
  background-color: #012c7b;
}
#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;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__logo {
    max-width: 300px;
    margin-bottom: 30px;
  }
  #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;
  padding: 0.2em 0.7em;
  font-size: 19px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  color: #162849;
  background: #fff;
}
@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 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__tel {
    justify-content: center;
    margin-bottom: 4vw;
  }
}
#my-content .my-footer__tel small {
  font-size: 15px;
  font-weight: bold;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__tel small {
    font-size: clamp(13px, 3.4666666667vw, 16px);
  }
}
#my-content .my-footer__tel-icon {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #de5621;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__tel-icon {
    width: 42px;
    height: 42px;
  }
}
@media (hover: hover) and (pointer: fine) {
  #my-content .my-footer__tel-icon:hover {
    opacity: 0.85;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .my-footer__tel-icon:active {
    opacity: 0.85;
  }
}
#my-content .my-footer__tel-icon img {
  width: 18px;
  height: auto;
}
#my-content .my-footer__menu li {
  position: relative;
  padding-left: 2em;
  font-size: 16px;
  line-height: 1.4;
}
@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;
  width: 1.2em;
  height: 1em;
  background: url(../img/arrow_right_double.svg) center center/contain no-repeat;
  transform: translateY(-50%);
}
#my-content .my-footer .copyright {
  margin-top: 80px;
  padding: 0 20px;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer .copyright {
    margin-top: 10.6666666667vw;
  }
}