@charset "UTF-8";
.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;
  min-height: 0;
}
.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;
}

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

@media only screen and (max-width: 834px) {
  .pc {
    display: none !important;
  }
}
@media only screen and (min-width: 835px) {
  .sp {
    display: none !important;
  }
}
a {
  text-decoration: none;
  color: inherit;
}

@media (hover: hover) {
  a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  a:hover {
    opacity: 1;
  }
}
html {
  scroll-behavior: smooth;
  border-top: none;
  font-size: 62.5%;
}
@media only screen and (max-width: 1240px) {
  html {
    font-size: clamp(4px, 0.80645vw, 10px);
  }
}
@media only screen and (max-width: 834px) {
  html {
    font-size: clamp(4px, 1.33334vw, 10px);
  }
}

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

#my-content {
  width: 100%;
  color: #000;
  font-feature-settings: "palt";
  font-family: "Noto Sans JP";
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.05em;
  overflow-x: hidden;
}
@media only screen and (max-width: 1240px) {
  #my-content {
    font-size: clamp(15px, 1.8rem, 18px);
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 834px) {
  #my-content {
    font-size: clamp(14px, 2.6rem, 18px);
  }
}
#my-content .inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .inner {
    padding: 0 2.5rem;
  }
}
#my-content .fc-navy {
  color: #133b77;
}
#my-content .fc-orange {
  color: #e16444;
}
#my-content .fc-red {
  color: #aa2a2c;
}
#my-content .sec-ttl {
  border-bottom: 2px solid #133b77;
  color: #133b77;
  font-family: "Zen Old Mincho";
  font-size: 5rem;
  line-height: 1.4;
  padding-bottom: 2rem;
  margin-bottom: 4rem;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl {
    font-size: 6rem;
  }
}
#my-content .sec-ttl small {
  display: block;
  font-family: "Noto Sans JP";
  font-size: 0.56em;
  font-weight: 500;
}
#my-content .mv {
  text-align: center;
  position: relative;
}
#my-content .mv .cta__btn {
  width: 18rem;
  height: 5rem;
  border-radius: 2.5rem;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 0.8333em;
}
@media only screen and (max-width: 834px) {
  #my-content .mv .cta__btn {
    width: 27rem;
    height: 7.5rem;
    border-radius: 3.75rem;
    font-size: 1em;
  }
}
#my-content .mv .cta__btn-wrap {
  position: absolute;
  max-width: 1300px;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 5rem;
  margin: 0;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .mv .cta__btn-wrap {
    top: 2rem;
    padding: 0 2rem;
  }
}
#my-content .recruit {
  background-color: #133b77;
  padding: 2rem 0 3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .recruit {
    padding: 4rem 0 3rem;
  }
}
#my-content .recruit__ttl {
  color: #fff;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .recruit__ttl {
    font-size: max(16px, 2.8rem);
  }
}
#my-content .recruit__subttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
#my-content .recruit__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -4rem -4rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .recruit__flex {
    background-color: #fff;
    margin: 0;
    padding-bottom: 7rem;
  }
}
#my-content .recruit__flex-item {
  flex-grow: 1;
  width: 50%;
  padding: 4rem 4rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .recruit__flex-item {
    width: 100%;
    padding: 5rem 5rem;
  }
}
#my-content .recruit__flex-item-inner {
  position: relative;
}
#my-content .recruit__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  box-shadow: 3px 3px 3px rgb(0, 0, 0);
}
@media only screen and (max-width: 834px) {
  #my-content .recruit__content {
    padding: 3rem;
  }
}
#my-content .recruit__subttl {
  background-color: #fff;
  width: 28rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #133b77;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .recruit__subttl {
    width: 30rem;
    font-size: 4.3rem;
  }
}
#my-content .recruit__subttl img {
  width: 3rem;
}
#my-content .recruit__subttl strong {
  font-size: 5rem;
  font-weight: bold;
}
@media only screen and (max-width: 834px) {
  #my-content .recruit__subttl strong {
    font-size: 5.3rem;
  }
}
#my-content .recruit__subttl small {
  font-size: 2.8rem;
}
@media only screen and (max-width: 834px) {
  #my-content .recruit__subttl small {
    font-size: 3rem;
  }
}
#my-content .recruit__subttl::before, #my-content .recruit__subttl::after {
  content: "";
  position: absolute;
  left: 2.5rem;
  width: calc(100% - 5rem);
  height: 0.2rem;
  background-color: #133b77;
}
#my-content .recruit__subttl::before {
  top: 2.8rem;
}
#my-content .recruit__subttl::after {
  bottom: 2.8rem;
}
#my-content .recruit__btn {
  width: 19rem;
  height: 4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #e16444;
  border-radius: 2rem;
  color: #fff;
  line-height: 1.2;
}
@media only screen and (max-width: 834px) {
  #my-content .recruit__btn {
    width: 28rem;
    height: 5.5rem;
    position: absolute;
    bottom: -7.5rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2.75rem;
  }
}
#my-content .intro {
  padding: 6rem 0;
}
#my-content .intro__flex {
  display: flex;
  flex-wrap: wrap;
  margin: -4rem -4rem 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__flex {
    margin: -1rem 0 0;
    padding-bottom: 7rem;
  }
}
#my-content .intro__flex-item {
  width: 50%;
  padding: 4rem 4rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__flex-item {
    width: 100%;
    padding: 1rem 2.5rem 0;
  }
}
#my-content .intro .no {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21rem;
  height: 8.6rem;
  font-size: 6.8rem;
  font-family: "Zen Old Mincho";
  line-height: 1;
  margin-right: 3rem;
  padding-bottom: 0.15em;
}
@media only screen and (max-width: 834px) {
  #my-content .intro .no {
    width: 24.3rem;
    height: 10rem;
    font-size: 7.9rem;
  }
}
#my-content .intro .no small {
  font-family: "Noto Sans JP";
  font-size: 0.5em;
  font-weight: bold;
  padding-right: 0.3em;
  padding-top: 0.3em;
}
#my-content .intro .ttl {
  max-width: 32rem;
  width: 100%;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.4;
}
@media only screen and (max-width: 834px) {
  #my-content .intro .ttl {
    max-width: 38rem;
    font-size: max(16px, 3.2rem);
  }
}
#my-content .intro__list li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid;
  padding: 1rem 0;
}
#my-content .intro__list li:nth-child(2) .no {
  width: 18rem;
  height: 8rem;
  font-size: 6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__list li:nth-child(2) .no {
    width: 21rem;
    height: 9rem;
    font-size: 7.1rem;
  }
}
#my-content .intro__list li:nth-child(3) .no {
  width: 15rem;
  height: 7rem;
  font-size: 5.4rem;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__list li:nth-child(3) .no {
    width: 18rem;
    height: 8rem;
    font-size: 6.3rem;
  }
}
#my-content .intro__icon-down {
  text-align: right;
  line-height: 1;
  margin-top: 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__icon-down img {
    width: max(20px, 3.4rem);
  }
}
#my-content .intro .box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
  border: 1px solid;
  padding: 4rem 0 4rem;
}
@media only screen and (max-width: 834px) {
  #my-content .intro .box {
    padding: 5rem;
  }
}
#my-content .intro .box:not(:last-child) {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 834px) {
  #my-content .intro .box:not(:last-child) {
    margin-bottom: 6rem;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .intro .box .no {
    width: 20rem;
    height: 8.6rem;
    font-size: 6.6rem;
    margin-right: 2rem;
  }
}
#my-content .intro .box-top {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 834px) {
  #my-content .intro .box-top {
    margin-bottom: 2rem;
  }
}
#my-content .intro .box-ttl {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.2;
}
@media only screen and (max-width: 834px) {
  #my-content .intro .box-ttl {
    font-size: max(16px, 3.4rem);
    margin-right: -2em;
  }
}
#my-content .intro .box-ttl > small {
  display: inline-block;
  font-size: 0.718em;
}
#my-content .intro .box-img {
  width: 30rem;
}
@media only screen and (max-width: 834px) {
  #my-content .intro .box-img {
    width: 100%;
    margin-bottom: 2rem;
  }
}
#my-content .intro .box-txt {
  width: calc(100% - 30rem);
  font-weight: 500;
  padding: 0 4rem;
}
@media only screen and (max-width: 834px) {
  #my-content .intro .box-txt {
    width: 100%;
    padding: 0;
  }
}
#my-content .intro .--feature li {
  border-color: #74aed6;
}
#my-content .intro .--feature .no {
  background-color: #74aed6;
  color: #fff;
}
#my-content .intro .--feature .box {
  border-color: #74aed6;
}
#my-content .intro .--result li {
  border-color: #e16444;
}
#my-content .intro .--result .no {
  background-color: #e16444;
  color: #fff;
}
#my-content .intro .--result .box {
  border-color: #e16444;
}
#my-content .intro .feature {
  padding: 4rem 0;
  background-color: #d9ecf8;
}
#my-content .intro .result {
  padding: 4rem 0;
  background-color: #fff;
}
#my-content .benefit {
  background-color: #faf0cf;
  padding: 6rem 0;
}
#my-content .benefit__flex {
  display: flex;
  flex-wrap: wrap;
  margin: -3rem -3rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .benefit__flex {
    margin: -6rem 0 0;
  }
}
#my-content .benefit__flex-item {
  width: 50%;
  padding: 3rem 3rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .benefit__flex-item {
    width: 100%;
    padding: 6rem 0 0;
  }
}
#my-content .benefit__box {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  background-color: #fff;
  padding-bottom: 3rem;
}
#my-content .benefit__box-no {
  color: #f0b444;
  font-family: "Zen Old Mincho";
  font-size: 8rem;
  line-height: 1;
  margin: 2rem 3rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .benefit__box-no {
    font-size: 10rem;
  }
}
#my-content .benefit__box-no > small {
  display: block;
  background-color: #133b77;
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 0.225em;
  line-height: 1.34;
  font-weight: bold;
  text-align: center;
}
#my-content .benefit__box-img {
  width: 30rem;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .benefit__box-img {
    width: 37.5rem;
  }
}
#my-content .benefit__box-ttl {
  color: #133b77;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  padding: 0 6rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .benefit__box-ttl {
    font-size: max(17px, 3.5rem);
  }
}
#my-content .benefit__box-txt {
  font-weight: 500;
  padding: 0 6rem;
}
#my-content .job {
  background-color: #ebeded;
  padding: 6rem 0;
}
#my-content .job__ttl {
  background-color: #133b77;
  color: #fff;
  line-height: 1.4;
  font-size: 3.2rem;
  padding: 1rem 3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .job__ttl {
    font-size: max(18px, 3.2rem);
  }
}
#my-content .job__box {
  background-color: #fff;
  padding: 2rem 5rem 5rem;
  margin-bottom: 4rem;
}
#my-content .job__list {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem -3rem 1rem;
}
#my-content .job__list:nth-child(2) {
  margin-bottom: 2rem;
}
#my-content .job__list li {
  width: 20rem;
  border: 1px solid #133b77;
  color: #133b77;
  font-weight: 500;
  line-height: 1.2;
  margin: 1rem 0.5rem 0;
  padding: 0.5rem 0;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .job__list li {
    width: calc((100% - 3rem) / 3);
    font-size: 2.1rem;
  }
}
#my-content .job__list li.bg-orange {
  background-color: #e16444;
  color: #fff;
  border-color: #e16444;
}
#my-content .job__list li.bg-blue {
  background-color: #74aed6;
  color: #fff;
  border-color: #74aed6;
}
#my-content .job__list li.bg-yellow {
  background-color: #f0b444;
  color: #fff;
  border-color: #f0b444;
}
#my-content .job__list li strong {
  font-size: 1.22em;
}
#my-content .job__flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 834px) {
  #my-content .job__flex {
    flex-wrap: wrap;
    justify-content: center;
  }
}
#my-content .job__flex-img {
  width: 30rem;
  margin-right: 6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .job__flex-img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
}
#my-content .job__flex-content {
  flex-grow: 1;
}
#my-content .job__flex-box {
  flex-shrink: 0;
  width: fit-content;
  background-color: #f5f5f5;
  padding: 3rem 3rem;
  margin-left: 6rem;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .job__flex-box {
    flex-grow: 1;
    margin-left: 0;
    margin-top: 4rem;
    padding: 3rem 1rem;
  }
}
#my-content .job__txt {
  font-weight: 500;
}
#my-content .job__txt strong {
  font-size: 1.111em;
  font-weight: bold;
}
#my-content .job__hr {
  width: 100%;
  margin: 3rem 0;
}
#my-content .job__hr.--navy {
  border-color: #133b77;
}
#my-content .job__hr.--orange {
  border-color: #e16444;
}
#my-content .job__flow {
  color: #133b77;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 1rem;
}
#my-content .job__flow li:not(:last-child) {
  margin-bottom: 2rem;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .job__flow li:not(:last-child) {
    margin-bottom: 3rem;
  }
}
#my-content .job__flow li:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.5rem;
  height: 1rem;
  background: url(../img/icon_flow_orange.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .job__flow li:not(:last-child):after {
    bottom: -2.5rem;
    width: 2.5rem;
    height: 2rem;
  }
}
#my-content .faq {
  padding: 6rem 0;
}
#my-content .faq__list li {
  border-bottom: 2px solid #133b77;
  padding: 3rem 5rem;
}
#my-content .faq__list-q {
  color: #133b77;
  font-size: 1.2223em;
  font-weight: bold;
  line-height: 1.6;
  padding-left: 5rem;
  margin-bottom: 1.5em;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__list-q {
    margin-bottom: 1em;
    padding-left: 6rem;
  }
}
#my-content .faq__list-q:after {
  font-family: "Zen Old Mincho";
  font-size: 4rem;
  font-weight: 500;
  content: "Q";
  position: absolute;
  top: -0.3em;
  left: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__list-q:after {
    font-size: 5rem;
  }
}
#my-content .faq__list-a {
  font-weight: 500;
  line-height: 1.6;
  padding-left: 5rem;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__list-a {
    padding-left: 6rem;
  }
}
#my-content .faq__list-a:after {
  color: #e16444;
  font-family: "Zen Old Mincho";
  font-size: 4rem;
  font-weight: 500;
  content: "A";
  position: absolute;
  top: -0.3em;
  left: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__list-a:after {
    font-size: 5rem;
  }
}
#my-content .guide {
  padding: 6rem 0;
}
#my-content .guide__table {
  margin-bottom: 4rem;
}
#my-content .guide__table th {
  background-color: #d9ecf8;
  border: 1px solid #133b77;
  color: #133b77;
  font-weight: bold;
  padding: 2rem 3rem;
  vertical-align: top;
  white-space: nowrap;
}
@media only screen and (max-width: 834px) {
  #my-content .guide__table th {
    padding: 2rem;
  }
}
#my-content .guide__table td {
  font-weight: 500;
  padding: 2rem 3rem;
  border: 1px solid #133b77;
}
@media only screen and (max-width: 834px) {
  #my-content .guide__table td {
    padding: 2rem;
  }
}
#my-content .selection {
  background-color: #d9ecf8;
  padding: 6rem 0;
}
#my-content .selection__box {
  background-color: #fff;
  padding: 6rem;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__box {
    padding: 6rem 4rem;
  }
}
#my-content .selection__txt {
  font-weight: 500;
}
#my-content .selection__txt strong {
  font-size: 1.111em;
  font-weight: bold;
}
#my-content .selection__flow {
  max-width: 830px;
  margin: 0 auto 2rem;
}
#my-content .selection__flow li {
  min-height: 12rem;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__flow li {
    flex-direction: column;
  }
}
#my-content .selection__flow li:not(:last-child) {
  margin-bottom: 2rem;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__flow li:not(:last-child) {
    margin-bottom: 10rem;
  }
}
#my-content .selection__flow li:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -2rem;
  left: 14rem;
  width: 4rem;
  height: 2.4rem;
  background: url(../img/icon_flow_navy.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__flow li:not(:last-child)::after {
    bottom: -5rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
#my-content .selection__flow-box {
  flex-shrink: 0;
  width: 32rem;
  height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #133b77;
  border-radius: 1rem;
  color: #133b77;
  font-size: 2.6rem;
  font-weight: bold;
  padding-left: 2rem;
  margin-right: 2rem;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__flow-box {
    width: 45rem;
    height: 10rem;
    font-size: 3.6rem;
    margin-bottom: 2rem;
  }
}
#my-content .selection__flow-box.--orange {
  color: #e16444;
  border-color: #e16444;
}
#my-content .selection__flow-no {
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Zen Old Mincho";
  font-size: 3rem;
  font-weight: normal;
  line-height: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__flow-no {
    font-size: 4.2rem;
  }
}
#my-content .selection__flow-no > small {
  display: inline-block;
  font-family: "Noto Sans JP";
  font-size: 0.4666em;
  font-weight: bold;
}
#my-content .selection__place {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -1rem -1rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__place {
    margin: 0;
    border-bottom: 1px solid #133b77;
  }
}
#my-content .selection__place li {
  width: 50%;
  padding: 2rem 1rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__place li {
    width: 100%;
    padding: 0;
  }
}
#my-content .selection__place li p {
  border: 1px solid #133b77;
  padding: 2rem 3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__place li p {
    border-bottom: none;
  }
}
#my-content .access {
  padding: 6rem 0;
}
#my-content .access__flex {
  display: flex;
  flex-wrap: wrap;
  margin: -3rem -2.8rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .access__flex {
    margin: -4rem 0 0;
  }
}
#my-content .access__flex li {
  width: 50%;
  padding: 3rem 2.8rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .access__flex li {
    width: 100%;
    padding: 4rem 0 0;
  }
}
#my-content .access__box {
  height: 100%;
  border: 1px solid;
}
@media only screen and (max-width: 834px) {
  #my-content .access__box {
    min-height: 70rem;
  }
}
#my-content .access__box-content {
  padding: 3rem;
}
#my-content .access__box.--dummy {
  display: flex;
  align-items: center;
  justify-content: center;
}
#my-content .access__box.--dummy img {
  width: 40rem;
  margin-bottom: 5rem;
}
#my-content .access__name {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
#my-content .access__txt {
  color: #808080;
  font-size: 0.888em;
  font-weight: 500;
}
#my-content .access__photo {
  display: flex;
  justify-content: center;
  margin: 1rem -1rem 0;
}
#my-content .access__photo li {
  padding: 1rem 1rem 0;
}
#my-content .cta {
  background-color: #133b77;
  padding: 6rem 0;
}
#my-content .cta .sec-ttl {
  color: #fff;
  border-color: #fff;
}
#my-content .cta__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -3rem -3rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex {
    margin: -4rem 0 0;
  }
}
#my-content .cta__flex-item {
  width: 50%;
  padding: 3rem 3rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex-item {
    width: 100%;
    padding: 4rem 0 0;
  }
}
#my-content .cta__box {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 3rem;
  padding: 4rem 3rem;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__box {
    align-items: flex-end;
    padding: 8rem 6rem 6rem;
  }
}
#my-content .cta__btn {
  width: 35rem;
  height: 6.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(0deg, rgb(193, 80, 35) 0.08%, rgb(209, 90, 51) 20.95%, rgb(221, 97, 64) 45.89%, rgb(225, 100, 68) 70%);
  border-radius: 3.4rem;
  box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.111em;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn {
    width: 55rem;
    height: 10rem;
    border-radius: 5rem;
  }
}
#my-content .cta__btn.--navy {
  background: #133b77;
  box-shadow: none;
}
#my-content .cta__btn.--orange {
  background: #e16444;
  box-shadow: none;
}
#my-content .cta__btn.--lg {
  width: 66rem;
  height: 9rem;
  border-radius: 4.5rem;
  font-size: 2.8rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn.--lg {
    font-size: max(16px, 3rem);
  }
}
#my-content .cta__btn-wrap {
  margin-top: 1rem;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn-wrap {
    margin-top: 2rem;
  }
}
#my-content .cta__btn-icon {
  margin-right: 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn-icon {
    width: 4.5rem;
  }
}
#my-content .cta__logo {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__logo img {
    width: 52rem;
  }
}
#my-content .cta__tel {
  width: 40rem;
  margin: 0 0 2rem auto;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__tel {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  #my-content .cta__tel img {
    width: 4.5rem;
    margin-right: 1rem;
  }
}
#my-content .cta__tel-txt {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #133b77;
  color: #133b77;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 1.4;
  padding: 0 2rem 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__tel-txt {
    font-size: 3.4rem;
  }
}
#my-content .cta__tel a {
  display: inline-block;
  color: #133b77;
  font-size: 4.2rem;
  font-weight: bold;
  line-height: 1;
  padding: 1rem 2rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__tel a {
    font-size: 6.4rem;
  }
}
#my-content .cta__tel small {
  display: inline-block;
  color: #808080;
  font-size: 0.888em;
  font-weight: 500;
  padding: 0 2rem;
}
#my-content .cta__img01 {
  position: absolute;
  left: 3rem;
  width: 12rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__img01 {
    position: relative;
    left: auto;
    width: 17.6rem;
    margin-right: 2rem;
  }
}
#my-content .cta__img02 {
  position: absolute;
  right: 3rem;
  bottom: 4rem;
  width: 14.4rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__img02 {
    position: relative;
    right: auto;
    bottom: auto;
    width: 21.2rem;
  }
}
#my-content .cta__txt01 {
  width: 100%;
  font-size: 1.15em;
  font-weight: bold;
  line-height: 1.4;
  padding-right: 15rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__txt01 {
    margin-top: 2rem;
  }
}
#my-content .cta__txt02 {
  width: 100%;
  color: #808080;
  font-size: 0.8333em;
  font-weight: 500;
  line-height: 1.4;
  padding-right: 15rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__txt02 {
    padding-right: 0;
    font-size: 1em;
  }
}
#my-content .contact {
  padding: 6rem 0;
}
#my-content .contact__box {
  background-color: #f5f5f5;
  padding: 5rem 2rem;
}
#my-content .contact__box-inner {
  max-width: 800px;
  margin: 0 auto;
}
#my-content .contact__txt {
  font-weight: 500;
  margin-bottom: 3rem;
}
#my-content input,
#my-content select {
  height: 60px;
  border-radius: 0.8rem;
}
@media only screen and (max-width: 834px) {
  #my-content input,
  #my-content select {
    height: 50px;
  }
}
#my-content input[type=radio] {
  height: 30px;
}
#my-content textarea {
  border-radius: 0.8rem;
  height: 10em;
}
#my-content .wpforms-field {
  padding: 15px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .wpforms-field {
    padding: 10px 0;
  }
}
#my-content .wpforms-field-label,
#my-content .wpforms-field-label-inline {
  color: #133b77;
  font-weight: bold;
  font-size: 1em;
}
#my-content .wpforms-field-radio {
  color: #133b77;
}
#my-content .wpforms-field-email .wpforms-field-row {
  flex-direction: column;
}
#my-content .wpforms-field-email .wpforms-field-row-block {
  width: 100%;
  padding: 0;
}
#my-content .wpforms-field-email .wpforms-field-row-block.wpforms-first {
  padding-bottom: 15px;
}
#my-content .wpforms-submit-container {
  text-align: center;
}
#my-content button[type=submit] {
  width: 50rem;
  height: 9rem;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 2.8rem;
  background: linear-gradient(0deg, rgb(193, 80, 35) 0.08%, rgb(209, 90, 51) 20.95%, rgb(221, 97, 64) 45.89%, rgb(225, 100, 68) 70%);
  border-radius: 4.5rem;
  color: #fff;
  border: none;
  cursor: pointer;
  margin-top: 3rem;
}
#my-content button[type=submit]:hover {
  opacity: 0.8;
}
#my-content button[type=submit]:focus {
  outline: none;
}
#my-content .redesign {
  background-color: #d9ecf8;
  padding: 6rem 0;
}
#my-content .redesign__ttl {
  color: #133b77;
  font-family: "Zen Old Mincho";
  font-size: 1.7em;
  line-height: 1.25;
  margin: 0 auto 0.5em;
  text-align: center;
}
#my-content .redesign__subttl {
  width: fit-content;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.25;
  margin: 0 auto 1em;
  padding: 0 3em;
  text-align: center;
  position: relative;
}
#my-content .redesign__subttl::before, #my-content .redesign__subttl::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 2.5em;
  height: 1px;
  background-color: #133b77;
}
#my-content .redesign__subttl::before {
  left: 0;
  transform: rotate(45deg);
}
#my-content .redesign__subttl::after {
  right: 0;
  transform: rotate(-45deg);
}
#my-content .redesign__list {
  display: flex;
  gap: 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .redesign__list {
    flex-wrap: wrap;
  }
  #my-content .redesign__list li:not(:first-child) {
    width: calc((100% - 2rem) / 3);
  }
}

.navi-course-button {
  display: none;
}/*# sourceMappingURL=lp_boshu.css.map */