.wrap {
  width: 100%;
}

.main {
  padding: 0 !important;
}

.content {
  margin-top: 0;
}

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

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

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.entry-content {
  margin: 0;
}

.entry-title {
  display: none;
}

.eye-catch-wrap {
  display: none;
}

.body .article {
  margin: 0;
}

.fc-red {
  color: #a5000a !important;
}

.fc-blue {
  color: #144f7f !important;
}

.fc-orange {
  color: #dd5b00 !important;
}

.fc-rose {
  color: #b53d46 !important;
}

#my-content {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.875;
  margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
  #my-content {
    font-size: clamp(14px, 3.7333333333vw, 18px);
    line-height: 1.785;
  }
}
#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 .sec-ttl {
  max-width: 800px;
  border-bottom: 1px solid;
  color: #4e2c00;
  font-family: "Zen Old Mincho", serif;
  font-size: 44px;
  line-height: 1.4;
  padding-bottom: 0.1em;
  margin: 0 auto 1em;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl {
    max-width: 90%;
    font-size: clamp(25px, 6.6666666667vw, 50px);
  }
}
#my-content .sec-ttl small {
  display: block;
  color: #a5000a;
  font-size: 18px;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl small {
    font-size: clamp(14px, 3.7333333333vw, 18px);
  }
}
#my-content .sec-ttl::before, #my-content .sec-ttl::after {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 9px;
  height: 9px;
  border: 1px solid;
  border-radius: 50%;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl::before, #my-content .sec-ttl::after {
    width: 1.6vw;
    height: 1.6vw;
  }
}
#my-content .sec-ttl::before {
  left: -9px;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl::before {
    left: -1.6vw;
  }
}
#my-content .sec-ttl::after {
  right: -9px;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl::after {
    right: -1.6vw;
  }
}
#my-content .btn-blue {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  width: 100%;
  min-height: 54px;
  margin: 20px auto 0;
  padding: 0.2em 20px 0.2em 65px;
  background: linear-gradient(0deg, rgb(0, 150, 178) 0%, rgb(31, 170, 198) 100%);
  border-radius: 10px;
  color: #fff;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .btn-blue {
    max-width: 80vw;
    min-height: 10.6666666667vw;
    font-size: clamp(14px, 3.7333333333vw, 20px);
    padding-inline: 12vw 5.3333333333vw;
  }
}
#my-content .btn-blue.--left {
  margin-left: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .btn-blue.--left {
    margin-left: auto;
  }
}
#my-content .btn-blue::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: url(../img/icon_arrow_double.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .btn-blue::before {
    left: 6.6666666667vw;
    width: 1.2em;
    height: 1.2em;
  }
}
#my-content .btn-green {
  background: linear-gradient(to bottom, #5ea54f, #598e47);
  border: none;
  border-radius: 50px;
  color: white;
  padding: 1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.25em;
  line-height: 1.4;
  cursor: pointer;
  box-shadow: 0 5px 0 #3f7d3a, 0 7px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  vertical-align: center !important;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 834px) {
  #my-content .btn-green {
    font-size: 1em;
  }
}
@media (hover: hover) and (pointer: fine) {
  #my-content .btn-green:hover {
    transform: translateY(2px);
    box-shadow: 0 3px 0 #3f7d3a, 0 5px 8px rgba(0, 0, 0, 0.2);
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .btn-green:active {
    transform: translateY(2px);
    box-shadow: 0 3px 0 #3f7d3a, 0 5px 8px rgba(0, 0, 0, 0.2);
  }
}
#my-content .marker-pink {
  background: linear-gradient(transparent 60%, #ffd0d1 60%);
}
#my-content .box-line {
  border: 3px solid #949495;
  padding: 1em;
  border-radius: 4px;
}
#my-content .top-slider__wrap {
  margin: -60px 0 0;
}
#my-content .top-slider__wrap::after {
  content: unset;
}
#my-content .mv {
  height: 600px;
  background: url(../img/mv_bg.jpg) center center/auto no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .mv {
    height: unset;
    background: unset;
  }
}
#my-content .mv .logo-sub {
  position: absolute;
  top: 60px;
  left: 50px;
  background-color: #a5000a;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  padding: 0.25em 1.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .mv .logo-sub {
    left: 15px;
    font-size: 15px;
    top: 48px;
  }
}
#my-content .mv__inner {
  padding: 200px 25px 0;
  max-width: 1550px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__inner {
    padding: 0;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .mv__img {
    width: 100%;
  }
  #my-content .mv__img img {
    width: 100%;
  }
}
#my-content .mv__banner {
  width: 240px;
  margin-left: min(50px, 5vw);
}
@media only screen and (max-width: 834px) {
  #my-content .mv__banner {
    position: absolute;
    bottom: 2vw;
    right: 2vw;
    width: 48vw;
  }
}
#my-content section {
  padding: 50px 0 35px;
}
@media only screen and (max-width: 834px) {
  #my-content section {
    padding: 6.6666666667vw 0 6.6666666667vw;
  }
}
#my-content .intro {
  font-family: "Zen Old Mincho", serif;
}
#my-content .intro__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 20px;
  row-gap: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__flex {
    flex-direction: column;
    gap: 8vw;
  }
}
#my-content .intro__flex-left {
  width: 689px;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__flex-left {
    width: 100%;
  }
}
#my-content .intro__flex-right {
  width: 490px;
  max-width: 700px;
  flex-grow: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__flex-right {
    width: 100%;
    max-width: none;
  }
}
#my-content .intro__flex-right > * + * {
  margin-top: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__flex-right > * + * {
    margin-top: 8vw;
  }
}
#my-content .intro__step {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__step {
    flex-direction: column;
    align-items: center;
    gap: 4vw;
  }
}
#my-content .intro__step + * {
  margin-top: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__step + * {
    margin-top: 5.3333333333vw;
  }
}
#my-content .intro__step-img {
  width: 430px;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__step-img {
    width: 100%;
  }
}
#my-content .intro__step-list {
  width: 239px;
  flex-grow: 1;
  margin-top: 50px;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__step-list {
    flex-grow: 0;
    margin-top: 0;
    width: 100%;
    padding-left: 2.6666666667vw;
  }
}
#my-content .intro__step-list > li {
  font-size: 0.875em;
  line-height: 1.42857;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__step-list > li {
    font-size: 0.95em;
  }
}
#my-content .intro__step-list > li:not(:last-child) {
  margin-bottom: 0.6em;
}
#my-content .intro__step-list > li:nth-child(1) .no {
  background-color: #144f7f;
}
#my-content .intro__step-list > li:nth-child(2) .no {
  background-color: #1f77ba;
}
#my-content .intro__step-list > li:nth-child(3) .no {
  background-color: #2c99c0;
}
#my-content .intro__step-list > li:nth-child(4) .no {
  background-color: #4e2c00;
}
#my-content .intro__step-list > li strong {
  font-weight: 800;
}
#my-content .intro__step-list .no {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 80/18;
  width: 8em;
  color: #fff;
  font-size: 10px;
  margin-left: -10px;
  margin-bottom: 0.2em;
  mask: url("../img/icon_step.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon_step.svg") no-repeat center/contain;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__step-list .no {
    font-size: clamp(9px, 2.4vw, 16px);
    margin-left: -2.6666666667vw;
  }
}
#my-content .intro__step-list .no b {
  font-size: 1.3em;
  font-weight: normal;
  margin-left: 0.2em;
}
#my-content .intro__ttl-sub {
  color: #4e2c00;
  font-size: 27px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__ttl-sub {
    font-size: clamp(18px, 5.0666666667vw, 27px);
    letter-spacing: -0.05em;
  }
}
#my-content .voice {
  padding: 30px 0 20px;
  background: url(../img/voice_bg.jpg) center center/cover no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .voice {
    padding: 8vw 0 10.6666666667vw;
    background: url(../img/voice_bg_sp.jpg) left bottom/cover no-repeat;
  }
}
#my-content .voice__box {
  background: rgba(255, 255, 255, 0.9);
  padding: 40px 0 0;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__box {
    padding: 2.6666666667vw 0 0;
  }
}
#my-content .voice__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__flex {
    margin-inline: -0.6666666667vw;
    gap: 1.3333333333vw;
  }
}
#my-content .voice__flex-item {
  width: 290px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__flex-item {
    width: calc((100% - 1.3333333333vw) / 2);
  }
}
#my-content .voice__ttl {
  min-height: 3em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #4e2c00;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.2em;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__ttl {
    font-size: clamp(10px, 3.4666666667vw, 26px);
  }
}
#my-content .voice__ttl img {
  margin-right: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__ttl img {
    width: 8vw;
    margin-right: 1.3333333333vw;
  }
}
#my-content .voice__balloon {
  aspect-ratio: 290/195;
  width: 100%;
  padding: 20px 20px 35px;
  mask: url("../img/balloon_bg.svg") no-repeat center/contain;
  -webkit-mask: url("../img/balloon_bg.svg") no-repeat center/contain;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__balloon {
    padding: 3.3333333333vw 4vw 5.3333333333vw;
  }
}
#my-content .voice__balloon.--yellow {
  background-color: #e8d546;
}
#my-content .voice__balloon.--pink {
  background-color: #ebc9c1;
}
#my-content .voice__txt {
  color: #4e2c00;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.75;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__txt {
    font-size: clamp(10px, 3.2vw, 30px);
  }
}
#my-content .voice__name {
  color: #4e2c00;
  font-size: 16px;
  font-weight: bold;
  margin-top: 0.4em;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__name {
    font-size: clamp(10px, 2.6666666667vw, 24px);
  }
}
#my-content .voice__img {
  width: 90px;
  position: relative;
  display: block;
  margin: -50px auto 0;
  z-index: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__img {
    margin-top: -7.3333333333vw;
    width: 14.4vw;
  }
}
#my-content .cta {
  background-color: #4e2c00;
  padding: 40px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .cta {
    padding: 0;
  }
}
#my-content .cta__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 20px;
  gap: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex {
    padding: 6.6666666667vw 4.6666666667vw;
    gap: 5.3333333333vw;
  }
}
#my-content .cta__flex-left {
  max-width: 400px;
  width: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex-left {
    max-width: 80vw;
  }
}
#my-content .cta__btn {
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5em;
  color: #fff;
  font-size: 1.125em;
  line-height: 1.25;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn {
    height: 10.6666666667vw;
    font-size: clamp(14px, 3.7333333333vw, 28px);
  }
}
@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.--blue {
  background: linear-gradient(0deg, rgb(0, 150, 178) 0%, rgb(31, 170, 198) 100%);
}
#my-content .cta__btn.--yellow {
  background: linear-gradient(0deg, rgb(201, 169, 0) 0%, rgb(232, 200, 20) 70%);
}
#my-content .cta__btn.--red {
  background: linear-gradient(0deg, rgb(165, 0, 10) 0%, rgb(187, 0, 37) 100%);
}
#my-content .cta__btn.--red img {
  margin-left: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn.--red img {
    margin-left: 2.6666666667vw;
  }
}
#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: 2vw;
  }
}
#my-content .cta__txt {
  color: #4e2c00;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__txt {
    font-size: clamp(16px, 4vw, 30px);
  }
}
#my-content .cta__banner {
  width: 240px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__banner {
    width: 64vw;
  }
}
#my-content .cta__banner-flex {
  display: flex;
  gap: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__banner-flex {
    flex-wrap: wrap;
    justify-content: center;
  }
}
#my-content .feature .my-inner {
  max-width: 1040px;
}
#my-content .feature__content + div {
  margin-top: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .feature__content + div {
    margin-top: 5.3333333333vw;
  }
}
#my-content .feature__ttl-sub {
  color: #4e2c00;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.2em;
}
@media only screen and (max-width: 834px) {
  #my-content .feature__ttl-sub {
    font-size: clamp(15px, 4vw, 24px);
  }
}
#my-content .feature__txt {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.4;
  padding: 0.5em 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .feature__txt {
    font-size: clamp(12px, 3.2vw, 18px);
  }
}
#my-content .feature__txt.--box {
  border: 1px solid #4e2c00;
}
#my-content .feature__note {
  font-size: 0.875em;
  line-height: 1.5;
  margin-top: 1em;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .feature__note {
    font-size: 0.75em;
  }
}
#my-content .timeline {
  background-color: #e8d546;
  font-family: "Zen Old Mincho", serif;
}
#my-content .timeline .my-inner {
  max-width: 1040px;
}
#my-content .timeline__ttl {
  color: #4e2c00;
  font-size: 32px;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .timeline__ttl {
    font-size: clamp(20px, 5.3333333333vw, 40px);
  }
}
#my-content .timeline__img {
  padding: 10px 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .timeline__img {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #my-content .timeline__img img {
    width: 800px;
    max-width: none;
  }
}
#my-content .timeline__list-item {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  gap: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .timeline__list-item {
    flex-direction: column;
    align-items: center;
    padding-bottom: 4vw;
    gap: 2.6666666667vw;
  }
}
#my-content .timeline__list-item:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .timeline__list-item:not(:last-child) {
    margin-bottom: 4vw;
  }
}
#my-content .timeline__list-ttl {
  flex-shrink: 0;
  width: 280px;
  min-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  font-family: "Zen Old Mincho", serif;
  font-size: 1.125em;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .timeline__list-ttl {
    width: 56vw;
    min-height: 22vw;
    font-size: 1em;
  }
}
#my-content .timeline__list-ttl strong {
  color: #90c1be;
  font-size: 1.555em;
  font-weight: bold;
}
#my-content .timeline__list-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1em;
  line-height: 1.75;
  letter-spacing: -0.05em;
}
#my-content .solution {
  font-family: "Zen Old Mincho", serif;
}
#my-content .solution__flex01 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__flex01 {
    flex-direction: column;
    gap: 1.3333333333vw;
    margin-bottom: 8vw;
  }
}
#my-content .solution__operator {
  font-size: 40px;
  line-height: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__operator {
    font-size: clamp(30px, 8vw, 40px);
  }
}
#my-content .solution__block {
  max-width: 320px;
  width: 100%;
  border: 1px solid #000;
  font-size: 1em;
  line-height: 1.25;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__block {
    max-width: clamp(280px, 64vw, 400px);
  }
}
#my-content .solution__ttl {
  padding: 0.35em 1em;
}
#my-content .solution__ttl.--yellow {
  background-color: #efe04b;
}
#my-content .solution__ttl.--pink {
  background-color: #ebc9c1;
}
#my-content .solution__ttl.--blue {
  background-color: #9dd0c9;
}
#my-content .solution__list li {
  border-top: 1px solid #000;
  padding: 0.35em 1em;
}
#my-content .solution__catch {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4e2c00;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__catch {
    flex-direction: column;
    text-align: center;
    font-size: 1em;
  }
}
#my-content .solution__catch img {
  flex-shrink: 0;
  margin-right: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__catch img {
    width: 6.6666666667vw;
    margin-right: 0;
    margin-bottom: 1.3333333333vw;
  }
}
#my-content .solution__flex02 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__flex02 {
    flex-direction: column;
    gap: 4vw;
  }
}
#my-content .solution__flex02 p {
  flex-grow: 1;
}
#my-content .solution__flex02 img {
  flex-shrink: 0;
  width: 350px;
  height: auto;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__flex02 img {
    flex-shrink: 1;
    width: 100%;
  }
}
#my-content .sample {
  background-color: #4e2c00;
  padding: 70px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .sample {
    padding: 10.6666666667vw 0;
  }
}
#my-content .sample__block + * {
  margin-top: 70px;
}
@media only screen and (max-width: 834px) {
  #my-content .sample__block + * {
    margin-top: 10.6666666667vw;
  }
}
#my-content .sample__ttl {
  background-color: #dd5b00;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.3em calc(5% + 100px);
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .sample__ttl {
    font-size: clamp(12px, 3.4666666667vw, 26px);
    padding-inline: 13.3333333333vw;
  }
}
#my-content .sample__ttl img {
  position: absolute;
  bottom: 0;
  left: 1.3333333333vw;
}
@media only screen and (max-width: 834px) {
  #my-content .sample__ttl img {
    width: 12vw;
  }
}
#my-content .strong {
  background-color: #fafafa;
  padding: 20px 0 0;
}
@media only screen and (max-width: 834px) {
  #my-content .strong {
    padding: 5.3333333333vw 0 0;
  }
}
#my-content .strong__ttl {
  color: #4e2c00;
  font-family: "Zen Old Mincho", serif;
  font-size: 30px;
  line-height: 1.4;
  margin-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__ttl {
    font-size: clamp(16px, 5.3333333333vw, 40px);
  }
}
#my-content .strong__ttl strong {
  font-size: 2em;
  font-weight: bold;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__ttl strong {
    font-size: 1.925em;
  }
}
#my-content .strong__ttl .triangle {
  display: block;
  max-width: 800px;
  width: 100%;
  height: 100px;
  background-color: #4e2c00;
  color: #fff;
  font-size: 1.26em;
  line-height: 1.4;
  padding: 15px 20px;
  margin: 0 auto 0.5em;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__ttl .triangle {
    max-width: 82.6666666667vw;
    height: 10.6666666667vw;
    padding: 0;
    font-size: clamp(14px, 5.0666666667vw, 38px);
  }
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list {
    margin: 0 -3.3333333333vw;
  }
}
#my-content .strong__list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
  padding: 50px;
  row-gap: 30px;
  column-gap: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list-item {
    padding: 8vw 3.3333333333vw 8vw;
    row-gap: 2.6666666667vw;
  }
}
#my-content .strong__list-item:nth-child(even) {
  background-color: transparent;
}
#my-content .strong__list-content {
  width: 600px;
  flex-grow: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list-content {
    width: 100%;
  }
}
#my-content .strong__list-img {
  max-width: 420px;
  width: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list-img {
    max-width: 100%;
  }
}
#my-content .strong__list-img.--bottom {
  align-self: flex-end;
}
#my-content .strong__list-ttl {
  border-radius: 0.5em;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.25em 30px 0.25em 120px;
  margin-bottom: 1em;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list-ttl {
    font-size: clamp(14px, 4vw, 30px);
    padding: 0.3em 1.3333333333vw 0.4em 17.3333333333vw;
    margin-left: 2.6666666667vw;
  }
}
#my-content .strong__list-ttl .no {
  position: absolute;
  bottom: -18px;
  left: -20px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list-ttl .no {
    bottom: -2.9333333333vw;
    left: -2.6666666667vw;
  }
}
#my-content .strong__list-ttl .no span {
  display: block;
  width: 110px;
  height: 99px;
  color: inherit;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  mask: url("../img/balloon_bg02.svg") no-repeat center/contain;
  -webkit-mask: url("../img/balloon02_bg.svg") no-repeat center/contain;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list-ttl .no span {
    width: 17.6vw;
    height: 15.7333333333vw;
    font-size: clamp(10px, 2.8vw, 21px);
  }
}
#my-content .strong__list-ttl .no span strong {
  display: inline-block;
  font-family: "Zen Old Mincho", serif;
  font-size: 60px;
  font-weight: bold;
  line-height: 1;
  position: relative;
  top: 0.1em;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list-ttl .no span strong {
    font-size: clamp(30px, 9.6vw, 72px);
  }
}
#my-content .strong__list-ttl.--rose {
  background-color: #b53d46;
  color: #fff;
}
#my-content .strong__list-ttl.--rose span {
  background-color: #b53d46;
}
#my-content .strong__list-ttl.--pink {
  background-color: #ebc9c1;
  color: #4e2c00;
}
#my-content .strong__list-ttl.--pink span {
  background-color: #ebc9c1;
}
#my-content .strong__list-txt {
  font-size: 1.125em;
  line-height: 2.25;
  padding: 0 20px;
  margin-top: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list-txt {
    font-size: 1em;
    padding: 0 2.6666666667vw;
  }
}
#my-content .strong__list-txt strong {
  font-size: 1.333em;
  font-weight: bold;
}
#my-content .strong__box {
  width: 100%;
  border: 1px solid #000;
  padding: 10px 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__box {
    padding: 2.6666666667vw 5.3333333333vw;
  }
}
#my-content .strong__ttl-sub {
  display: block;
  max-width: 300px;
  width: 100%;
  background-color: #4e2c00;
  border-radius: 1em;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
  padding: 0.15em 1em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__ttl-sub {
    max-width: 60vw;
    font-size: 1em;
    margin-inline: auto;
  }
}
#my-content .strong__check-list.--col2 {
  column-count: 2;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__check-list.--col2 {
    column-count: unset;
  }
}
#my-content .strong__check-list li {
  background: url(../img/icon_check.svg) left center/1.1em no-repeat;
  font-size: 1.125em;
  line-height: 1.4;
  padding-left: 1.6em;
  padding-block: 0.35em;
  break-inside: avoid;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__check-list li {
    font-size: 1em;
  }
}
#my-content .strong__check-list li:has(span) {
  background: none;
  font-size: inherit;
  padding-left: 0;
}
#my-content .results {
  background-color: #4e2c00;
}
@media only screen and (max-width: 834px) {
  #my-content .results {
    padding-bottom: 0;
  }
}
#my-content .results .my-inner {
  max-width: 1440px;
}
#my-content .results .sec-ttl {
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #fff;
  font-size: 55px;
}
@media only screen and (max-width: 834px) {
  #my-content .results .sec-ttl {
    font-size: clamp(20px, 7.3333333333vw, 55px);
  }
  #my-content .results .sec-ttl img {
    width: 3.4666666667vw;
  }
}
#my-content .results__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .results__flex {
    margin-inline: -3.3333333333vw;
    gap: 4vw;
  }
  #my-content .results__flex.is-open .results__col:not(:first-child) {
    display: block;
  }
  #my-content .results__flex.is-open .results__box:not(:first-child) {
    display: block;
  }
  #my-content .results__flex.is-open .results__close-btn {
    display: block;
  }
  #my-content .results__flex.is-open .results__accordion-btn {
    display: none;
  }
}
#my-content .results__col {
  width: 300px;
  max-width: 450px;
  flex-grow: 1;
  background-color: #fff;
  padding: 20px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .results__col {
    width: 100%;
    max-width: none;
    background-color: transparent;
    padding: 0;
  }
  #my-content .results__col:not(:first-child) {
    display: none;
  }
}
#my-content .results__box {
  padding: 10px 0 10px 50px;
}
@media only screen and (max-width: 834px) {
  #my-content .results__box {
    background-color: #fff;
    padding: 5.3333333333vw 0vw 5.3333333333vw 14.6666666667vw;
  }
  #my-content .results__box:not(:first-child) {
    display: none;
    margin-top: 4vw;
  }
}
#my-content .results__ttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #4e2c00;
  border-radius: 2em 0 0 2em;
  color: #fff;
  font-size: 1.0625em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.35em 40px;
  margin-bottom: 10px;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .results__ttl {
    font-size: 1.25em;
    padding-inline: 6.6666666667vw;
  }
}
#my-content .results__ttl span:last-child {
  white-space: nowrap;
  font-size: 0.9411em;
}
#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: -35px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url(../img/icon_goukaku_sm.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 li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  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 {
  color: #fff;
  font: size 0.875em;
  margin-top: 1em;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .results__note {
    padding: 0 4.6666666667vw;
  }
}
#my-content .results__accordion-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.25em;
  padding: 1em;
  text-align: center;
}
#my-content .results__accordion-btn span {
  margin-inline: 1em;
}
#my-content .results__accordion-btn img {
  width: 1em;
  height: auto;
}
#my-content .results__close-btn {
  display: none;
  width: 100%;
  font-size: 1.25em;
  padding: 0 1em 1em;
  text-align: center;
}
#my-content .results__close-btn img {
  width: 1em;
  height: auto;
}
#my-content .comment__list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  border: 1px solid #4e2c00;
  padding: 30px 40px;
  column-gap: 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .comment__list-item {
    padding: 8vw 5.3333333333vw 6.6666666667vw;
    row-gap: 4vw;
  }
}
#my-content .comment__list-item:not(:last-child) {
  margin-bottom: 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .comment__list-item:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
}
#my-content .comment__ttl {
  color: #4e2c00;
  font-family: "Zen Old Mincho", serif;
  font-size: 30px;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .comment__ttl {
    width: 100%;
    font-size: clamp(18px, 4.8vw, 36px);
    text-align: center;
  }
}
#my-content .comment__txt {
  width: calc(100% - 340px);
}
@media only screen and (max-width: 834px) {
  #my-content .comment__txt {
    width: 100%;
  }
}
#my-content .comment__img {
  flex-shrink: 0;
  max-width: 310px;
  width: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .comment__img {
    flex-shrink: 1;
    max-width: none;
    text-align: center;
  }
}
#my-content .comment__info {
  font-weight: bold;
  line-height: 1.4;
}
#my-content .comment__info span {
  min-height: 30px;
  display: flex;
  align-items: center;
  background-color: #4e2c00;
  color: #fff;
  padding: 0.2em 0.5em;
  margin-top: 0.6em;
}
#my-content .comment__info span small {
  font-size: 0.875em;
}
#my-content .course__list {
  margin-bottom: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .course__list {
    margin-bottom: 5.3333333333vw;
  }
}
#my-content .course__list-item {
  border-bottom: 1px solid #4e2c00;
}
#my-content .course__ttl {
  min-height: 100px;
  display: flex;
  align-items: center;
  background: linear-gradient(0deg, rgb(165, 0, 10) 0%, rgb(187, 0, 37) 100%);
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.1em 1.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .course__ttl {
    min-height: 16vw;
    font-size: clamp(16px, 4.8vw, 36px);
  }
}
#my-content .course__acd-btn {
  min-height: 70px;
  display: flex;
  align-items: center;
  color: #4e2c00;
  font-size: 25px;
  line-height: 1.4;
  padding: 0.1em 1.5em;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 834px) {
  #my-content .course__acd-btn {
    min-height: 13.3333333333vw;
    font-size: clamp(14px, 4vw, 30px);
  }
}
#my-content .course__acd-btn::after {
  flex-shrink: 0;
  display: block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../img/icon_arrow_down.svg) center center/contain no-repeat;
  margin-left: 10px;
  transition: all 0.3s ease-in-out;
}
#my-content .course__acd-btn.open::after {
  transform: rotate(180deg);
}
@media (hover: hover) and (pointer: fine) {
  #my-content .course__acd-btn:hover {
    opacity: 0.8;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .course__acd-btn:active {
    opacity: 0.8;
  }
}
#my-content .course__acd-content {
  display: none;
  border-top: 1px solid #4e2c00;
  font-size: 1.125em;
  padding: 30px 45px;
  margin-inline: auto;
}
@media only screen and (max-width: 834px) {
  #my-content .course__acd-content {
    font-size: 1em;
    padding: 4vw 0;
  }
}
#my-content .course__acd-content > * + * {
  margin-top: 1em;
}
#my-content .course__table tr:nth-child(even) {
  background-color: #f5f6f7;
}
#my-content .course__table th {
  background-color: #f5f6f7;
  font-weight: bold;
  padding: 0.5em 1em;
  text-align: center;
  border: 1px solid #eee;
}
#my-content .course__table td {
  padding: 0.5em 1em;
  border: 1px solid #eee;
}
#my-content .course__block + * {
  margin-top: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .course__block + * {
    margin-bottom: 4vw;
  }
}
#my-content .course__ttl-sub {
  background-color: #690000;
  color: #fff;
  font-size: 26px;
  line-height: 1.4;
  padding: 0.5em 1.5em;
  margin-bottom: 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .course__ttl-sub {
    font-size: clamp(16px, 4.8vw, 36px);
  }
}
#my-content .course__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 40px;
  gap: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .course__flex {
    padding: 0 5.3333333333vw;
    gap: 4vw;
  }
}
#my-content .course__flex-content {
  width: 600px;
  flex-grow: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .course__flex-content {
    width: 100%;
  }
}
#my-content .course__flex-img {
  max-width: 394px;
  width: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .course__flex-img {
    max-width: 100%;
  }
}
#my-content .course__flex-ttl {
  color: #4e2c00;
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .course__flex-ttl {
    font-size: clamp(15px, 4vw, 30px);
  }
}
#my-content .course__txt-lg {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.6;
}
#my-content .course__txt-lg.--center {
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .course__txt-lg {
    font-size: clamp(16px, 4.5333333333vw, 34px);
  }
}
#my-content .access {
  background-color: #fafafa;
}
#my-content .access .sec-ttl {
  margin-bottom: 0.4em;
}
#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 {
  padding-bottom: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .contact .sec-ttl {
    font-size: clamp(20px, 5.8666666667vw, 44px);
  }
}
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
#my-content .scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: auto;
  border-radius: 5px;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}
#my-content .scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}
#my-content .scroll-hint-text {
  font-size: 10px;
  color: #fff;
  margin-top: 5px;
}
#my-content .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}
#my-content .scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}
#my-content .scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}
#my-content .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}
#my-content .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}
#my-content .scroll-hint-icon-white {
  background-color: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}
#my-content .scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}
#my-content .scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}
#my-content .scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}
#my-content .scroll-hint-shadow-wrap {
  position: relative;
}
#my-content .scroll-hint-shadow-wrap::after {
  content: "";
  width: 20px;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
#my-content .scroll-hint-shadow-wrap::before {
  content: "";
  width: 20px;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
#my-content .scroll-hint-shadow-wrap:has(.scroll-hint.is-right-scrollable)::after,
#my-content .scroll-hint-shadow-wrap.is-right-scrollable::after {
  opacity: 1;
  visibility: visible;
}
#my-content .scroll-hint-shadow-wrap:has(.scroll-hint.is-left-scrollable)::before,
#my-content .scroll-hint-shadow-wrap.is-left-scrollable::before {
  opacity: 1;
  visibility: visible;
}/*# sourceMappingURL=hp_ishinkobetsu.css.map */