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

.article {
  margin: 0 !important;
}

#my-content {
  width: 100%;
  color: #000;
  font-feature-settings: "palt";
  font-family: "Noto Sans JP";
  font-size: 1.8rem;
  font-weight: 500;
  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: #ff6800;
}
#my-content .fc-red {
  color: #aa2a2c;
}
#my-content .sec-ttl {
  border-bottom: 1px solid #133b77;
  color: #133b77;
  font-family: "Noto Serif JP";
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.4;
  padding-bottom: 0.4em;
  margin-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl {
    font-size: max(20px, 4rem);
  }
}
#my-content .cta {
  padding: 10rem 0 7rem;
  position: relative;
}
#my-content .cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.8rem;
  background: url(../img/frame01.png) center center/100% 100% no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .cta::before {
    height: 28rem;
    background-image: url(../img/frame01_sp.png);
    z-index: -1;
  }
}
#my-content .cta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5.8rem;
  background: url(../img/frame05.png) center center/100% 100% no-repeat;
}
#my-content .cta__btn {
  max-width: 35rem;
  width: 100%;
  height: 6.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(0deg, rgb(222, 41, 48) 0%, rgb(240, 104, 0) 50%);
  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 {
    max-width: 49rem;
    height: 9rem;
    border-radius: 4.5rem;
  }
}
#my-content .cta__btn.--navy {
  background: linear-gradient(0deg, rgb(40, 54, 84) 0%, rgb(19, 59, 119) 50%);
}
#my-content .cta__btn.--orange {
  background: -ms-linear-gradient(90deg, rgb(222, 41, 48) 0%, rgb(240, 104, 0) 50%);
}
#my-content .cta__btn.--lg {
  max-width: 56rem;
  height: 9rem;
  border-radius: 4.5rem;
  font-size: 2.8rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn.--lg {
    max-width: 66rem;
    height: 11rem;
    border-radius: 5.5rem;
    font-size: max(16px, 3rem);
  }
}
#my-content .cta__btn-wrap {
  margin-top: 3rem;
  width: 100%;
  text-align: center;
}
#my-content .cta__btn-wrap.--lg {
  margin-top: 5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn-wrap.--lg {
    margin-top: 8rem;
  }
}
#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__btn-note {
  color: #133b77;
  line-height: 1.4;
  margin-top: 1rem;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn-note {
    font-size: max(11px, 2.1rem);
  }
}
#my-content .cta__btn-note .icon {
  padding-right: 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn-note .icon {
    width: 7rem;
  }
}
#my-content .cta__btn + .cta__btn {
  margin-top: 1.5rem;
}
#my-content .cta__flex {
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex {
    justify-content: center;
  }
}
#my-content .cta__flex-left {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex-left {
    width: 100%;
    margin-bottom: 6rem;
  }
}
#my-content .cta__flex-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-left: 10rem;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex-right {
    width: 100%;
    padding-left: 0;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .cta__logo img {
    width: 60rem;
  }
}
#my-content .cta__tel {
  width: 40rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__tel {
    width: 100%;
  }
}
#my-content .cta__tel-txt {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  color: #133b77;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__tel-txt {
    font-size: max(15px, 3.2rem);
  }
}
#my-content .cta__tel-txt .icon {
  margin-right: 1.5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__tel-txt .icon {
    width: 5.6rem;
  }
}
#my-content .cta__tel-table {
  width: 35rem;
  color: #133b77;
  line-height: 1.4;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__tel-table {
    width: 49rem;
  }
}
#my-content .cta__tel-table th {
  border-bottom: 1px solid;
  font-size: 0.888em;
  text-align: right;
  white-space: nowrap;
}
#my-content .cta__tel-table td {
  border-bottom: 1px solid;
  font-size: max(26px, 3rem);
  padding: 0 2rem;
  text-align: right;
  white-space: nowrap;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__tel-table td {
    font-size: max(20px, 4.2rem);
  }
}
#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__tel-time {
  color: #133b77;
  font-size: 0.888em;
  text-align: right;
}
#my-content .cta__img01 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 14.2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__img01 {
    width: 19.6rem;
  }
}
#my-content .mv {
  text-align: center;
  position: relative;
}
#my-content .mv__header {
  position: absolute;
  max-width: 1300px;
  width: 100%;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 2rem;
  z-index: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__header {
    top: 2rem;
    padding: 0 2.5rem;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .mv__header-logo {
    width: 31rem;
  }
}
#my-content .mv__01 {
  position: relative;
}
#my-content .mv__01::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.8rem;
  background: url(../img/frame01.png) center center/100% 100% no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__01::before {
    content: unset;
  }
}
#my-content .mv__01::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 30%;
  width: 70%;
  height: 4rem;
  background: url(../img/frame02.png) center center/100% 100% no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .mv__01::after {
    content: unset;
  }
}
#my-content .mv .cta__btn {
  max-width: 21rem;
  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 {
    max-width: 35rem;
    height: 7.5rem;
    border-radius: 3.75rem;
    font-size: 1em;
  }
}
#my-content .intro {
  padding: 10rem 0;
  position: relative;
}
#my-content .intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  background: url(../img/frame03.png) center center/100% 100% no-repeat;
}
#my-content .intro__flex {
  display: flex;
  align-items: center;
}
#my-content .intro__list {
  width: 70rem;
  padding-right: 5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__list {
    width: 100%;
    padding-right: 0;
  }
}
#my-content .intro__list-item:not(:last-child) {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__list-item:not(:last-child) {
    margin-bottom: 5rem;
  }
}
#my-content .intro__point {
  width: fit-content;
  border: 1px solid;
  border-left: none;
  color: #ff6800;
  font-family: "Noto Serif JP";
  font-size: max(10px, 1.3rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  padding: 0.2em 0.5em;
  margin-bottom: 1em;
  margin-top: 3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__point {
    font-size: max(10px, 1.7rem);
  }
}
#my-content .intro__ttl {
  display: flex;
  align-items: center;
  color: #133b77;
  font-family: "Noto Serif JP";
  font-size: max(20px, 2.8rem);
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__ttl {
    font-size: max(17px, 3.6rem);
  }
}
#my-content .intro__ttl .no {
  display: inline-block;
  font-size: 5.5rem;
  line-height: 1;
  margin-right: 0.4em;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__ttl .no {
    font-size: 7.2rem;
  }
}
#my-content .intro__ttl .frame {
  flex-grow: 1;
  display: inline-block;
  border: 1px solid #133b77;
  border-right: none;
  padding: 0.2em 0.5em;
}
#my-content .intro__txt {
  letter-spacing: normal;
}
#my-content .intro__img {
  width: 50rem;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__img {
    margin: 4rem auto 0;
  }
}
#my-content .intro__img img + img {
  margin-top: 8rem;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__img img + img {
    margin-top: 0;
  }
}
#my-content .feature {
  background-color: #d0d8e4;
  padding: 10rem 0;
}
#my-content .feature__list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
  padding: 3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .feature__list-item {
    padding: 4rem 6rem 6rem;
  }
}
#my-content .feature__list-item:not(:last-child) {
  margin-bottom: 4rem;
}
#my-content .feature__img {
  width: 30rem;
}
@media only screen and (max-width: 834px) {
  #my-content .feature__img {
    width: 100%;
    margin-bottom: 4rem;
  }
}
#my-content .feature__content {
  width: calc(100% - 30rem);
  padding-left: 5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .feature__content {
    width: 100%;
    padding-left: 0;
  }
}
#my-content .feature__no {
  width: fit-content;
  display: flex;
  align-items: center;
  color: #133b77;
  font-family: "Noto Serif JP";
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1;
  padding: 1rem 1rem 0.5rem 3rem;
  margin-left: -3rem;
  margin-bottom: 1rem;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .feature__no {
    font-size: max(14px, 3rem);
    margin-left: -6rem;
  }
}
#my-content .feature__no strong {
  display: inline-block;
  font-size: 5rem;
  font-weight: 500;
  margin-left: 0.2em;
}
@media only screen and (max-width: 834px) {
  #my-content .feature__no strong {
    font-size: max(34px, 7.2rem);
  }
}
#my-content .feature__no::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: skewX(20deg);
  transform-origin: top left;
}
#my-content .feature__ttl {
  color: #133b77;
  font-family: "Noto Serif JP";
  font-size: max(20px, 2.8rem);
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .feature__ttl {
    font-size: max(17px, 3.8rem);
  }
}
#my-content .job {
  padding: 10rem 0;
  position: relative;
}
#my-content .job::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  background: url(../img/frame04.png) center center/100% 100% no-repeat;
}
#my-content .job__ttl {
  background-color: #133b77;
  color: #fff;
  font-family: "Noto Serif JP";
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 0.3em 1.5em;
  clip-path: polygon(3rem 0, 100% 0, 100% 100%, 0 100%);
}
@media only screen and (max-width: 834px) {
  #my-content .job__ttl {
    font-size: max(16px, 3.2rem);
  }
}
#my-content .job__box {
  background-color: #fff;
  border: 1px solid #808080;
  padding: 5rem 5rem 5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .job__box {
    padding: 4rem 4rem 6rem;
  }
}
#my-content .job__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 5rem;
}
#my-content .job__flex-img {
  width: 30rem;
}
@media only screen and (max-width: 834px) {
  #my-content .job__flex-img {
    width: 100%;
    margin-bottom: 4rem;
  }
}
#my-content .job__flex-content {
  width: calc(100% - 30rem);
  padding-left: 5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .job__flex-content {
    width: 100%;
    padding-left: 0;
  }
}
#my-content .job__txt1 {
  font-size: 1.222em;
  margin-bottom: 0.5em;
}
#my-content .job__txt2 {
  line-height: 1.6;
  margin-top: 0.5em;
}
#my-content .job__txt2 small {
  font-size: 0.888em;
}
#my-content .job__txt3 {
  line-height: 1.94;
  margin-bottom: 3rem;
}
#my-content .job__txt3 .fc-blue {
  color: #6e96d5;
}
#my-content .job__txt4 {
  width: calc(50% - 1rem);
  border: 1px solid #808080;
  border-right: none;
  letter-spacing: normal;
  padding: 2rem 3rem 3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .job__txt4 {
    width: 100%;
    border-bottom: none;
    margin-top: 2rem;
  }
}
#my-content .job__txt4 strong {
  font-size: 1.111em;
}
#my-content .job__list {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem -0.5rem 2rem;
}
#my-content .job__list li {
  color: #133b77;
  line-height: 1.2;
  margin: 1rem 0.5rem 0;
  padding: 0.8rem 1.4em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .job__list li {
    font-size: max(10px, 2rem);
  }
}
#my-content .job__list li.bg-orange {
  background-color: #d78728;
  color: #fff;
}
#my-content .job__list li.bg-blue {
  background-color: #6e96d5;
  color: #fff;
}
#my-content .job__list li.bg-grey {
  background-color: #d0d8e4;
}
#my-content .room {
  background-color: #d0d8e4;
  padding: 10rem 0;
}
#my-content .room__flex {
  display: flex;
  flex-wrap: wrap;
  margin: -4rem -1.2rem 0;
}
#my-content .room__flex-item {
  width: 50%;
  padding: 4rem 1.2rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .room__flex-item {
    width: 100%;
  }
}
#my-content .room__ttl {
  background-color: #133b77;
  color: #fff;
  font-family: "Noto Serif JP";
  font-size: max(18px, 2.4rem);
  font-weight: 500;
  line-height: 1.4;
  padding: 0.5rem 4rem;
  clip-path: polygon(3rem 0, 100% 0, 100% 100%, 0 100%);
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .room__ttl {
    font-size: max(14px, 2.8rem);
  }
}
#my-content .room__box {
  background-color: #fff;
  padding: 2rem 3rem 4rem;
}
#my-content .room .slider {
  padding: 0 5rem 2rem;
}
#my-content .room .thumbnail .slick-img {
  padding: 0 1rem;
}
#my-content .room .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
}
#my-content .room .slick-arrow.prev-arrow {
  left: 0;
}
#my-content .room .slick-arrow.next-arrow {
  right: 0;
}
#my-content .room__btn-wrap {
  margin-top: 3rem;
  text-align: right;
}
#my-content .room__btn {
  max-width: 25rem;
  width: 100%;
  height: 4.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #d0d8e4;
  border-radius: 2.3rem;
  color: #133b77;
  font-size: 1.111em;
  font-weight: 500;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .room__btn {
    max-width: 30rem;
    height: 5.4rem;
    border-radius: 2.7rem;
    font-size: 1em;
  }
}
#my-content .room__btn::after {
  content: "";
  width: 1em;
  height: 0.8em;
  background: url(../img/arrow_right.svg) center center/contain no-repeat;
  margin-left: 0.5em;
}
#my-content .room__btn::before {
  content: "";
  position: absolute;
  top: -2rem;
  right: 0;
  width: 4.5rem;
  height: 8.6rem;
  background: url(../img/icon_mobile.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .room__btn::before {
    width: 5.4rem;
    height: 10.1rem;
  }
}
#my-content .guide {
  padding: 10rem 0;
  position: relative;
}
#my-content .guide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  background: url(../img/frame04.png) center center/100% 100% no-repeat;
}
#my-content .guide__btn-wrap {
  margin-top: 3rem;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .guide__btn-wrap {
    margin-top: 8rem;
  }
}
#my-content .guide__btn {
  max-width: 30rem;
  width: 100%;
  height: 4.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #d0d8e4;
  border-radius: 2.3rem;
  color: #133b77;
  font-size: 1.111em;
  font-weight: 500;
  padding-right: 4rem;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .guide__btn {
    max-width: 36rem;
    height: 5.4rem;
    border-radius: 2.7rem;
    font-size: 1em;
  }
}
#my-content .guide__btn::after {
  content: "";
  width: 1em;
  height: 0.8em;
  background: url(../img/arrow_right.svg) center center/contain no-repeat;
  margin-left: 0.5em;
}
#my-content .guide__btn::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10.1rem;
  height: 9rem;
  background: url(../img/icon_company.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .guide__btn::before {
    width: 12.2rem;
    height: 10.8rem;
  }
}
#my-content .guide__table {
  width: 100%;
}
#my-content .guide__table th {
  background-color: #eef2f0;
  border: 1px solid #808080;
  color: #000;
  font-weight: bold;
  line-height: 1.4;
  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 #808080;
}
@media only screen and (max-width: 834px) {
  #my-content .guide__table td {
    padding: 2rem;
  }
}
#my-content .guide__table td small {
  display: inline-block;
  line-height: 1.7;
}
#my-content .selection {
  background-color: #eef2f0;
  padding: 10rem 0;
}
#my-content .selection__box {
  background-color: #fff;
  padding: 6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__box {
    padding: 6rem 4rem;
  }
}
#my-content .selection__txt {
  height: 100%;
}
#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 {
  text-align: center;
}
#my-content .selection__flow li:not(:last-child) {
  margin-bottom: 4rem;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__flow li:not(:last-child) {
    margin-bottom: 6rem;
  }
}
#my-content .selection__flow li:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.15rem;
  height: 2.4rem;
  background: url(../img/arrow_down.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__flow li:not(:last-child)::after {
    bottom: -4rem;
    width: 4.1rem;
    height: 2.3rem;
  }
}
#my-content .selection__flow-ttl {
  width: 50rem;
  height: 7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #133b77;
  font-family: "Noto Serif JP";
  font-size: 2.6rem;
  font-weight: 500;
  margin-bottom: 1rem;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__flow-ttl {
    width: 100%;
    height: 9.1rem;
    font-size: max(16px, 3.4rem);
  }
}
#my-content .selection__flow-ttl > small {
  font-size: 0.8846em;
}
#my-content .selection__flow-ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(3rem 0, 100% 0, 100% 100%, 0 100%);
  background-color: #eef2f0;
  z-index: -1;
}
#my-content .selection__flow-ttl .no {
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Noto Serif JP";
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .selection__flow-ttl .no {
    font-size: max(18px, 4rem);
  }
}
#my-content .selection__flow-ttl .no > small {
  display: inline-block;
  background-color: #133b77;
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 0.4666em;
  font-weight: bold;
  padding: 0.2em 1em;
  clip-path: polygon(0 0, calc(100% - 0.5rem) 0, 100% 100%, 0 100%);
}
#my-content .selection__flow-ttl.--orange {
  border-color: #ff6800;
  color: #ff6800;
}
#my-content .selection__flow-ttl.--orange::before {
  background-color: #fff27f;
}
#my-content .selection__flow-ttl.--orange .no > small {
  background-color: #ff6800;
}
#my-content .selection__flow-txt {
  line-height: 1.833;
}
#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: 10rem 0;
}
#my-content .access .sec-ttl {
  margin-bottom: 1rem;
}
#my-content .access__txt {
  font-size: 0.888em;
  line-height: 1.75;
}
#my-content .access__txt.--center {
  text-align: center;
  margin-bottom: 1em;
}
#my-content .access__flex {
  display: flex;
  flex-wrap: wrap;
  margin: -2rem -1.2rem 2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .access__flex {
    margin: -4rem 0 4rem;
  }
}
#my-content .access__flex li {
  width: 50%;
  padding: 2rem 1.2rem 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 #808080;
  padding: 0.8rem;
}
#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__photo {
  border: 1px solid #808080;
  padding: 1rem 1.2rem;
}
#my-content .access__photo-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#my-content .access__photo-list li {
  width: 25%;
  padding: 1rem 1.2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-list li {
    width: 50%;
  }
}
#my-content .access__photo-note {
  font-size: 0.8333em;
  letter-spacing: normal;
  line-height: 1.6;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-note {
    text-align: left;
    margin-top: 1rem;
  }
}
#my-content .access__photo-note span {
  display: inline-block;
  background-color: #5a4747;
  color: #fff;
  line-height: 1;
  padding: 0.4em 1.5em;
  border-radius: 1em;
  white-space: nowrap;
  margin-right: 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-note span {
    padding: 0.4em 1em;
    margin-bottom: 1rem;
  }
}
#my-content .access__photo-note small {
  font-size: 0.95em;
}
#my-content .my-footer {
  background-color: #133b77;
  color: #fff;
  padding: 4rem 0 2rem;
}
#my-content .my-footer .inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer .inner {
    flex-direction: column;
    padding: 0 4rem;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__logo {
    margin-bottom: 3rem;
    max-width: 30rem;
  }
}
#my-content .my-footer__tel {
  font-size: 3.5rem;
  line-height: 1.1;
  margin-bottom: 4rem;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__tel {
    font-size: 5.25rem;
    text-align: center;
  }
}
#my-content .my-footer__tel img {
  width: 0.7em;
  margin-right: 1rem;
}
#my-content .my-footer__tel small {
  display: block;
  font-size: 0.46em;
  letter-spacing: 0.1em;
  margin-top: 1rem;
}
#my-content .my-footer__menu li {
  font-size: 0.888em;
  line-height: 1.4;
  padding-left: 2em;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__menu li {
    font-size: 0.92em;
  }
}
#my-content .my-footer__menu li:not(:last-child) {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__menu li:not(:last-child) {
    margin-bottom: 2rem;
  }
}
#my-content .my-footer__menu li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.2em;
  height: 1em;
  background: url(../img/arrow_right_double.svg) center center/contain no-repeat;
}
#my-content .my-footer .copyright {
  color: #fff;
  font-size: 10px;
  line-height: 1.4;
  margin-top: 10rem;
  padding: 0 2rem;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer .copyright {
    font-size: 1.6rem;
  }
}
#my-content .contact {
  padding: 10rem 0;
}
#my-content .contact__txt {
  width: 72rem;
  margin: 0 auto 3rem;
}
#my-content .contact input,
#my-content .contact select {
  height: 40px;
  border-radius: 6px;
  border: 1px solid #000;
}
#my-content .contact input[type=radio] {
  height: 16px;
  border: none;
  border-radius: 0;
}
#my-content .contact textarea {
  border-radius: 6px;
  height: 10em;
  border: 1px solid #000;
}
#my-content .contact .wpforms-field-container {
  max-width: 1000px;
  margin: 0 auto;
}
#my-content .contact .wpforms-field {
  border: 1px solid #b2b2b2;
  border-bottom: none;
  padding: 2rem;
}
#my-content .contact .wpforms-field:last-child {
  border-bottom: 1px solid #b2b2b2;
}
#my-content .contact .wpforms-field-label {
  color: #133b77;
  font-weight: bold;
  font-size: 1em;
  padding-right: 6rem;
  position: relative;
}
#my-content .contact .wpforms-required-label {
  display: inline-flex;
  align-items: center;
}
#my-content .contact .wpforms-required-label::after {
  content: "必須";
  width: 2.6em;
  height: 1.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #e16444;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  margin-left: 0.5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .contact .wpforms-required-label::after {
    font-size: 12px;
  }
}
#my-content .contact .wpforms-field-label-inline {
  color: #133b77;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
}
#my-content .contact div.wpforms-container-full input[type=radio]:checked:after {
  background-color: #e16444;
}
#my-content .contact .wpforms-one-third {
  width: 30%;
  height: 120px;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-left: none;
  border-right: none;
}
#my-content .contact .wpforms-one-third.wpforms-first {
  width: 40%;
  border-left: 1px solid #b2b2b2;
}
#my-content .contact .wpforms-one-third.wpforms-last {
  border-right: 1px solid #b2b2b2;
}
#my-content .contact .wpforms-one-third select {
  max-width: 100%;
}
#my-content .contact .wpforms-field-email .wpforms-field-row {
  flex-direction: column;
}
#my-content .contact .wpforms-field-email .wpforms-field-row-block {
  width: 100%;
  padding: 0;
}
#my-content .contact .wpforms-field-email .wpforms-field-row-block.wpforms-first {
  padding-bottom: 15px;
}
#my-content .contact .wpforms-submit-container {
  text-align: center;
}
#my-content .contact button[type=submit] {
  max-width: 50rem;
  width: 100%;
  height: 9rem;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 2.8rem;
  background: linear-gradient(0deg, rgb(222, 41, 48) 0%, rgb(240, 104, 0) 50%);
  border-radius: 4.5rem;
  color: #fff;
  border: none;
  cursor: pointer;
  margin-top: 3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .contact button[type=submit] {
    max-width: 66rem;
    height: 11rem;
    border-radius: 5.5rem;
    font-size: max(16px, 3.8rem);
  }
}
#my-content .contact button[type=submit]:hover {
  opacity: 0.8;
}
#my-content .contact button[type=submit]:focus {
  outline: none;
}

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