@charset "UTF-8";
@media only screen and (min-width: 835px) {
  .sp-only {
    display: none !important;
  }
}
@media only screen and (max-width: 834px) {
  .pc-only {
    display: none !important;
  }
}
.reset {
  margin: 0;
  padding: 0;
}
.reset div,
.reset span,
.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 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 b,
.reset u,
.reset i,
.reset center,
.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,
.reset figure,
.reset section {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6 {
  border: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background-color: transparent;
}
.reset img {
  vertical-align: bottom;
}
.reset ol,
.reset ul {
  list-style: none;
}
.reset ol li,
.reset ul li {
  margin: 0;
}
.reset table {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
  border: none;
}
.reset table caption,
.reset table th,
.reset table td,
.reset table tr {
  background-color: transparent;
  font-size: inherit;
  font-weight: inherit;
  text-align: left;
  vertical-align: middle;
  border: none;
}
.reset a {
  color: inherit;
}
.reset a:link {
  text-decoration: none;
}
.reset a:visited {
  text-decoration: none;
}
.reset a:hover {
  text-decoration: 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;
}
.reset button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}

.content {
  margin-top: 0;
}
.content .main {
  padding: 0;
  border: none;
  border-radius: 0;
}
.content .article {
  margin-bottom: 0;
}
.content .entry-content {
  margin-top: 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 1023px) {
  body,
  body.admin-bar {
    margin-top: 0;
  }
}

body > .mobile-menu-buttons {
  display: none;
}

html {
  background: transparent;
  font-size: 62.5%;
  scroll-behavior: smooth;
}
@media screen and (max-width: 1250px) {
  html {
    font-size: clamp(4px, 0.8vw, 10px);
  }
}
@media screen and (max-width: 834px) {
  html {
    font-size: clamp(4px, 1.333333vw, 10px);
    scroll-padding-top: 60px;
  }
}

#my-content {
  position: relative;
  overflow: hidden;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 834px) {
  #my-content {
    font-size: clamp(14px, 3.2vw, 20px);
    letter-spacing: 0.05em;
  }
}
#my-content section {
  padding: 8rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content section {
    padding: 5rem 0;
  }
}
#my-content .inner {
  max-width: 1250px;
  padding: 0 2.5rem;
  margin: 0 auto;
}
#my-content .cv {
  border-radius: 0 0 1.2rem 1.2rem;
  background-color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .cv {
    background-color: transparent;
  }
}
#my-content .cv__inner {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10rem;
  padding: 1.5rem 4rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cv__inner {
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 0;
  }
}
#my-content .cv__lead {
  position: relative;
  padding: 0 10rem;
  margin-bottom: 1.5rem;
  color: #000;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.15;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .cv__lead {
    width: 100%;
    padding: 3.4rem 0 2.8rem;
    margin-bottom: 0;
    border-radius: 0 0 2.4rem 2.4rem;
    background-color: #fff;
    font-size: 2.4rem;
  }
}
#my-content .cv__lead strong {
  font-size: 1.176em;
}
#my-content .cv__lead::before, #my-content .cv__lead::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.3rem);
  width: 2px;
  height: 6.1rem;
  background-color: currentColor;
  translate: 0 -50%;
}
@media only screen and (max-width: 834px) {
  #my-content .cv__lead::before, #my-content .cv__lead::after {
    top: calc(50% + 1.55rem);
    width: 1px;
    height: 8.6rem;
  }
}
#my-content .cv__lead::before {
  left: 6.5rem;
  rotate: -25deg;
}
@media only screen and (max-width: 834px) {
  #my-content .cv__lead::before {
    left: 19.4rem;
  }
}
#my-content .cv__lead::after {
  right: 6.5rem;
  rotate: 25deg;
}
@media only screen and (max-width: 834px) {
  #my-content .cv__lead::after {
    right: 20.4rem;
  }
}
#my-content .cv__penguin, #my-content .cv__bear {
  position: absolute;
  bottom: -3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cv__penguin, #my-content .cv__bear {
    bottom: 0;
  }
}
#my-content .cv__penguin {
  left: 0;
  width: 3.8rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cv__penguin {
    left: 10.3rem;
    width: 5.3rem;
  }
}
#my-content .cv__bear {
  right: 0;
  width: 5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cv__bear {
    right: 10.8rem;
    width: 7.1rem;
  }
}
#my-content .btn-cv {
  position: relative;
  display: grid;
  place-items: center;
  width: 42rem;
  min-height: 12rem;
  padding: 1rem 4rem;
  border-radius: 99rem;
  background: linear-gradient(#ec682c 45%, #c43304);
  color: #fff;
  transition: opacity 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  #my-content .btn-cv:hover {
    opacity: 0.85;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .btn-cv:active {
    opacity: 0.85;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .btn-cv {
    width: 56.6rem;
    min-height: 15.9rem;
    margin-top: -0.9rem;
  }
}
#my-content .btn-cv__main {
  font-size: 2.5rem;
  font-weight: 700;
}
@media only screen and (max-width: 834px) {
  #my-content .btn-cv__main {
    font-size: 3.7rem;
  }
}
#my-content .btn-cv__sub {
  position: absolute;
  bottom: 0.7rem;
  left: 3.1rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 35.8rem;
  height: 3.6rem;
  padding: 0 3rem 0.4rem 0;
  background: url(../img/cv_arrow.png) center/contain no-repeat;
  color: #000;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .btn-cv__sub {
    bottom: 0.9rem;
    left: 4.7rem;
    width: 47.7rem;
    height: 4.8rem;
    padding: 0 4rem 0.3rem 0;
    font-size: 2.6rem;
  }
}
#my-content .sec-lead {
  position: relative;
  width: 30.1rem;
  margin: 0 auto 1em;
  color: #000;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-lead {
    width: 45.1rem;
    font-size: 2.6rem;
  }
}
#my-content .sec-lead::before, #my-content .sec-lead::after {
  content: "";
  position: absolute;
  top: calc(50% + 0.5rem);
  width: 2px;
  height: 4.4rem;
  background-color: currentColor;
  translate: 0 -50%;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-lead::before, #my-content .sec-lead::after {
    width: 1px;
    height: 6.6rem;
  }
}
#my-content .sec-lead::before {
  left: 0;
  rotate: -30deg;
}
#my-content .sec-lead::after {
  right: 0;
  rotate: 30deg;
}
#my-content .sec-lead strong {
  font-size: 1.25em;
}
#my-content .sec-ttl {
  width: 32.2rem;
  margin: 0 auto;
  padding: 3.2rem 0 3.7rem;
  background-color: #405490;
  clip-path: polygon(0 3.2rem, 50% 0, 100% 3.2rem, 100% calc(100% - 1.6rem), calc(50% + 1.05rem) calc(100% - 1.6rem), 50% 100%, calc(50% - 1.05rem) calc(100% - 1.6rem), 0 calc(100% - 1.6rem));
  color: #fff;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl {
    width: 46rem;
    padding: 4.6rem 0 5.2rem;
    clip-path: polygon(0 4.6rem, 50% 0, 100% 4.6rem, 100% calc(100% - 2.3rem), calc(50% + 1.5rem) calc(100% - 2.3rem), 50% 100%, calc(50% - 1.5rem) calc(100% - 2.3rem), 0 calc(100% - 2.3rem));
    font-size: 3.7rem;
  }
}
#my-content .sec-ttl__sub {
  display: block;
  margin-bottom: 0.6rem;
  color: #bbcbdf;
  font-size: 1.8rem;
  font-weight: bold;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl__sub {
    font-size: 2.7rem;
  }
}
#my-content .sec-ttl__num {
  margin-left: 0.6rem;
  color: #ffab2d;
  font-family: "Hina Mincho", serif;
  font-size: 7.7rem;
  font-weight: normal;
  line-height: 0;
  vertical-align: -0.9rem;
}
#my-content .sec-ttl.--blue {
  background-color: #0088d8;
}
#my-content .sec-ttl.--blue .sec-ttl__sub {
  color: #ffab2d;
}
#my-content .sec-ttl.--white {
  background-color: #fff;
  color: #0088d8;
}
#my-content .sec-ttl.--white .sec-ttl__sub {
  color: #ec682c;
}
#my-content .sec-ttl.--narrow {
  width: 28rem;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl.--narrow {
    width: 40rem;
  }
}
#my-content .mv {
  padding-block: 9rem 2.5rem;
  background: linear-gradient(rgba(0, 136, 216, 0.9), rgba(0, 136, 216, 0.9)) 0 100%/100% 17.5rem no-repeat, url(../img/mv_pc.jpg) center top/cover no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .mv {
    padding-block: 16.5rem 2.5rem;
    background: linear-gradient(#0088d8, #0088d8) 0 100%/100% 32.5rem no-repeat, url(../img/mv_sp.jpg) center top/100% auto no-repeat;
  }
}
#my-content .mv__catch {
  position: relative;
  width: 50.1rem;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__catch {
    width: min(71.4rem, 100%);
  }
}
#my-content .mv__badge {
  position: absolute;
  bottom: 2rem;
  left: 49.2rem;
  width: 26rem;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__badge {
    position: relative;
    bottom: unset;
    left: unset;
    width: 34rem;
    margin-inline: auto 5rem;
  }
}
#my-content .mv__band {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6.5rem;
  height: 9rem;
  margin-top: -3rem;
  background-color: rgba(0, 136, 216, 0.9);
  border-radius: 1.2rem 1.2rem 0 0;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__band {
    flex-direction: column;
    gap: 1.3rem;
    height: auto;
    margin-top: 0;
    padding: 2rem 0 1.6rem;
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
#my-content .mv__band-text {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__band-text {
    font-size: 2.5rem;
  }
}
#my-content .mv__band-sub {
  position: relative;
  padding: 0 3.6rem;
}
#my-content .mv__band-sub::before, #my-content .mv__band-sub::after {
  content: "";
  position: absolute;
  top: 0.4rem;
  width: 1.2rem;
  height: 1.2rem;
  border-right: 2px solid;
  border-bottom: 2px solid;
  rotate: 45deg;
}
#my-content .mv__band-sub::before {
  left: 0.6rem;
}
#my-content .mv__band-sub::after {
  right: 0.6rem;
}
#my-content .mv__photos {
  display: flex;
  gap: 0.6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__photos {
    gap: 1.35rem;
  }
}
#my-content .mv__photos li {
  width: 10.5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__photos li {
    width: 15rem;
  }
}
#my-content section.problem {
  padding: 2.8rem 0 2rem;
  background-color: #98a8cc;
}
@media only screen and (max-width: 834px) {
  #my-content section.problem {
    padding: 3.7rem 0 7.5rem;
  }
}
#my-content .problem__head {
  position: relative;
  width: fit-content;
  margin: 0 auto 2.2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .problem__head {
    margin-bottom: 3.7rem;
  }
}
#my-content .problem__deco {
  position: absolute;
}
#my-content .problem__deco.--babble {
  top: 6rem;
  right: calc(100% + 2.7rem);
  width: 4.9rem;
}
@media only screen and (max-width: 834px) {
  #my-content .problem__deco.--babble {
    top: 8.6rem;
    right: calc(100% + 3.9rem);
    width: 7rem;
  }
}
#my-content .problem__deco.--question {
  top: 5.6rem;
  left: calc(100% + 3.6rem);
  width: 3.1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .problem__deco.--question {
    top: 8rem;
    left: calc(100% + 5.2rem);
    width: 4.5rem;
  }
}
#my-content .problem__list {
  column-count: 2;
  column-gap: 2rem;
  max-width: 100rem;
  margin: 0 auto -2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .problem__list {
    column-count: 1;
    margin-bottom: -3rem;
  }
}
#my-content .problem__list li {
  display: flex;
  align-items: center;
  padding: 0 2.5rem 0 4.7rem;
  margin-bottom: 2rem;
  min-height: 8.4rem;
  border-radius: 1rem;
  background-color: #fff;
  color: #405490;
  font-size: 1.1667em;
  font-weight: 700;
  line-height: 1.4;
  break-inside: avoid;
}
@media only screen and (max-width: 834px) {
  #my-content .problem__list li {
    padding: 0 2.5rem 0 7.1rem;
    margin-bottom: 3rem;
    min-height: 12rem;
    border-radius: 2rem;
    font-size: 1.154em;
    line-height: 1.2;
  }
}
#my-content .problem__list span::before {
  content: "・";
  display: inline-block;
  width: 2.2rem;
  margin-left: -2.2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .problem__list span::before {
    width: 2.8rem;
    margin-left: -2.8rem;
  }
}
#my-content .solution {
  padding: 0 0 2.9rem;
  background-color: #0088d8;
  color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .solution {
    padding-bottom: 4rem;
  }
}
#my-content .solution__photo img {
  border-radius: 0 0 1rem 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__photo img {
    border-radius: 0 0 2rem 2rem;
  }
}
#my-content .solution__body {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 5rem;
  margin-top: 3.8rem;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__body {
    flex-direction: column;
    align-items: center;
    gap: 4.4rem;
  }
}
#my-content .solution__logo {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__logo {
    gap: 0.8rem;
    font-size: 3.6rem;
  }
}
#my-content .solution__logo img {
  width: 30.7rem;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__logo img {
    width: 43.9rem;
  }
}
#my-content .solution__catch {
  margin-top: 1.2rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__catch {
    margin-top: 2rem;
    font-size: 3.4rem;
    line-height: 1.3;
  }
}
#my-content .solution__catch strong {
  color: #ffdc1e;
  font-size: 1.1em;
}
#my-content .solution__balloon {
  position: relative;
  padding: 1.2rem 4rem;
  border-radius: 2.5rem;
  background-color: #fff;
  color: #000;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__balloon {
    width: 50rem;
    margin-inline: 4rem auto;
    font-size: 2.6rem;
  }
}
#my-content .solution__person {
  position: absolute;
  right: -11rem;
  bottom: -2.5rem;
  width: 23.1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__person {
    right: -18rem;
    bottom: -4rem;
    width: 35.8rem;
  }
}
#my-content .reason {
  padding: 4.2rem 0 5.6rem;
  background-color: #d1f1fe;
  color: #000;
}
@media only screen and (max-width: 834px) {
  #my-content .reason {
    padding: 4.6rem 0 10rem;
  }
}
#my-content .reason__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.9rem 2rem;
  max-width: 100rem;
  margin: 1.6rem auto 0;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__list {
    grid-template-columns: 1fr;
    gap: 4rem;
    margin-top: 3rem;
  }
}
#my-content .reason__card {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  row-gap: 0;
  border-radius: 1.5rem;
  overflow: hidden;
}
#my-content .reason__head {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 2rem;
  padding: 4.6rem 0 2rem;
  background-color: #ffdc1e;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__head {
    min-height: 30rem;
    gap: 2rem;
    padding: 6.9rem 0 3rem;
  }
}
#my-content .reason__label {
  position: absolute;
  top: 2rem;
  left: 0;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  width: 13.9rem;
  padding-bottom: 0.6rem;
  padding-left: 1.5rem;
  background: url(../img/line_left.svg) 0 100%/13.9rem 3.22rem no-repeat;
  color: #555451;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.25;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__label {
    top: 3rem;
    gap: 0.7rem;
    width: 20.5rem;
    padding-bottom: 0.9rem;
    padding-left: 2.2rem;
    background-size: 20.5rem 4.75rem;
    font-size: 2rem;
  }
}
#my-content .reason__num {
  font-family: "Hina Mincho", serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 0.8;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__num {
    font-size: 5.6rem;
  }
}
#my-content .reason__icon {
  flex-shrink: 0;
}
#my-content .reason__list > :nth-child(1) .reason__icon {
  width: 9.3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__list > :nth-child(1) .reason__icon {
    width: 13.5rem;
  }
}
#my-content .reason__list > :nth-child(2) .reason__icon {
  width: 17.3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__list > :nth-child(2) .reason__icon {
    width: 24.5rem;
  }
}
#my-content .reason__list > :nth-child(3) .reason__icon {
  width: 16.9rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__list > :nth-child(3) .reason__icon {
    width: 24.5rem;
  }
}
#my-content .reason__list > :nth-child(4) .reason__icon {
  width: 10.4rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__list > :nth-child(4) .reason__icon {
    width: 15.1rem;
  }
}
#my-content .reason__ttl {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl {
    font-size: 4.4rem;
  }
}
#my-content .reason__ttl strong {
  color: #0065a9;
  font-size: 4.9rem;
  line-height: 1.05;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl strong {
    font-size: 7rem;
  }
}
#my-content .reason__text {
  flex: 1;
  padding: 2.7rem 5rem 4rem;
  background-color: #fff;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.95;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__text {
    padding: 4.5rem 3rem 6.9rem;
  }
}
#my-content .reason__note {
  max-width: 89rem;
  margin: 0 auto;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.8;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__note {
    padding-inline: 2rem;
  }
}
#my-content .reason__note p + p {
  margin-top: 3.2rem;
}
#my-content .reason__note strong {
  color: #0088d8;
  font-size: 1.111em;
}
#my-content .reason__list + .reason__note {
  margin-top: 5.6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__list + .reason__note {
    margin-top: 6.6rem;
  }
}
#my-content .reason__check {
  display: grid;
  gap: 1.6rem;
  max-width: 100rem;
  margin: 1.3rem auto 4.1rem;
  padding: 3.2rem 6rem;
  border: 1px solid #0088d8;
  border-radius: 1rem;
  background-color: #fff;
  color: #0088d8;
  font-size: 1.1667em;
  font-weight: 700;
  line-height: 1.3;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__check {
    gap: 2rem;
    margin: 4rem auto 6rem;
    padding: 5rem 6.5rem;
    border-radius: 2rem;
  }
}
#my-content .reason__check li {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__check li {
    gap: 2.3rem;
  }
}
#my-content .reason__check li::before {
  content: "";
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  background: url(../img/icon_check.svg) center/contain no-repeat;
}
#my-content .cta {
  padding: 0 0 2.5rem;
  background-color: #0088d8;
}
#my-content .trouble {
  padding: 4.1rem 0 2.8rem;
  background: linear-gradient(#405490, #405490) 0 100%/100% 19.6rem no-repeat, #98a8cc;
}
@media only screen and (max-width: 834px) {
  #my-content .trouble {
    padding: 6.5rem 0 4rem;
    background: linear-gradient(#405490, #405490) 0 100%/100% 35rem no-repeat, #98a8cc;
  }
}
#my-content .trouble__card {
  position: relative;
  margin-top: 1.6rem;
  border-radius: 1rem;
  background-color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .trouble__card {
    margin-top: 4.6rem;
    border-radius: 3rem;
  }
}
#my-content .trouble__body {
  padding: 7.05rem 4rem 4.35rem;
}
@media only screen and (max-width: 834px) {
  #my-content .trouble__body {
    padding-block: 8.95rem 10.85rem;
  }
}
#my-content .trouble__photo {
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .trouble__photo {
    margin-inline: -2.5rem;
  }
}
#my-content .trouble__photo::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 5.3rem;
  z-index: 1;
  width: 12.94rem;
  aspect-ratio: 129.42/122.2;
  background: url(../img/icon_serch.svg) center/contain no-repeat;
  translate: 0 1.2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .trouble__photo::before {
    left: 3rem;
    width: 19.5rem;
    translate: 0 1.8rem;
  }
}
#my-content .trouble .sec-lead strong {
  color: #fff;
}
#my-content .trouble__builder {
  position: absolute;
  right: 18.5rem;
  bottom: 100%;
  width: 9.668rem;
  translate: 0 20%;
}
@media only screen and (max-width: 834px) {
  #my-content .trouble__builder {
    right: 2.4rem;
    width: 14.5rem;
  }
}
#my-content .trouble__list {
  column-count: 2;
  column-gap: 18.1rem;
  width: fit-content;
  margin: 0 auto;
  color: #405490;
  font-size: 1.1667em;
  font-weight: 700;
  line-height: 1.3;
}
@media only screen and (max-width: 834px) {
  #my-content .trouble__list {
    column-count: 1;
  }
}
#my-content .trouble__list li {
  padding-block: 0.95rem;
  break-inside: avoid;
}
@media only screen and (max-width: 834px) {
  #my-content .trouble__list li {
    padding-block: 1.15rem;
  }
}
#my-content .trouble__list li::before {
  content: "・";
  display: inline-block;
  width: 2.2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .trouble__list li::before {
    width: 2.8rem;
  }
}
#my-content .trouble__foot {
  position: relative;
  padding: 2rem 4rem 3rem 48rem;
  color: #000;
  font-size: 1em;
  font-weight: 500;
  line-height: 2;
}
@media only screen and (max-width: 834px) {
  #my-content .trouble__foot {
    padding: 3rem 1.4rem 2rem 17.5rem;
    line-height: 1.6;
  }
}
#my-content .trouble__foot strong {
  color: #ec682c;
  font-size: 1.167em;
}
@media only screen and (max-width: 834px) {
  #my-content .trouble__foot strong br {
    display: none;
  }
}
#my-content .trouble__person {
  position: absolute;
  bottom: -2.8rem;
  left: 25.2rem;
  width: 14.1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .trouble__person {
    bottom: -4rem;
    left: -3.3rem;
    width: 21.9rem;
  }
}
#my-content .voice {
  padding: 4rem 0 3.8rem;
  background-color: #ffab2d;
}
@media only screen and (max-width: 834px) {
  #my-content .voice {
    padding: 6rem 0 6.8rem;
  }
}
#my-content .voice .sec-lead strong {
  color: #0088d8;
}
#my-content .voice__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.7rem 2rem;
  max-width: 100rem;
  margin: 2.1rem auto 0;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__list {
    grid-template-columns: 1fr;
    gap: 5.6rem;
    margin-top: 3rem;
  }
}
#my-content .voice__card {
  padding: 3.4rem 2.1rem 4rem;
  border-radius: 1rem;
  background-color: #fff;
  color: #000;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__card {
    padding: 5rem 3rem 6rem;
    border-radius: 3rem;
  }
}
#my-content .voice__head {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 2.3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__head {
    gap: 3.5rem;
  }
}
#my-content .voice__photo img {
  width: 25.2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__photo img {
    width: 36rem;
  }
}
#my-content .voice__person {
  width: 15.2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__person {
    width: 21.5rem;
  }
}
#my-content .voice__person figcaption {
  margin-top: 0.4rem;
  background-color: #0088d8;
  border-radius: 0;
  color: #fff;
  font-size: 0.833em;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  opacity: 1;
}
#my-content .voice__list > :nth-child(even) .voice__person figcaption {
  background-color: #ffab2d;
  color: #003985;
}
#my-content .voice__text {
  margin-top: 1.8rem;
  padding: 0 1.8rem;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.65;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__text {
    margin-top: 2.7rem;
    padding: 0 2rem;
    line-height: 1.5;
  }
}
#my-content .faq {
  padding: 2.8rem 0 7.7rem;
  background-color: #d1f1fe;
  color: #000;
}
@media only screen and (max-width: 834px) {
  #my-content .faq {
    padding: 6rem 0 10rem;
  }
}
#my-content .faq__list {
  max-width: 100rem;
  margin: 3rem auto 0;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__list {
    margin-top: 4.1rem;
  }
}
#my-content .faq__item + .faq__item {
  margin-top: 5.5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__item + .faq__item {
    margin-top: 11.9rem;
  }
}
#my-content .faq__q {
  position: relative;
  padding: 1rem 3rem 1rem 7.3rem;
  border-radius: 99rem;
  background-color: #fff;
  color: #0088d8;
  font-size: 1.3333em;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__q {
    padding: 1.45rem 3rem 1.45rem 10.5rem;
    border-radius: 3rem;
  }
}
#my-content .faq__q::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 4.57rem;
  aspect-ratio: 46.59/50.99;
  background: url(../img/icon_q.svg) center/contain no-repeat;
  translate: 0 -50%;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__q::before {
    width: 6.7rem;
  }
}
#my-content .faq__a {
  margin-top: 3.1rem;
  padding: 0 5rem;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.8;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__a {
    margin-top: 4.2rem;
    padding: 0 2rem;
  }
}
#my-content .faq__a p + p {
  margin-top: 1em;
}
#my-content .faq__a strong {
  color: #ec682c;
  font-size: 1.111em;
}
#my-content .flow {
  padding: 2.8rem 0 3rem;
  background-color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .flow {
    padding: 6.5rem 0 5.9rem;
  }
}
#my-content .flow__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.8rem;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .flow__list {
    grid-template-columns: 1fr;
    gap: 4rem;
    margin-top: 2rem;
  }
}
#my-content .flow__item {
  position: relative;
  display: flex;
  flex-direction: column;
}
#my-content .flow__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 0.3rem);
  border-style: solid;
  border-width: 1.55rem 0 1.55rem 1.3rem;
  border-color: transparent transparent transparent #0088d8;
  translate: 0 -50%;
}
@media only screen and (max-width: 834px) {
  #my-content .flow__item:not(:last-child)::after {
    top: calc(100% + 0.5rem);
    left: 50%;
    border-width: 3rem 3rem 0;
    border-color: #0088d8 transparent transparent;
    translate: -50% 0;
  }
}
#my-content .flow__head {
  position: relative;
  display: grid;
  align-items: center;
  min-height: 8.8rem;
  padding: 1rem 8rem;
  border-radius: 1rem 1rem 0 0;
  background-color: #aad0ff;
  color: #003985;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .flow__head {
    min-height: 16rem;
    padding: 1.5rem 13rem;
    border-radius: 3rem 3rem 0 0;
    font-size: 3.4rem;
  }
}
#my-content .flow__bear {
  position: absolute;
  right: -0.8rem;
  bottom: 0;
  width: 11.6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .flow__bear {
    right: -0.1rem;
    width: 20rem;
  }
}
#my-content .flow__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  padding: 1rem;
  border: 2px solid #003985;
  border-top: 0;
  border-radius: 0 0 1rem 1rem;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .flow__body {
    gap: 2.5rem;
    padding: 3rem;
    border-radius: 0 0 3rem 3rem;
    border-width: 1px;
  }
}
#my-content .flow__img img {
  width: 25.7rem;
}
@media only screen and (max-width: 834px) {
  #my-content .flow__img img {
    width: 46.5rem;
  }
}
#my-content .flow__text {
  padding-inline: 2rem;
  color: #003985;
  font-size: 0.8333em;
  font-weight: 700;
  line-height: 1.3;
}
@media only screen and (max-width: 834px) {
  #my-content .flow__text {
    font-size: 2.8rem;
  }
}
#my-content .flow__done {
  display: grid;
  place-items: center;
  min-width: 12.6rem;
  min-height: 3.4rem;
  padding: 0.4rem 2rem;
  border-radius: 99rem;
  background-color: #0088d8;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .flow__done {
    min-width: 26rem;
    min-height: 6.5rem;
    font-size: 3.4rem;
  }
}
#my-content .form {
  padding: 1.9rem 0 2.3rem;
  background-color: #aad0ff;
}
@media only screen and (max-width: 834px) {
  #my-content .form {
    padding: 2.3rem 0 5rem;
  }
}
#my-content .form__card {
  display: flex;
  justify-content: center;
  gap: 8.2rem;
  padding: 2.6rem 4rem;
  border-radius: 1rem;
  background-color: #fff;
  color: #000;
}
@media only screen and (max-width: 834px) {
  #my-content .form__card {
    flex-direction: column;
    gap: 3.5rem;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }
}
#my-content .form__body {
  width: 43.3rem;
  padding-left: 1.3rem;
}
#my-content .form__body .input_area {
  height: auto;
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  overflow-y: visible;
}
@media only screen and (max-width: 834px) {
  #my-content .form__body {
    width: 100%;
    padding: 3.4rem 4rem 3.3rem 5.9rem;
    border-radius: 3rem;
    background-color: #fff;
  }
}
#my-content .form__label {
  padding-left: 0.7rem;
  color: #003985;
  font-size: 1em;
  font-weight: 700;
}
@media only screen and (max-width: 834px) {
  #my-content .form__label {
    padding-left: 1.1rem;
  }
}
#my-content .form__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.4rem;
}
@media only screen and (max-width: 834px) {
  #my-content .form__row {
    gap: 2rem;
  }
}
#my-content .form__field {
  position: relative;
  margin-top: 0.6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .form__field {
    margin-top: 1.3rem;
  }
}
#my-content .form__field.--req::before {
  content: "★";
  position: absolute;
  top: 50%;
  left: -1.3rem;
  color: #e14132;
  font-size: 1.4rem;
  line-height: 1;
  translate: -3px -50%;
}
@media only screen and (max-width: 834px) {
  #my-content .form__field.--req::before {
    font-size: 1.7rem;
  }
}
#my-content .form__field input {
  width: 100%;
  height: 4.3rem;
  padding: 0 1.5rem;
  border: 1px solid #003985;
  border-radius: 0.5rem;
  background-color: #fff;
  color: #000;
  font-family: inherit;
  font-size: 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .form__field input {
    height: 5.6rem;
    padding: 0 1.2rem;
    border-radius: 1rem;
    font-size: 2.6rem;
  }
}
#my-content .form__field input::placeholder {
  color: #7a7a7a;
}
#my-content .form__check {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-top: 1.8rem;
  color: #003985;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.25;
  cursor: pointer;
}
@media only screen and (max-width: 834px) {
  #my-content .form__check {
    gap: 1.7rem;
    margin-top: 3.2rem;
  }
}
#my-content .form__check input {
  position: relative;
  flex-shrink: 0;
  width: 2.6rem;
  height: 2.6rem;
  margin: 0;
  border: 1px solid #003985;
  border-radius: 0.4rem;
  background-color: #fff;
  appearance: none;
  cursor: pointer;
}
@media only screen and (max-width: 834px) {
  #my-content .form__check input {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0.8rem;
  }
}
#my-content .form__check input::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  width: 1.4rem;
  height: 0.7rem;
  border-left: 4px solid #ec682c;
  border-bottom: 4px solid #ec682c;
  opacity: 0;
  rotate: -45deg;
  translate: -50% -50%;
}
@media only screen and (max-width: 834px) {
  #my-content .form__check input::after {
    width: 1.9rem;
    height: 0.95rem;
  }
}
#my-content .form__check input:checked::after {
  opacity: 1;
}
#my-content .form__note {
  padding-left: 0.7rem;
  color: #e14132;
  font-size: 1em;
  font-weight: 700;
}
@media only screen and (max-width: 834px) {
  #my-content .form__note {
    padding-left: 1.1rem;
  }
}
#my-content .form__cv {
  display: grid;
  justify-items: center;
  align-content: end;
  padding-bottom: 3.7rem;
}
@media only screen and (max-width: 834px) {
  #my-content .form__cv {
    padding-bottom: 0;
  }
}
#my-content .form__cv .cv__penguin,
#my-content .form__cv .cv__bear {
  bottom: -1.8rem;
}
@media only screen and (max-width: 834px) {
  #my-content .form__cv .cv__penguin,
  #my-content .form__cv .cv__bear {
    bottom: -1rem;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .form__cv .cv__lead {
    padding: 0;
    background-color: transparent;
  }
  #my-content .form__cv .cv__lead > span {
    display: none;
  }
  #my-content .form__cv .cv__lead::before, #my-content .form__cv .cv__lead::after {
    content: none;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .form__cv .cv__penguin {
    left: 10.5rem;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .form__cv .cv__bear {
    right: 11.4rem;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .form__cv .btn-cv {
    width: 60rem;
    height: 15rem;
    margin-top: 0;
  }
}
#my-content .my-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  color: #fff;
}
@media only screen and (max-width: 1023px) {
  #my-content .my-header {
    display: none;
  }
}
#my-content .my-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 8.2rem;
}
#my-content .my-header__logo {
  width: 33.363rem;
}
#my-content .my-header__nav {
  display: flex;
  align-items: center;
  gap: 3.5rem;
}
#my-content .my-header__list {
  display: flex;
}
#my-content .my-header__list li {
  border-left: 1px solid;
}
#my-content .my-header__list li:last-child {
  border-right: 1px solid;
}
#my-content .my-header__list a {
  display: block;
  padding: 1rem 2.2rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  #my-content .my-header__list a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .my-header__list a:active {
    opacity: 0.7;
  }
}
#my-content .my-header__cta {
  display: grid;
  place-items: center;
  width: 18rem;
  height: 3.6rem;
  border-radius: 99rem;
  background: linear-gradient(#ec682c 45%, #c43304);
  font-size: 1.5rem;
  font-weight: 700;
  transition: opacity 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  #my-content .my-header__cta:hover {
    opacity: 0.85;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .my-header__cta:active {
    opacity: 0.85;
  }
}
#my-content .my-footer {
  background-color: #003985;
  color: #fff;
  padding: 2rem 0 2rem;
}
#my-content .my-footer__logo {
  margin-bottom: 4rem;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__logo {
    margin-top: 4rem;
  }
  #my-content .my-footer__logo img {
    max-width: 280px;
  }
}
#my-content .my-footer__menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__menu {
    flex-direction: column;
    margin-bottom: 6rem;
  }
}
#my-content .my-footer__menu li a {
  display: inline-block;
  padding: 0 1rem;
  transition: all 0.15s ease-in-out;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__menu li a {
    padding: 1rem 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  #my-content .my-footer__menu li a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .my-footer__menu li a:active {
    opacity: 0.7;
  }
}
#my-content .my-footer__menu li:not(:last-child)::after {
  content: "/";
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__menu li:not(:last-child)::after {
    content: unset;
  }
}
#my-content .my-footer__copyright {
  font-size: 0.6667em;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer .inner {
    display: flex;
    flex-direction: column;
  }
  #my-content .my-footer__logo {
    order: -1;
  }
}
#my-content .navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}
#my-content .mobile-header-menu-buttons {
  justify-content: space-between;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: unset;
  padding: 0 2.5rem;
}
#my-content .mobile-header-menu-buttons .logo-menu-button {
  flex-grow: 0;
}
#my-content .mobile-header-menu-buttons .navi-menu-button {
  width: 30px;
}
#my-content .mobile-header-menu-buttons .navi-menu-icon {
  color: #fff;
  font-size: 30px;
  line-height: 1;
}
#my-content .mobile-header-menu-buttons .navi-menu-caption {
  display: none;
}
#my-content .mobile-header-menu-buttons .navi-menu-close-button {
  font-size: 30px;
  color: #fff;
}
#my-content .my-mobile-menu {
  background-color: transparent;
  padding: 0 2.5rem;
  z-index: 999;
}
#my-content .my-mobile-menu.--fixed {
  background-color: rgba(9, 132, 213, 0.9);
}
#my-content .my-mobile-menu .navi-menu-icon {
  color: #fff;
}
#my-content .my-mobile-menu__logo img {
  height: 40px;
  width: auto;
}
#my-content .my-mobile-menu .menu-close-button {
  position: absolute;
  top: 10px;
  right: 2.5rem;
  line-height: 1;
}
#my-content .my-mobile-menu .menu-content {
  height: auto;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
#my-content .my-mobile-menu .menu-drawer {
  height: auto;
  border-top: 50px solid #0089d9;
  border-bottom: 50px solid #0089d9;
  padding: 0;
}
#my-content .my-mobile-menu .menu-item:not(:last-child) {
  border-bottom: 2px solid #0089d9;
}
#my-content .my-mobile-menu .menu-item a {
  padding: 15px 0;
}

/* MailformPro */
#my-content .mailformpro .required_mark_wrap {
  display: block;
  position: relative;
}
#my-content .mailformpro .required_mark {
  position: absolute;
  left: -1.3rem;
  display: block;
  color: #e14132;
  line-height: 4.3rem;
}
#my-content .mailformpro .required_mark.-radio {
  line-height: 2.6rem;
}
#my-content .mailformpro .required_mark_detail {
  color: #e14132;
}
#my-content .mailformpro .overlay {
  position: fixed;
  z-index: 100;
  inset: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, .3);
}
#my-content .mailformpro .overlay .window {
  position: relative;
  width: 100%;
  max-width: 50rem;
  height: 100%;
  max-height: calc(100% - 2rem);
  padding: 2em 0;
}
#my-content .mailformpro .overlay .window_body {
  width: 100%;
  height: 100%;
  padding: 2em;
  overflow-y: auto;
  background-color: #fff;
}
#my-content .mailformpro .overlay .overlay_close {
  position: absolute;
  z-index: 1;
  top: 3rem;
  right: 2rem;
  cursor: pointer;
}
#my-content .mailformpro .window_body input[type="tel"],
#my-content .mailformpro .window_body input[type="email"],
#my-content .mailformpro .window_body input[type="text"],
#my-content .mailformpro .window_body textarea {
  width: 100%;
  min-height: 4rem;
  margin: .3rem 0;
  padding: .8rem 1.2rem;
  border: 1px solid #003985;
  border-radius: .5rem;
  color: #000;
  font: inherit;
}
#my-content .mailformpro .window_body textarea {
  min-height: 10rem;
  resize: vertical;
}
#my-content .mailformpro .window_body label {
  margin-right: 1.5rem;
}
#my-content .mailformpro .window_body .button {
  margin-top: 1.5rem;
}
#my-content .mailformpro .window_body .submit_anchor {
  border-color: #c43304;
  background: linear-gradient(#eb662b 45%, #c43304);
  color: #fff;
}
#my-content .mailformpro .window_body .submit_anchor:hover {
  opacity: 0.85;
}
#my-content .mailformpro .mfp_err {
  color: #e14132;
}
@media only screen and (max-width: 834px) {
  #my-content .mailformpro .required_mark {
    left: -2rem;
    font-size: 2.6rem;
    line-height: 5.6rem;
  }
  #my-content .mailformpro .overlay .window {
    max-width: 68rem;
  }
  #my-content .mailformpro .overlay .window_body {
    padding: 5rem 4rem;
    font-size: 2.6rem;
  }
  #my-content .mailformpro .window_body input[type="tel"],
  #my-content .mailformpro .window_body input[type="email"],
  #my-content .mailformpro .window_body input[type="text"],
  #my-content .mailformpro .window_body textarea {
    min-height: 5.6rem;
    border-radius: 1rem;
  }
}
/*# sourceMappingURL=lp_shinchiku.css.map */