@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.6rem;
  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.6rem, 16px);
  }
}
@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-green {
  color: #50a320;
}
#my-content .fc-yellow {
  color: #ebb000;
}
#my-content .fc-orange {
  color: #e56e00;
}
#my-content .fc-lime {
  color: #86ca54;
}
#my-content .sec-ttl {
  font-size: 3.4rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-bottom: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl {
    font-size: 4.5rem;
  }
}
#my-content .sec-ttl-sub {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10em;
  height: 1.6em;
  background-color: #fff;
  border-radius: 0.8em;
  color: #50a320;
  font-size: max(14px, 0.53em);
  font-weight: 500;
  letter-spacing: normal;
  margin: 0 auto 0.5rem;
}
#my-content .sec-ttl-sub.--line {
  background-color: transparent;
  border: 1px solid;
}
#my-content .sec-ttl-sub.--orange {
  color: #e56e00;
}
#my-content .sec-ttl .icon-question {
  width: 3.8rem;
  margin-left: 1rem;
}
#my-content .sec-ttl .no {
  display: inline-block;
  color: #ebb000;
  font-size: 1.41em;
  font-weight: bold;
  line-height: 1;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#my-content .sec-ttl.--underline {
  border-bottom: 1px solid #808080;
}
#my-content .mb-1em {
  margin-bottom: 1em;
}
#my-content .my-mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 999;
  background-color: #fff;
  padding-right: 50px;
  /* チェックボックスを非表示 */
  /* メニューボタンの装飾 */
  /* ドロワーメニューの装飾 */
  /* ドロワーメニューの背景 */
  /* ドロワーメニューの開閉 */
}
#my-content .my-mobile-nav.--fixed {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#my-content .my-mobile-nav .menu-logo {
  flex-grow: 1;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: clamp(15px, 2.6rem, 20px);
  font-weight: bold;
  line-height: 1;
  padding: 0 2rem;
}
#my-content .my-mobile-nav .menu-logo span {
  white-space: nowrap;
}
#my-content .my-mobile-nav .menu-logo img {
  margin-right: 1rem;
}
#my-content .my-mobile-nav .menu-checkbox {
  display: none;
}
#my-content .my-mobile-nav .menu-button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
}
#my-content .my-mobile-nav .menu-button span {
  display: block;
  position: absolute;
  left: 10px;
  width: 30px;
  height: 4px;
  background-color: #000;
  border-radius: 2px;
}
#my-content .my-mobile-nav .menu-button span:nth-child(1) {
  top: 12px;
}
#my-content .my-mobile-nav .menu-button span:nth-child(2) {
  top: calc(50% - 2px);
}
#my-content .my-mobile-nav .menu-button span:nth-child(3) {
  bottom: 12px;
}
#my-content .my-mobile-nav .drawer-menu {
  position: fixed;
  top: 50px;
  right: 0;
  z-index: 200;
  max-height: 100vh;
  max-width: 200px;
  width: 100%;
  transform: translateX(100%);
  transition: 0.5s;
  background-color: #fff;
  overflow-y: auto;
}
#my-content .my-mobile-nav .drawer-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#my-content .my-mobile-nav .drawer-menu ul li {
  text-align: center;
}
#my-content .my-mobile-nav .drawer-menu ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}
#my-content .my-mobile-nav .drawer-menu ul li a img {
  margin-right: 1rem;
}
#my-content .my-mobile-nav .drawer-menu ul li:nth-child(1) a {
  background-color: #50a320;
}
#my-content .my-mobile-nav .drawer-menu ul li:nth-child(2) a {
  background-color: #ebb000;
}
#my-content .my-mobile-nav .drawer-menu ul li:nth-child(3) a {
  background-color: #e56e00;
}
#my-content .my-mobile-nav .menu-background {
  display: none;
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
#my-content .my-mobile-nav .menu-checkbox:checked ~ .menu-button span:nth-child(1) {
  top: 50%;
  transform: rotate(45deg);
}
#my-content .my-mobile-nav .menu-checkbox:checked ~ .menu-button span:nth-child(2) {
  top: 50%;
  transform: rotate(-45deg);
}
#my-content .my-mobile-nav .menu-checkbox:checked ~ .menu-button span:nth-child(3) {
  display: none;
}
#my-content .my-mobile-nav .menu-checkbox:checked ~ .drawer-menu {
  transform: translateX(0);
}
#my-content .my-mobile-nav .menu-checkbox:checked ~ .menu-background {
  display: block;
}
#my-content .my-header {
  padding: 0.5rem 0;
}
#my-content .my-header .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#my-content .my-header__logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  font-size: 17px; /* px */
  font-weight: bold;
  line-height: 1;
  margin-right: 10px; /* px */
  white-space: nowrap;
}
#my-content .my-header__logo img {
  margin-right: 1rem;
}
#my-content .my-header__menu {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: -0.5rem;
}
#my-content .my-header__menu li {
  padding: 0.5rem;
}
#my-content .my-header__menu li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 160px; /* px */
  height: 36px; /* px */
  border-radius: 5px; /* px */
  color: #fff;
  font-size: 14px; /* px */
}
#my-content .my-header__menu li a img {
  margin-right: 10px; /* px */
}
#my-content .my-header__menu li:nth-child(1) a {
  background-color: #50a320;
}
#my-content .my-header__menu li:nth-child(2) a {
  background-color: #ebb000;
}
#my-content .my-header__menu li:nth-child(3) a {
  background-color: #e56e00;
  font-size: 16px; /* px */
}
#my-content .mv {
  background: linear-gradient(90deg, #fff 50%, #9ad45e 50%);
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .mv {
    margin-top: 50px;
    background: #9ad45e;
  }
}
#my-content .banner {
  padding: 3rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .banner {
    background-color: #9ad45e;
    padding: 2rem 0 0;
  }
}
#my-content .banner__list {
  display: flex;
  justify-content: center;
  margin: -2rem -4rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .banner__list {
    flex-wrap: wrap;
    margin: 0 0 0;
    background-color: #fff;
    padding: 0 6rem 5rem;
  }
}
#my-content .banner__list li {
  padding: 2rem 4rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .banner__list li {
    padding: 5rem 0 0;
  }
}
#my-content .banner__list li a {
  display: block;
  box-shadow: 3px 3px 5px rgb(0, 0, 0);
}
#my-content .cta {
  background-color: #094c00;
  padding: 2rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .cta {
    padding: 5rem 0;
  }
}
#my-content .cta__box {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-color: #fff;
  border-radius: 3rem;
  padding: 2rem 6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__box {
    flex-direction: column;
    align-items: center;
    padding: 6rem 7rem;
  }
}
#my-content .cta__box-left {
  width: 49.2rem;
  margin-right: 4rem;
  margin-bottom: -2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__box-left {
    width: 100%;
    margin-right: 0;
  }
}
#my-content .cta__txt {
  color: #50a320;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-bottom: 1rem;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__txt {
    margin-top: 1rem;
    font-size: 3rem;
  }
}
#my-content .cta__menu {
  margin: -0.5rem;
}
#my-content .cta__menu li {
  padding: 0.5rem;
}
#my-content .cta__menu li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46rem;
  height: 5.8rem;
  border-radius: 1rem;
  color: #fff;
  font-size: 1.0625em;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__menu li a {
    width: 48rem;
    height: 11rem;
    border-radius: 2rem;
    font-size: 3.15rem;
  }
}
#my-content .cta__menu li a img {
  margin-right: 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__menu li a img {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
  }
}
#my-content .cta__menu li:nth-child(1) a {
  background-color: #50a320;
}
#my-content .cta__menu li:nth-child(2) a {
  background-color: #ebb000;
}
#my-content .cta__menu li:nth-child(3) a {
  background-color: #e56e00;
  font-size: 1.25em;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__menu li:nth-child(3) a {
    font-size: 3.6rem;
  }
}
#my-content .problem {
  background-color: #faf5e6;
  padding: 6rem 0;
}
#my-content .problem__box {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 4rem 3rem;
}
@media only screen and (max-width: 834px) {
  #my-content .problem__box {
    padding: 4rem 2rem 6rem;
  }
}
#my-content .problem__list {
  column-count: 2;
  break-inside: avoid;
  font-size: 2.2rem;
  line-height: 1.4;
}
@media only screen and (max-width: 834px) {
  #my-content .problem__list {
    column-count: unset;
    font-size: max(14px, 2.9rem);
  }
}
#my-content .problem__list li {
  border-bottom: 1px solid #b2b2b2;
  padding: 1.2rem 0 1.2rem 1.5em;
  margin: 0 2rem;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .problem__list li {
    margin: 0;
  }
}
#my-content .problem__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  background: url(../img/icon_check_orange.svg) center center/contain no-repeat;
}
#my-content .solution {
  padding: 6rem 0;
}
#my-content .solution__txt {
  margin-bottom: 3rem;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__txt {
    text-align: left;
  }
}
#my-content .solution__list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border: 3px solid;
  border-bottom: none;
  padding: 3rem 0 0;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__list-item {
    border-width: 2px;
  }
}
#my-content .solution__list-item:not(:last-child) {
  margin-bottom: 4rem;
}
#my-content .solution__list-item:nth-child(1) {
  border-color: #50a320;
}
#my-content .solution__list-item:nth-child(1) .solution__ttl {
  color: #50a320;
}
#my-content .solution__list-item:nth-child(1) .solution__cont3 {
  background-color: #50a320;
}
#my-content .solution__list-item:nth-child(1) .solution__table th,
#my-content .solution__list-item:nth-child(1) .solution__table td {
  border-color: #50a320;
}
#my-content .solution__list-item:nth-child(1) .solution__table th {
  background-color: #50a320;
}
#my-content .solution__list-item:nth-child(2) {
  border-color: #86ca54;
}
#my-content .solution__list-item:nth-child(2) .solution__ttl {
  color: #86ca54;
}
#my-content .solution__list-item:nth-child(2) .solution__cont3 {
  background-color: #86ca54;
}
#my-content .solution__list-item:nth-child(2) .solution__table th,
#my-content .solution__list-item:nth-child(2) .solution__table td {
  border-color: #86ca54;
}
#my-content .solution__list-item:nth-child(2) .solution__table th {
  background-color: #86ca54;
}
#my-content .solution__list-item:nth-child(3) {
  border-color: #ebb000;
}
#my-content .solution__list-item:nth-child(3) .solution__ttl {
  color: #ebb000;
}
#my-content .solution__list-item:nth-child(3) .solution__cont3 {
  background-color: #ebb000;
}
#my-content .solution__list-item:nth-child(3) .solution__table th,
#my-content .solution__list-item:nth-child(3) .solution__table td {
  border-color: #ebb000;
}
#my-content .solution__list-item:nth-child(3) .solution__table th {
  background-color: #ebb000;
}
#my-content .solution__list-item:nth-child(4) {
  border-color: #e56e00;
}
#my-content .solution__list-item:nth-child(4) .solution__ttl {
  color: #e56e00;
}
#my-content .solution__list-item:nth-child(4) .solution__cont3 {
  background-color: #e56e00;
}
#my-content .solution__list-item:nth-child(4) .solution__table th,
#my-content .solution__list-item:nth-child(4) .solution__table td {
  border-color: #e56e00;
}
#my-content .solution__list-item:nth-child(4) .solution__table th {
  background-color: #e56e00;
}
#my-content .solution__cont1 {
  width: 30rem;
  margin-right: 6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__cont1 {
    width: 100%;
    margin-right: 0;
    padding: 0 5rem 4rem;
    text-align: center;
  }
}
#my-content .solution__cont2 {
  width: 70rem;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__cont2 {
    width: 100%;
    padding: 0 5rem;
  }
}
#my-content .solution__cont3 {
  width: 100%;
  margin-top: 4rem;
  padding: 2rem;
}
#my-content .solution__cont3-txt {
  max-width: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 2rem;
  font-size: 1.0625em;
  line-height: 1.4;
  padding: 0.5rem 4rem;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__cont3-txt {
    font-size: 0.943em;
    padding: 2rem 2rem;
    border-radius: 8rem;
  }
}
#my-content .solution__cont3-txt span {
  flex-grow: 1;
  text-align: center;
}
#my-content .solution__cont3-txt strong {
  font-size: 1.3em;
}
#my-content .solution__cont3-txt .icon {
  width: 4rem;
}
#my-content .solution__ttl {
  display: flex;
  align-items: center;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__ttl {
    font-size: 3.6rem;
  }
}
#my-content .solution__ttl-sub {
  width: 20rem;
  height: 6.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 3px solid;
  border-radius: 3.3rem;
  font-size: clamp(13px, 1.6rem, 16px);
  font-weight: 500;
  margin-right: 2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__ttl-sub {
    width: 28.3rem;
    height: 8.4rem;
    border-width: 2px;
    border-radius: 4.6rem;
    font-size: max(12px, 2.24rem);
  }
}
#my-content .solution__ttl-sub strong {
  display: inline-block;
  font-size: 1.625em;
  font-weight: bold;
  padding: 0 0.5rem 0.5rem;
}
#my-content .solution__table {
  max-width: 240px;
  color: #606060;
  margin: 2rem auto 0;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__table {
    max-width: 40rem;
  }
}
#my-content .solution__table th,
#my-content .solution__table td {
  border: 2px solid;
  vertical-align: middle;
  text-align: center;
}
#my-content .solution__table th {
  color: #fff;
}
#my-content .reason {
  background-color: #e2f5d8;
  padding: 6rem 0;
}
#my-content .reason__list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 3rem;
  padding: 3rem 6rem 4rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__list-item {
    padding: 6rem 5rem 6rem;
  }
}
#my-content .reason__list-item:not(:last-child) {
  margin-bottom: 4rem;
}
#my-content .reason__cont1 {
  width: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__cont1 {
    order: 1;
  }
}
#my-content .reason__cont2 {
  width: 55%;
  line-height: 2.2;
  margin-right: 6%;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__cont2 {
    order: 3;
    width: 100%;
    margin-right: 0;
  }
}
#my-content .reason__cont3 {
  max-width: 420px;
  width: 39%;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__cont3 {
    order: 2;
    max-width: 100%;
    width: 100%;
    margin-bottom: 4rem;
  }
}
#my-content .reason__cont3 img + img {
  margin-top: 2rem;
}
#my-content .reason__cont4 {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  border: 2px solid #ebb000;
  padding: 1rem 1rem 1rem 5rem;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__cont4 {
    order: 4;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
  }
}
#my-content .reason__cont4.--point {
  border-color: #e56e00;
  border-radius: 6rem;
  padding-left: 17rem;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__cont4.--point {
    padding: 14rem 3rem 4rem;
  }
}
#my-content .reason__cont4-illust {
  width: 18.3rem;
  margin-left: 6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__cont4-illust {
    width: 25.4rem;
    margin-left: 0;
    margin-top: 3rem;
  }
}
#my-content .reason__cont4-point-icon {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15rem;
  height: 100%;
  background-color: #e56e00;
  border-radius: 5.6rem;
  padding-top: 0.5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__cont4-point-icon {
    width: 30rem;
    height: 12rem;
  }
  #my-content .reason__cont4-point-icon img {
    width: 18rem;
  }
}
#my-content .reason__ttl {
  display: flex;
  align-items: center;
  color: #50a320;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl {
    flex-direction: column;
    font-size: 3.6rem;
    margin-left: -4rem;
    margin-right: -4rem;
  }
}
#my-content .reason__ttl-sub {
  width: 37rem;
  height: 5.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 3px solid;
  border-radius: 3.3rem;
  font-size: clamp(14px, 1.8rem, 18px);
  margin-right: 2rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl-sub {
    width: 52rem;
    height: 8.4rem;
    border-width: 2px;
    border-radius: 4.2rem;
    font-size: max(12px, 2.5rem);
    margin-right: 0;
    margin-bottom: 2rem;
  }
}
#my-content .reason__ttl-sub strong {
  display: inline-block;
  font-size: 2.11em;
  font-weight: bold;
  padding: 0 0.5rem 0.5rem;
}
#my-content .reason__txt {
  font-size: clamp(15px, 1.8rem, 18px);
}
@media only screen and (max-width: 834px) {
  #my-content .reason__txt {
    font-size: unset;
  }
}
#my-content .reason__txt strong {
  font-size: 1.333em;
}
#my-content .reason__caption {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}
#my-content .reason__caption .icon {
  margin-right: 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__caption .icon {
    width: 5rem;
  }
}
#my-content .reason__caption span {
  display: inline-block;
  max-width: 20em;
  width: 100%;
  background-color: #50a320;
  border-radius: 3rem;
  color: #fff;
  line-height: 1.4;
  padding: 0.2rem 1rem;
  margin-top: 1rem;
}
#my-content .reason__caption span.--yellow {
  background-color: #ebb000;
}
#my-content .reason__check-list.--col2 {
  column-count: 2;
  break-inside: avoid;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__check-list.--col2 {
    column-count: unset;
  }
}
#my-content .reason__check-list.--orange li:not(.reason__tag):before {
  background-image: url(../img/icon_check_orange.svg);
}
#my-content .reason__check-list li {
  font-size: clamp(15px, 1.8rem, 18px);
  line-height: 1.4;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__check-list li {
    font-size: unset;
  }
}
#my-content .reason__check-list li:has(.reason__subttl) {
  padding: 0 0 0.5rem 0;
}
#my-content .reason__check-list li:not(:has(.reason__subttl)) {
  position: relative;
  padding: 0.5rem 0 0.5rem 1.8em;
}
#my-content .reason__check-list li:not(:has(.reason__subttl))::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 1em;
  height: 1em;
  background: url(../img/icon_check_yellow.svg) center center/contain no-repeat;
}
#my-content .reason__subttl {
  display: block;
  max-width: 17em;
  width: 100%;
  background-color: #ebb000;
  border-radius: 3rem;
  color: #fff;
  line-height: 1.4;
  padding: 0.3rem;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__subttl {
    margin: 0 auto 1rem;
  }
}
#my-content .result {
  background-color: #f7f0ca;
  padding: 6rem 0;
}
#my-content .result .sec-ttl {
  min-height: 6.2rem;
  background: url(../img/icon_leaf.svg) center center/contain no-repeat;
}
#my-content .result__box {
  background-color: #fff;
  padding: 5rem 6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .result__box {
    padding: 4rem 4rem;
  }
}
#my-content .result__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e56e00;
  border-radius: 3rem;
  font-size: clamp(16px, 2rem, 20px);
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .result__ttl {
    font-size: 1.08em;
  }
}
#my-content .result__ttl strong {
  display: inline-block;
  font-size: 1.3em;
  padding: 0.5rem;
}
#my-content .result__ttl .icon {
  margin-right: 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .result__ttl .icon {
    width: 1.8em;
  }
}
#my-content .result__list {
  column-count: 2;
  column-gap: 4rem;
  break-inside: avoid;
}
@media only screen and (max-width: 834px) {
  #my-content .result__list {
    column-count: unset;
    column-gap: unset;
  }
}
#my-content .result__list li {
  display: flex;
  justify-content: space-between;
  border-radius: 4rem;
  padding: 0.2rem 5rem;
}
#my-content .result__list li:nth-child(odd) {
  background-color: #f5efe5;
}
#my-content .result__list li span {
  font-size: 0.9em;
}
#my-content .voice {
  padding: 6rem 0;
}
#my-content .voice__list-item {
  display: flex;
  border: 2px solid #50a320;
  border-radius: 3rem;
  padding: 4rem 6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__list-item {
    flex-direction: column-reverse;
    align-items: center;
    padding: 6rem 4rem;
  }
}
#my-content .voice__list-item:not(:last-child) {
  margin-bottom: 3rem;
}
#my-content .voice__list-item:nth-child(even) {
  border-color: #094c00;
}
#my-content .voice__list-item:nth-child(even) .voice__ttl {
  color: #094c00;
}
#my-content .voice__list-item:nth-child(even) .voice__info li {
  background-color: #094c00;
}
#my-content .voice__left {
  flex-grow: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__left {
    width: 100%;
  }
}
#my-content .voice__right {
  flex-shrink: 0;
  width: 26rem;
  margin-left: 6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__right {
    width: 100%;
    margin-left: 0;
    margin-bottom: 4rem;
  }
}
#my-content .voice__ttl {
  color: #50a320;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__ttl {
    font-size: 3.6rem;
  }
}
#my-content .voice__txt {
  word-break: break-all;
}
#my-content .voice__illust {
  width: 6.4rem;
  margin: 0 auto 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__illust {
    width: 11rem;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .voice__info {
    width: 40rem;
    margin: 0 auto;
  }
}
#my-content .voice__info li {
  background-color: #50a320;
  border-radius: 3rem;
  color: #fff;
  font-size: 1.125em;
  line-height: 1.4;
  padding: 0.2rem 1rem;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .voice__info li {
    font-size: 1.038em;
  }
}
#my-content .voice__info li:not(:last-child) {
  margin-bottom: 1rem;
}
#my-content .faq {
  background-color: #e2f5d8;
  padding: 6rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .faq .inner {
    padding: 0;
  }
}
#my-content .faq__list-item {
  background-color: #fff;
  border-radius: 3rem;
  padding: 4rem 6rem;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__list-item {
    border-radius: 0;
    padding: 6rem 4rem;
  }
}
#my-content .faq__list-item:not(:last-child) {
  margin-bottom: 3rem;
}
#my-content .faq__q {
  color: #094c00;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.6;
  padding-left: 6rem;
  margin-bottom: 1em;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__q {
    font-size: 3.6rem;
    margin-bottom: 1em;
    padding-left: 7rem;
  }
}
#my-content .faq__q:after {
  content: "";
  position: absolute;
  top: 0em;
  left: 0;
  width: 4rem;
  height: 4rem;
  background: url(../img/icon_q.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__q:after {
    width: 5rem;
    height: 5rem;
  }
}
#my-content .faq__a {
  line-height: 2;
  padding-left: 6rem;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__a {
    padding-left: 7rem;
  }
}
#my-content .faq__a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  background: url(../img/icon_a.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__a:after {
    width: 5rem;
    height: 5rem;
  }
}
#my-content .access {
  background-color: #fafafa;
  padding: 6rem 0;
}
#my-content .access__txt {
  line-height: 1.4;
  margin-bottom: 1em;
  text-align: center;
}
#my-content .access__flex {
  display: flex;
  flex-wrap: wrap;
  margin: -2.4rem -1.2rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .access__flex {
    margin: -4rem 0 0;
  }
}
#my-content .access__flex li {
  width: 50%;
  padding: 2.4rem 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.5rem;
}
#my-content .access__box-content {
  padding: 3rem;
}
#my-content .access__name {
  font-size: 1.1875em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .access__name {
    font-size: 1.077em;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .access__address {
    font-size: 0.9em;
  }
}
#my-content .access__address small {
  font-size: 0.875em;
}
#my-content .access .schedule {
  position: relative;
}
#my-content .access .schedule figcaption {
  position: absolute;
  bottom: -6rem;
  right: 0;
  background-color: #aa2a2c;
  border-radius: 2.5rem;
  color: #fff;
  font-family: "Zen Old Mincho";
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1;
  padding: 1rem 5rem;
  opacity: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .access .schedule figcaption {
    font-size: 3.1rem;
  }
}
#my-content .access__box2 {
  border: 1px solid #808080;
  padding: 2rem;
  margin-top: 2rem;
}
#my-content .access__gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -1rem -1rem 1.5rem;
}
#my-content .access__gallery li {
  width: 25%;
  padding: 1rem 1rem 0;
}
@media only screen and (max-width: 834px) {
  #my-content .access__gallery li {
    width: 50%;
  }
}
#my-content .access__note {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  line-height: 1.4;
  margin: -0.5rem;
}
@media only screen and (max-width: 834px) {
  #my-content .access__note {
    justify-content: space-between;
  }
}
#my-content .access__note small {
  display: inline-block;
  font-size: 0.875em;
  margin-left: 1rem;
}
@media only screen and (max-width: 834px) {
  #my-content .access__note small {
    width: 100%;
    margin-top: 1rem;
    margin-left: 0;
  }
}
#my-content .access__note span {
  display: inline-block;
  color: #fff;
  background-color: #5a4747;
  border-radius: 2rem;
  line-height: 1;
  padding: 0.6rem 3rem;
  margin: 0.5rem;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .access__note span {
    width: 24.5%;
    font-size: 0.85em;
    letter-spacing: normal;
    padding: 0.6rem 0;
    margin: 0;
  }
}
#my-content .contact {
  padding: 6rem 0;
}
#my-content .contact__box {
  background-color: #fff;
  padding: 4rem 6rem;
  border: 1px solid #808080;
}
@media only screen and (max-width: 834px) {
  #my-content .contact__box {
    padding: 4rem 4rem;
  }
}
#my-content .my-footer {
  background-color: #094c00;
  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;
  }
}
#my-content .my-footer__logo {
  display: flex;
  align-items: center;
  font-size: 17px; /* px */
  line-height: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__logo {
    font-size: 1.038em;
    margin-bottom: 2rem;
  }
}
#my-content .my-footer__logo img {
  margin-right: 1rem;
}
#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 {
  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.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;
  }
}

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