@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;
}

@keyframes voiceMoreIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#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: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}
@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 .my-inner.--sm {
  max-width: 780px;
}
#my-content .sec-ttl {
  font-size: 34px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.08em;
  padding-bottom: 0.4em;
  margin-bottom: 0.1em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl {
    font-size: 6.6666666667vw;
  }
}
#my-content .sec-ttl__inner {
  display: inline-block;
  padding-bottom: 40px;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl__inner {
    padding-bottom: 9.3333333333vw;
  }
}
#my-content .sec-ttl__inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 29px;
  background: url(../img/sec_ttl_arrow.svg) center top/contain no-repeat;
  border-top: 1px solid #1f42b2;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl__inner::after {
    height: 5.8666666667vw;
  }
}
#my-content .sec-ttl__sub {
  display: block;
  color: #1f42b2;
  font-size: 19px;
  margin-bottom: 0.25em;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl__sub {
    font-size: max(14px, 3.4666666667vw);
  }
}
#my-content .sec-ttl__main {
  padding: 0 1.5em;
  position: relative;
}
#my-content .sec-ttl__main::before, #my-content .sec-ttl__main::after {
  position: absolute;
  top: 0;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1;
  color: #1f42b2;
}
#my-content .sec-ttl__main::before {
  content: "“";
  left: 0;
}
#my-content .sec-ttl__main::after {
  content: "”";
  right: 0;
}
#my-content .sec-ttl-02 {
  --band: linear-gradient(90deg, #3878c8 0%, #1848b8 100%);
  --panel: #1f42b2;
  --ink: #fff;
  --line: #fff;
  --quote: #fafa37;
  --arrow: url(../img/sec_ttl_arrow_white.svg);
  background: var(--band);
  color: var(--ink);
  font-size: 34px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.08em;
  padding: 30px 20px;
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl-02 {
    padding: 10.6666666667vw 3.3333333333vw;
    margin-bottom: 6.6666666667vw;
  }
}
#my-content .sec-ttl-02__inner {
  display: inline-block;
  padding-block: 30px 40px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl-02__inner {
    padding-block: 3.7333333333vw 9.3333333333vw;
    font-size: 6.4vw;
  }
}
#my-content .sec-ttl-02__inner::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 525px;
  height: 100%;
  background-color: var(--panel);
  transform: translate(-50%, -50%) skewY(-5deg);
  z-index: -1;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl-02__inner::before {
    width: 88vw;
  }
}
#my-content .sec-ttl-02__inner::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 29px;
  background: var(--arrow) center bottom/contain no-repeat;
  border-top: 1px solid var(--line);
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl-02__inner::after {
    height: 5.8666666667vw;
  }
}
#my-content .sec-ttl-02__sub {
  display: block;
  font-size: 19px;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl-02__sub {
    font-size: 3.8666666667vw;
  }
}
#my-content .sec-ttl-02__sub strong {
  font-size: 1.105em;
  font-weight: bold;
}
#my-content .sec-ttl-02__sub img {
  display: inline-block;
  width: 130px;
  height: auto;
  vertical-align: -0.45em;
  margin-right: 0.3em;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl-02__sub img {
    width: 26.6666666667vw;
  }
}
#my-content .sec-ttl-02__main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.15em;
  position: relative;
  padding: 0 1.2em;
  font-size: 40px;
  line-height: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl-02__main {
    font-size: 7.7333333333vw;
  }
}
#my-content .sec-ttl-02__main::before, #my-content .sec-ttl-02__main::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: var(--quote);
}
#my-content .sec-ttl-02__main::before {
  content: "“";
  left: 0;
}
#my-content .sec-ttl-02__main::after {
  content: "”";
  right: 0;
}
#my-content .sec-ttl-02__line1 {
  display: block;
  font-size: 30px;
  line-height: 1.1;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl-02__line1 {
    font-size: 6.1333333333vw;
  }
}
#my-content .sec-ttl-02__line1 .--sm {
  font-size: 0.9em;
}
#my-content .sec-ttl-02__line2 {
  display: block;
  font-size: 38px;
  line-height: 1.1;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl-02__line2 {
    font-size: 7.7333333333vw;
  }
}
#my-content .sec-ttl-02__line2 .--sm {
  font-size: 0.947em;
}
#my-content .sec-ttl-02__num {
  color: #fafa37;
  font-family: "Zen Old Mincho", serif;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 0.9em;
}
#my-content .sec-ttl-02.--pink {
  --band: linear-gradient(90deg, #f49ab2 0%, #e8607f 100%);
  --panel: #e8506e;
  --quote: #fff;
  margin-bottom: 0;
}
#my-content .sec-ttl-02.--pink .sec-ttl-02__sub {
  font-size: 25px;
  margin-bottom: 0.25em;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl-02.--pink .sec-ttl-02__sub {
    font-size: 4.9333333333vw;
  }
}
#my-content .sec-ttl-02.--pink .sec-ttl-02__sub strong {
  font-size: 1.24em;
}
#my-content .sec-ttl-02.--pink .sec-ttl-02__main {
  font-size: 45px;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl-02.--pink .sec-ttl-02__main {
    font-size: 8.8vw;
  }
}
#my-content .sec-ttl-02.--yellow {
  --band: linear-gradient(90deg, #fbf6cb 0%, #f3e87a 100%);
  --panel: #f1e574;
  --ink: #1f42b2;
  --line: #1f42b2;
  --quote: #1f42b2;
  --arrow: url(../img/sec_ttl_arrow.svg);
  margin-bottom: 0;
}
#my-content .sec-ttl-02.--yellow .sec-ttl-02__main {
  line-height: 1.25;
}
#my-content .check-list li {
  font-size: 1.125em;
  line-height: 1.8;
  padding-left: 1.5em;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .check-list li {
    font-size: 1em;
  }
}
#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)) {
  border-bottom: 1px solid #d8d8d8;
  line-height: 1.4;
  padding-block: 0.5em;
}
#my-content .check-list li:not(:has(> span))::before {
  top: 0.75em;
}
#my-content .check-list li::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 1em;
  height: 1em;
  background: url(../img/icon_check_red.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 #1f42b2;
  background: transparent;
  color: #1f42b2;
  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 {
  width: 100%;
  min-height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 2px solid #3878c8;
  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: #3878c8;
  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 .point-tag {
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  background-color: #ebb000;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  padding: 1.2em 1.8em 1.2em 1em;
  clip-path: polygon(10% 25%, 65% 25%, 65% 0, 100% 50%, 65% 100%, 65% 75%, 25% 75%, 25% 100%, 0% 75%);
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .point-tag {
    font-size: max(10px, 2.6666666667vw);
  }
}
#my-content .point-tag::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 25%;
  height: 25%;
  background-color: #1f42b2;
}
#my-content .fc-yellow {
  color: #fafa37 !important;
}
#my-content .fc-pink {
  color: #e8506e !important;
}
#my-content .fc-blue {
  color: #1848b8 !important;
}
#my-content .mv {
  background-color: #3878c8;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .mv img {
    aspect-ratio: 750/1180;
    width: 100%;
  }
}
#my-content .cta {
  background: linear-gradient(0deg, #3878c8 0%, #1848b8 100%);
  padding: 30px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .cta {
    padding: 8vw 0;
  }
}
#my-content .cta__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 70px;
  row-gap: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex {
    gap: 8vw;
  }
}
#my-content .cta__flex-left {
  flex: 0 0 380px;
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex-left {
    flex-basis: unset;
    padding-bottom: 2.6666666667vw;
  }
}
#my-content .cta__flex-left::after {
  content: "";
  position: absolute;
  right: -28px;
  width: 28px;
  height: 100%;
  background: url(../img/cta_ttl_allow.svg) left center/contain no-repeat;
  border-left: 1px solid #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex-left::after {
    width: 100%;
    height: 5.8666666667vw;
    bottom: -5.8666666667vw;
    right: auto;
    left: auto;
    border-left: none;
    border-top: 1px solid #fff;
    background: url(../img/sec_ttl_arrow_white.svg) center top/contain no-repeat;
  }
}
#my-content .cta__flex-right {
  flex: 0 1 680px;
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 30px;
  position: relative;
}
@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__flex-right::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 110px;
  height: 143px;
  background: url(../img/cta_person.png) center bottom/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex-right::after {
    width: 16vw;
    height: 20vw;
  }
}
#my-content .cta__ttl {
  width: fit-content;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 34px;
  line-height: 1.4;
  letter-spacing: 0.06em;
  padding: 0 1.2em;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__ttl {
    font-size: 6.6666666667vw;
  }
}
#my-content .cta__ttl::before, #my-content .cta__ttl::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1;
  color: #f8e868;
}
#my-content .cta__ttl::before {
  content: "“";
  left: 0;
}
#my-content .cta__ttl::after {
  content: "”";
  right: 0;
}
#my-content .cta__logo {
  display: inline-block;
  width: 153px;
  margin-right: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__logo {
    width: 30.1333333333vw;
  }
}
#my-content .cta__text {
  color: #3878c8;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.04em;
  margin-top: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__text {
    font-size: 1.154em;
  }
}
#my-content .cta__btn {
  max-width: 460px;
  width: 100%;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #fff;
  font-size: 1.0625em;
  line-height: 1.25;
  margin: 0 auto;
}
@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: #3878c8;
}
#my-content .cta__btn.--mail {
  background-color: #ebb000;
}
#my-content .cta__btn.--tel {
  background-color: #e8506e;
}
#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 .issue {
  background-color: #e0e0e0;
  padding: 50px 0 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .issue {
    padding: 8vw 0 8vw;
  }
}
#my-content .issue__box {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  padding: 40px 60px;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .issue__box {
    border-radius: 2.1333333333vw;
    padding: 5.3333333333vw 4vw;
  }
}
#my-content .issue__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
  column-gap: 40px;
}
#my-content .issue__list li {
  font-size: 1.375em;
}
@media only screen and (max-width: 834px) {
  #my-content .issue__list li {
    font-size: 1.077em;
  }
}
#my-content .strength {
  background-color: #e1f0fd;
  overflow: hidden;
}
#my-content .strength__flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__flex {
    flex-direction: column-reverse;
    margin: 0 -3.3333333333vw;
  }
}
#my-content .strength__flex-left {
  flex: 0 1 620px;
  padding: 50px 0 20px 150px;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__flex-left {
    flex-basis: unset;
    width: 100%;
    background-color: #7aabf8;
    padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 22.6666666667vw;
  }
}
#my-content .strength__flex-left::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 168px;
  height: 156px;
  background: url(../img/strength_person.png) center bottom/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__flex-left::after {
    width: 37.3333333333vw;
    height: 34.6666666667vw;
    left: -8vw;
  }
}
#my-content .strength__flex-right {
  flex: 1 0 420px;
  padding: 30px 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__flex-right {
    flex-basis: unset;
    width: 100%;
    padding: 8vw 5.3333333333vw;
  }
}
#my-content .strength__ttl {
  color: #1f42b2;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.08em;
  margin-bottom: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__ttl {
    font-size: 6.4vw;
  }
}
#my-content .strength__ttl-logo {
  display: inline-block;
  width: 145px;
  margin-right: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__ttl-logo {
    width: 32.4vw;
  }
}
#my-content .strength__point {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px 30px 20px 70px;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__point {
    border-radius: 1.6vw;
    padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 6.6666666667vw;
  }
}
#my-content .strength__point::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  width: 72px;
  height: 72px;
  background: url(../img/icon_point_blue.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__point::before {
    width: 12vw;
    height: 12vw;
    left: -2.6666666667vw;
    z-index: 1;
  }
}
#my-content .strength__point-text {
  font-size: 1.25em;
  line-height: 1.8;
  letter-spacing: 0.04em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__point-text {
    font-size: 1em;
  }
}
#my-content .strength__point-text strong {
  font-size: 1.2em;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__list {
    width: fit-content;
    margin: 0 auto;
  }
}
#my-content .strength__list li {
  border-color: #000000 !important;
  font-weight: bold;
  font-size: 1.3125em;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 834px) {
  #my-content .strength__list li {
    font-size: 1.1538em;
  }
}
#my-content .solution__bg01 {
  background-color: #f8f8c8;
  padding: 50px 0 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__bg01 {
    padding: 8vw 0 6.6666666667vw;
  }
}
#my-content .solution__bg02 {
  background-color: #f8e868;
}
#my-content .solution__bg03 {
  background-color: #e1f0fd;
  padding: 40px 0 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__bg03 {
    padding: 5.3333333333vw 0 4vw;
  }
}
#my-content .solution__lead {
  font-size: 1.125em;
  line-height: 1.6;
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__lead {
    font-size: 1em;
    padding: 0 3.3333333333vw;
    margin-bottom: 6.6666666667vw;
    text-align: left;
  }
}
#my-content .solution__lead strong {
  font-size: 1.1111em;
}
#my-content .solution__link-list {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 auto 36px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__link-list {
    padding: 0 3.3333333333vw;
    gap: 2.6666666667vw;
    margin-bottom: 6.6666666667vw;
  }
}
#my-content .solution__link {
  display: block;
  position: relative;
  padding: 0.5em 3em 0.5em 1.5em;
  border-radius: 8px;
  background-color: #3878c8;
  color: #fff;
  font-size: 1.1875em;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__link {
    border-radius: 1.3333333333vw;
    font-size: 1.0769em;
  }
}
#my-content .solution__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  width: 1.3em;
  height: 100%;
  background: url(../img/arrow_down_white.svg) center center/contain no-repeat;
}
#my-content .solution__note {
  max-width: 800px;
  margin: 0 auto;
}
#my-content .solution__note-text {
  font-size: 1.125em;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__note-text {
    font-size: 1em;
    padding: 0 3.3333333333vw;
  }
}
#my-content .solution__note-text strong {
  font-size: 1.1111em;
}
#my-content .solution__note-box {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 600px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #1f42b2;
  padding: 20px;
  margin: 15px auto;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__note-box {
    border-radius: 1.3333333333vw;
    padding: 4vw 2.6666666667vw;
    margin: 2.6666666667vw auto;
  }
}
#my-content .solution__note-list {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  color: #1f42b2;
  font-size: 1.1875em;
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 1.4;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__note-list {
    font-size: 1.0769em;
  }
}
#my-content .solution__note-list li {
  padding-left: 1em;
  position: relative;
}
#my-content .solution__note-list li::before {
  content: "・";
  position: absolute;
  left: 0;
}
#my-content .solution__point-wrap {
  max-width: 780px;
  padding: 20px 0 20px 140px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__point-wrap {
    max-width: unset;
    padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 22.6666666667vw;
    margin: 0 -3.3333333333vw;
  }
}
#my-content .solution__point-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
#my-content .solution__point-wrap.--person01::after {
  width: 168px;
  height: 156px;
  background: url(../img/solution_person01.png) center bottom/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__point-wrap.--person01::after {
    left: -8vw;
    width: 37.3333333333vw;
    height: 110%;
    z-index: 1;
  }
}
#my-content .solution__point-wrap.--person02::after {
  width: 184px;
  height: 171px;
  background: url(../img/solution_person02.png) center bottom/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__point-wrap.--person02::after {
    left: -4vw;
    width: 37.3333333333vw;
    height: 110%;
    z-index: 1;
  }
}
#my-content .solution__point {
  max-width: 632px;
  background-color: #fff;
  border-radius: 12px;
  padding: 30px 30px 30px 70px;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__point {
    border-radius: 1.6vw;
    padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 6.6666666667vw;
  }
}
#my-content .solution__point::before {
  content: "";
  position: absolute;
  top: 30px;
  left: -10px;
  width: 72px;
  height: 72px;
  background: url(../img/icon_point_yellow.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__point::before {
    width: 12vw;
    height: 12vw;
    top: 4vw;
    left: -2.6666666667vw;
  }
}
#my-content .solution__point-text {
  font-size: 1.25em;
  line-height: 1.8;
  letter-spacing: 0.04em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__point-text {
    font-size: 1em;
  }
}
#my-content .solution__point-text strong {
  font-size: 1.2em;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__point-text strong {
    font-size: 1.1em;
  }
}
#my-content .solution__table-wrap {
  max-width: 930px;
  margin: 0 auto;
}
#my-content .solution__table-ttl {
  text-align: center;
  color: #1f42b2;
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__table-ttl {
    font-size: 1.1em;
  }
}
#my-content .solution__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.125em;
  line-height: 1.4;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__table {
    font-size: 0.875em;
    letter-spacing: normal;
  }
}
#my-content .solution__table th,
#my-content .solution__table td {
  text-align: center;
  vertical-align: middle;
  word-break: auto-phrase;
  padding: 1em 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__table th,
  #my-content .solution__table td {
    padding: 0.7em 0.35em;
  }
}
#my-content .solution__table thead th {
  background-color: #3878c8;
  border-left: 1px solid #fff;
  color: #fff;
  font-weight: bold;
  padding-block: 1.5em;
}
#my-content .solution__table thead th:first-child {
  background-color: transparent;
  border: none;
}
#my-content .solution__table tbody th {
  background-color: #3878c8;
  border-top: 1px solid #fff;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__table tbody th {
    white-space: wrap;
  }
}
#my-content .solution__table tbody td {
  background-color: #fff;
  border-top: 1px solid #3878c8;
  border-left: 1px solid #3878c8;
  font-weight: 500;
}
#my-content .solution__detail {
  background-color: #fff;
  padding: 60px 0 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__detail {
    padding: 9.3333333333vw 0 6.6666666667vw;
  }
}
#my-content .solution__detail-ttl {
  max-width: 460px;
  position: relative;
  border: 2px solid #1f42b2;
  border-top: none;
  color: #1848b8;
  font-weight: 700;
  font-size: 1.3125em;
  line-height: 1.25;
  padding-bottom: 0.75em;
  margin: 0 auto 1.5em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__detail-ttl {
    max-width: 100%;
    font-size: max(15px, 4.2666666667vw);
  }
}
#my-content .solution__detail-ttl::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -18px;
  width: 24px;
  height: 18px;
  background-color: #1f42b2;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
#my-content .solution__detail-ttl::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 16px;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%, 0 1px);
}
#my-content .solution__detail-ttl.--common {
  color: #e8506e;
  border-color: #e8506e;
}
#my-content .solution__detail-ttl.--common::before {
  background-color: #e8506e;
}
#my-content .solution__detail-ttl.--common::after {
  background-color: #f8f8c8;
}
#my-content .solution__detail-text {
  font-size: 1.125em;
  margin-top: 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__detail-text {
    font-size: 1em;
    padding-inline: 3.3333333333vw;
  }
}
#my-content .solution__detail-point {
  max-width: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #1f42b2;
  border-radius: 10px;
  padding: 20px;
  margin: 30px auto 0;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__detail-point {
    padding: 5.3333333333vw 3.3333333333vw;
  }
}
#my-content .solution__detail-point .point-tag {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
}
#my-content .solution__detail-point.--common {
  border-color: #e8506e;
  margin-top: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__detail-point.--common {
    margin-top: 4vw;
  }
}
#my-content .solution__detail:nth-child(even) {
  background-color: #e1f0fd;
}
#my-content .solution__detail:nth-child(even) h3::after {
  background-color: #e1f0fd;
}
#my-content .solution__detail:nth-child(even) .point-tag {
  background-color: #1f42b2;
}
#my-content .solution__detail:nth-child(even) .point-tag::after {
  background-color: #ebb000;
}
#my-content .solution__detail.--common {
  background-color: #f8f8c8;
}
#my-content .solution__point-list {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
#my-content .solution__point-list li {
  position: relative;
  padding-left: 1em;
  color: #1848b8;
  font-size: 1.1875em;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__point-list li {
    font-size: 1.0769em;
  }
}
#my-content .solution__point-list li::before {
  content: "・";
  position: absolute;
  left: 0;
}
#my-content .solution__point-list.--common {
  border-color: #e8506e;
}
#my-content .solution__point-list.--common li {
  color: #e8506e;
}
#my-content .reason {
  background-color: #e1f0fd;
}
#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: 510px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl-img {
    width: 100%;
  }
}
#my-content .reason__ttl {
  min-height: 143px;
  flex-grow: 1;
  width: 510px;
  display: flex;
  align-items: center;
  gap: 30px;
  background: linear-gradient(90deg, #3878c8 0%, #1848b8 100%);
  padding: 10px 25px;
  position: relative;
}
@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::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 102px;
  height: 82px;
  background: url(../img/reason_arrow.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl::before {
    width: 20vw;
    height: 16vw;
  }
}
#my-content .reason__ttl-no {
  position: relative;
  color: #fff;
  font-family: "Zen Old Mincho", serif;
  font-size: 54px;
  font-weight: normal;
  line-height: 1;
  padding-bottom: 0.1em;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl-no {
    font-size: 10.6666666667vw;
  }
}
#my-content .reason__ttl-text {
  position: relative;
  color: #fff;
  font-size: 27px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.08em;
}
@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.26em;
}
#my-content .reason__ttl-text .--fz-lg {
  font-size: 1.55em;
}
#my-content .reason__ttl-text .--fz-sm {
  display: block;
  font-size: 0.63em;
  margin-top: 0.25em;
}
#my-content .reason__content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  padding: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__content {
    padding: 6.6666666667vw 0 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 {
  font-size: 1.125em;
  letter-spacing: 0.04em;
  padding: 0 15px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__text {
    font-size: 1em;
    padding: 0 4vw;
  }
}
#my-content .reason__box {
  background-color: #fff;
  border: 1px solid #1f42b2;
  border-radius: 5px;
  padding: 15px 30px 25px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__box {
    padding: 2.6666666667vw 3.3333333333vw 4.6666666667vw;
  }
}
#my-content .reason__box-ttl {
  max-width: 367px;
  background-color: #e8506e;
  color: #fff;
  font-size: 1.0625em;
  font-weight: bold;
  line-height: 1.25;
  padding: 0.7em 1em;
  margin: 0 auto 1em;
  text-align: center;
  clip-path: polygon(4% 20%, 94% 20%, 94% 0, 100% 50%, 94% 100%, 94% 80%, 6% 80%, 6% 100%, 0% 80%);
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__box-ttl {
    max-width: 72vw;
    font-size: 1em;
  }
}
#my-content .reason__box-ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6%;
  height: 20%;
  background-color: #1f42b2;
}
#my-content .reason__box-img {
  display: block;
  margin: 0 auto 15px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__box-img {
    max-width: 80vw;
    margin: 0 auto 4vw;
  }
}
#my-content .reason__subttl {
  color: #1f42b2;
  font-size: 1.4375em;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.04em;
  margin-bottom: 0.5em;
  text-align: center;
}
#my-content .voice {
  background-color: #f8f8c8;
}
#my-content .voice__item {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 30px 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__item {
    gap: 2.6666666667vw;
    padding: 6.6666666667vw 3.3333333333vw;
    margin-inline: -3.3333333333vw;
  }
}
#my-content .voice__item:nth-child(odd) {
  background-color: #f8e868;
}
#my-content .voice__item:nth-child(odd) .balloon {
  background-color: #fff;
  box-shadow: 7px 7px 0 #facd26;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__item:nth-child(odd) .balloon {
    box-shadow: 1.3333333333vw 1.3333333333vw 0 #facd26;
  }
}
#my-content .voice__item:nth-child(odd) .balloon::before {
  background-color: #facd26;
}
#my-content .voice__item:nth-child(odd) .balloon::after {
  background-color: #fff;
}
#my-content .voice__item:nth-child(even) {
  background-color: #fff;
}
#my-content .voice__item:nth-child(even) .balloon {
  background-color: #f8e868;
  box-shadow: 7px 7px 0 #3878c8;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__item:nth-child(even) .balloon {
    box-shadow: 1.3333333333vw 1.3333333333vw 0 #3878c8;
  }
}
#my-content .voice__item:nth-child(even) .balloon::before {
  background-color: #3878c8;
}
#my-content .voice__item:nth-child(even) .balloon::after {
  background-color: #f8e868;
}
#my-content .voice__head {
  flex-grow: 1;
  width: 480px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__head {
    width: 100%;
  }
}
#my-content .voice__body {
  flex-grow: 1;
  width: 480px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__body {
    width: 100%;
  }
}
#my-content .voice .balloon {
  min-height: 150px;
  border: none;
}
@media only screen and (max-width: 834px) {
  #my-content .voice .balloon {
    min-height: 28vw;
  }
}
#my-content .voice .balloon::before {
  left: 40px;
  bottom: -44px;
  width: 31px;
  height: 44px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice .balloon::before {
    left: 9.3333333333vw;
    bottom: -8.2666666667vw;
    width: 6.6666666667vw;
    height: 8.2666666667vw;
  }
}
#my-content .voice .balloon::after {
  left: 40px;
  bottom: -36px;
  width: 24px;
  height: 37px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice .balloon::after {
    left: 9.3333333333vw;
    bottom: -6.6666666667vw;
    width: 5.3333333333vw;
    height: calc(6.6666666667vw + 1px);
  }
}
#my-content .voice__ttl {
  color: #1f42b2;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__ttl {
    font-size: 5.0666666667vw;
  }
}
#my-content .voice__profile {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__profile {
    gap: 5.3333333333vw;
    margin-top: 5.3333333333vw;
    padding-inline: 3.3333333333vw;
  }
}
#my-content .voice__person {
  flex-shrink: 0;
  width: 98px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__person {
    width: 20vw;
  }
}
#my-content .voice__meta {
  flex: 1;
  min-width: 0;
}
#my-content .voice__meta li {
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__meta li {
    font-size: 1em;
  }
}
#my-content .voice__meta li + li {
  margin-top: 0.25em;
}
#my-content .voice__meta-label {
  display: block;
  color: #e8506e;
  margin-bottom: 0.1em;
}
#my-content .voice__text {
  font-size: 1.125em;
  line-height: 2.1;
  padding: 20px 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__text {
    font-size: 1em;
    padding: 5.3333333333vw 0;
  }
}
#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 .acd-btn {
  max-width: 100%;
  margin-top: 1em;
  font-size: 1.1875em;
  padding: 10px 0 0;
}
@media only screen and (max-width: 834px) {
  #my-content .voice .acd-btn {
    font-size: 1em;
  }
}
#my-content .results {
  background-color: #e1f0fd;
}
#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: #1f42b2;
  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: #fff;
  padding: 30px 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .results__last {
    background-color: #3878c8;
    padding: 4vw 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 #1f42b2;
  color: #1f42b2;
  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 .qanda {
  background-color: #f8e868;
  padding: 60px 0 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .qanda {
    padding: 10.6666666667vw 0 12vw;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .qanda__list {
    margin-inline: -3.3333333333vw;
  }
}
#my-content .qanda__item {
  background-color: #fff;
  border-radius: 12px;
  padding: 40px 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .qanda__item {
    border-radius: 0;
    padding: 5.3333333333vw 5.3333333333vw;
  }
}
#my-content .qanda__item:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .qanda__item:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
}
#my-content .qanda__q, #my-content .qanda__a {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .qanda__q, #my-content .qanda__a {
    gap: 4vw;
  }
}
#my-content .qanda__q::before, #my-content .qanda__a::before {
  content: "";
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .qanda__q::before, #my-content .qanda__a::before {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
  }
}
#my-content .qanda__q {
  color: #3878c8;
  font-weight: 700;
  font-size: 1.5625em;
  line-height: 1.6;
}
@media only screen and (max-width: 834px) {
  #my-content .qanda__q {
    font-size: 1.3846em;
  }
}
#my-content .qanda__q::before {
  background-image: url(../img/icon_q.svg);
}
#my-content .qanda__a {
  font-size: 1.125em;
  margin-top: 2em;
}
@media only screen and (max-width: 834px) {
  #my-content .qanda__a {
    font-size: 1em;
  }
}
#my-content .qanda__a::before {
  background-image: url(../img/icon_a.svg);
}
#my-content .qanda__a p {
  margin: 0;
  flex: 1;
}
#my-content .access {
  padding: 60px 0 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .access {
    padding: 10.6666666667vw 0 12vw;
  }
}
#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: #e1f0fd;
  padding: 60px 0 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .contact {
    padding: 10.6666666667vw 0 12vw;
  }
}
#my-content .lp-pc-header__logo {
  flex-shrink: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  position: relative;
}
#my-content .lp-pc-header__logo::after {
  color: #3878c8;
  font-size: 1.0625em;
  font-weight: bold;
  line-height: 1.5;
  content: "通信制高校";
  padding: 0 1em;
  border: 1px solid;
  border-radius: 999px;
}
#my-content .lp-pc-header__menu {
  flex-wrap: nowrap;
}
#my-content .lp-pc-header__menu a[data-label=資料請求] {
  background-color: #3878c8;
  border-radius: 99px;
  color: #fff;
  gap: 10px;
}
#my-content .lp-pc-header__menu a[data-label=資料請求]::before {
  flex-shrink: 0;
  content: "";
  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=お問い合わせ] {
  background-color: #ebb000;
  border-radius: 99px;
  color: #fff;
  min-width: 50px;
  border-radius: 50%;
  font-size: 0;
}
#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;
}
#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: #e8506e;
}
#my-content .lp-sp-header__menu ul li a[data-label=資料請求]::after {
  color: #3878c8;
}
#my-content .lp-sp-header__menu ul li a[data-label=お問い合わせ]::after {
  color: #ebb000;
}
#my-content .lp-sp-header {
  padding-right: 115px;
}
#my-content .lp-sp-header__menu-button {
  background-color: #3878c8;
}
#my-content .lp-sp-header__menu-button::after {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-family: "FontAwesome";
  font-size: 24px;
  line-height: 1;
  color: #3878c8;
  content: "\f0dd";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 14px;
  background-color: #fff;
}
#my-content .lp-sp-header__menu-button span {
  border-color: #fff;
  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) {
  bottom: none;
  top: 29px;
}
#my-content .lp-sp-header__menu-button::before {
  top: 50%;
  left: -50px;
  color: #fff;
  background-color: #e8506e;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#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 {
  background-color: #1f42b2;
  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;
  }
}/*# sourceMappingURL=lp_tsushinsei.css.map */