@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 {
  display: inline-block;
  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-only.column-wide .content,
body.content-only.column-wide .article,
body.content-only.column-wide .entry-content {
  margin: 0;
}
body.content-only.column-wide .entry-header,
body.content-only.column-wide .entry-footer {
  display: none;
}
body.content-only.column-wide .wrap {
  width: 100%;
}
body.content-only.column-wide #main {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
@media only screen and (min-width: 769px) {
  .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;
}

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

#my-content {
  min-width: 1140px;
  width: 100%;
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  overflow-x: hidden;
}
@media only screen and (max-width: 768px) {
  #my-content {
    min-width: unset;
    font-size: max(14px,min(3.733vw,16px));
    line-height: 1.78;
  }
}
#my-content .inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .inner {
    padding: 0 2.667vw;
  }
}
#my-content section {
  padding: 60px 0;
}
@media only screen and (max-width: 768px) {
  #my-content section {
    padding: 8vw 0;
  }
}
#my-content .sec-ttl {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .sec-ttl {
    font-size: 20px;
    font-size: max(10px,min(5.333vw,40px));
  }
}
#my-content .sec-ttl small {
  display: inline-block;
  color: #581e11;
  font-size: 27px;
}
@media only screen and (max-width: 768px) {
  #my-content .sec-ttl small {
    font-size: max(10px,min(4vw,30px));
  }
}
#my-content .fz-18 {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  #my-content .fz-18 {
    font-size: max(14px,min(3.733vw,18px));
  }
}
#my-content .fz-18 strong {
  font-size: 1.111em;
  font-weight: bold;
}
#my-content .fz-20 {
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .fz-20 {
    font-size: max(14px,min(3.733vw,20px));
  }
}
#my-content .fz-20 strong {
  font-size: 1.1em;
  font-weight: bold;
}
#my-content .fz-22 {
  font-size: 22px;
}
@media only screen and (max-width: 768px) {
  #my-content .fz-22 {
    font-size: max(14px,min(3.733vw,20px));
  }
}
#my-content .lh-sm {
  line-height: 1.5;
}
#my-content .mb-5 {
  margin-bottom: 5px;
}
#my-content .marker {
  display: inline-block;
  background: linear-gradient(180deg, transparent 45%, #dff300 45%);
  padding: 0 0.2em;
}
#my-content .underline {
  position: relative;
}
#my-content .underline::before {
  content: "";
  position: absolute;
  bottom: -0.2em;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #581e11;
}
#my-content .fc-red {
  color: #581e11;
}
#my-content .fc-green01 {
  color: #688500;
}
#my-content .fc-green02 {
  color: #99b700;
}
#my-content .fc-green03 {
  color: #054900;
}
#my-content .my-mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  background-color: #fff;
  /* チェックボックスを非表示 */
  /* メニューボタンの装飾 */
  /* メニューボタンのアニメーション */
  /* ドロワーメニューの装飾 */
  /* ドロワーメニューの開閉 */
  /* ドロワーメニューの背景 */
}
#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 {
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#my-content .my-mobile-nav .menu-logo img {
  width: 200px;
}
#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: 56px;
  width: 56px;
  cursor: pointer;
}
#my-content .my-mobile-nav .menu-button span {
  display: block;
  position: absolute;
  left: 13px;
  width: 30px;
  height: 4px;
  background-color: #581e11;
  border-radius: 2px;
}
#my-content .my-mobile-nav .menu-button span:nth-child(1) {
  top: 15px;
}
#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: 15px;
}
#my-content .my-mobile-nav .menu-close span:nth-child(1) {
  top: 50%;
  transform: rotate(45deg);
}
#my-content .my-mobile-nav .menu-close span:nth-child(2) {
  top: 50%;
  transform: rotate(-45deg);
}
#my-content .my-mobile-nav .menu-close span:nth-child(3) {
  display: none;
}
#my-content .my-mobile-nav .drawer-menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 200;
  max-height: 100vh;
  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 li {
  border-top: 1px solid #000;
  text-align: center;
}
#my-content .my-mobile-nav .drawer-menu li a {
  display: block;
  padding: 10px;
  color: #000;
  font-size: 16px;
  text-decoration: none;
  position: relative;
}
#my-content .my-mobile-nav .drawer-menu li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url(../img/icon_arrow-black.svg) center center/contain no-repeat;
}
#my-content .my-mobile-nav .menu-checkbox:checked ~ .drawer-menu {
  transform: translateX(0);
}
#my-content .my-mobile-nav .menu-background {
  display: none;
  position: fixed;
  top: 0;
  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-background {
  display: block;
}
#my-content .my-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top: 4px solid #581e11;
}
#my-content .my-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1240px;
  min-height: 56px;
  padding: 0 20px;
  margin: 0 auto;
}
#my-content .my-header__logo {
  flex-grow: 1;
}
#my-content .my-header__logo .tag {
  display: inline-block;
  color: #8f2f2f;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.1em;
  margin-left: 1em;
  text-align: center;
}
#my-content .my-header__tel {
  flex-shrink: 0;
  display: flex;
  align-items: flex-end;
  color: #581e11;
  font-family: "Zen Old Mincho";
  font-size: 38px;
  font-weight: 900;
  line-height: 1;
  margin-right: 20px;
}
#my-content .my-header__tel img {
  margin-right: 10px;
}
#my-content .my-header__btn {
  display: flex;
  width: 200px;
  min-height: 40px;
  justify-content: center;
  align-items: center;
  background-color: #054900;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.1em;
}
#my-content .mv {
  height: 500px;
  background: url(../img/mv_bg.jpg) center center/cover no-repeat;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #my-content .mv {
    height: auto;
    background: url(../img/mv_bg_sp.jpg) center center/cover no-repeat;
  }
}
#my-content .mv__txt {
  padding-top: 110px;
  padding-left: 50px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #my-content .mv__txt {
    padding-top: 0;
    padding-left: 0;
    margin: 0 -2.667vw;
  }
}
#my-content .cta {
  background-color: #581e11;
  padding: 20px 0;
}
@media only screen and (max-width: 768px) {
  #my-content .cta {
    padding: 5.333vw 0;
  }
}
#my-content .cta__box {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 20px;
  padding: 25px 40px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__box {
    flex-wrap: wrap;
    border-radius: 2.667vw;
    padding: 5.333vw 5.333vw;
  }
}
#my-content .cta__box-right {
  width: 500px;
  padding-left: 50px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__box-right {
    width: 100%;
    padding-left: 0;
    padding-top: 5.333vw;
  }
}
#my-content .cta__box-right.--lg {
  width: 550px;
  padding-right: 100px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__box-right.--lg {
    width: 100%;
    padding-right: 0;
  }
}
#my-content .cta__btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 620px;
  height: 180px;
  background-color: #054900;
  border-radius: 30px;
  box-shadow: 6.39px 6.39px 4.56px rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.4;
  padding: 35px 20px 35px; /* 50px 20px 20px */
}
@media only screen and (max-width: 768px) {
  #my-content .cta__btn {
    width: 82.667vw;
    height: 32vw;
    border-radius: 4vw;
    font-size: max(10px,min(6.133vw,46px));
    padding: 4.667vw 2.667vw 4.667vw; /* 6.667vw 2.667vw 2.667vw */
  }
}
#my-content .cta__btn.--lg {
  width: 570px;
  height: 216px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__btn.--lg {
    width: 82.667vw;
    height: 32vw;
  }
}
#my-content .cta__btn-catch {
  display: inline-block;
  background: url(../img/cta_catch_bg.png) center center/100% 100% no-repeat;
  color: #054900;
  font-size: 26px;
  line-height: 1.4em;
  padding-left: 1em;
  padding-right: 0.8em;
  margin-top: 0.5em;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__btn-catch {
    font-size: max(10px,min(4vw,30px));
  }
}
#my-content .cta__txt01 {
  color: #8f2f2f;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__txt01 {
    font-size: max(10px,min(5.067vw,38px));
    margin-bottom: 2.667vw;
    padding-left: 5.333vw;
  }
}
#my-content .cta__txt02 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 338px;
  height: 86px;
  background-color: #b7d500;
  border-radius: 35px;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  padding: 10px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__txt02 {
    width: 67.733vw;
    height: 17.333vw;
    border-radius: 7.067vw;
    font-size: max(10px,min(4vw,30px));
  }
}
#my-content .cta__img01 {
  position: absolute;
  bottom: 0;
  right: 30px;
  width: 140px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__img01 {
    right: 0;
    width: 28vw;
  }
}
#my-content .cta__img02 {
  position: absolute;
  bottom: -1px;
  right: 10px;
  width: 113px;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__img02 {
    bottom: -5.333vw;
    right: 2.667vw;
    width: 16.667vw;
  }
}
#my-content .cta__tel {
  max-width: 400px;
  min-height: 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #581e11;
  border-radius: 23px;
  color: #fff;
  line-height: 1;
  padding: 5px 10px 5px 50px;
  margin-bottom: 10px;
  white-space: nowrap;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel {
    max-width: 73.333vw;
    min-height: 7.733vw;
    border-radius: 3.867vw;
    margin-bottom: 2vw;
    padding: 5px 2.667vw 5px 9.333vw;
  }
}
#my-content .cta__tel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 17px;
  height: 23px;
  background: url(../img/icon_tel02.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel::before {
    left: 4vw;
    width: 2.8vw;
    height: 3.733vw;
  }
}
#my-content .cta__tel small {
  font-size: 16px;
  margin-right: 0.5em;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel small {
    font-size: max(10px,min(3.467vw,26px));
  }
}
#my-content .cta__tel a {
  font-family: "Zen Old Mincho";
  font-size: 32px;
  font-weight: 900;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel a {
    font-size: max(10px,min(5.333vw,40px));
  }
}
#my-content .cta__tel-note01 {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 0.25em;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel-note01 {
    font-size: max(10px,min(3.733vw,28px));
  }
}
#my-content .cta__tel-note02 {
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: normal;
  margin-left: -2em;
  margin-right: -2em;
}
@media only screen and (max-width: 768px) {
  #my-content .cta__tel-note02 {
    font-size: max(10px,min(3.2vw,24px));
    margin: 0;
  }
}
#my-content .point .sec-ttl {
  margin-bottom: 0.5em;
}
#my-content .point__frame {
  display: inline-block;
  height: 60px;
  width: 100%;
  background: url(../img/icon_frame.svg) center bottom/auto no-repeat;
  margin-top: 0.3em;
}
@media only screen and (max-width: 768px) {
  #my-content .point__frame {
    background-size: contain;
    height: 9.333vw;
    width: 53.333vw;
  }
}
#my-content .point__txt01 {
  max-width: 1000px;
  letter-spacing: 0.1em;
  line-height: 1.888;
  margin: 0 auto 40px;
}
@media only screen and (max-width: 768px) {
  #my-content .point__txt01 {
    letter-spacing: normal;
    line-height: 1.785;
    margin-bottom: 30px;
  }
}
#my-content .point__box {
  height: 372px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border: 2px solid #581e11;
  border-radius: 20px;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .point__box {
    height: unset;
    flex-direction: column;
    padding: 20px 2.667vw 40px;
  }
}
#my-content .point__img {
  padding-top: 50px;
  padding-right: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .point__img {
    padding-top: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }
  #my-content .point__img img {
    width: 53.333vw;
  }
}
#my-content .point__list li {
  line-height: 1.888;
  letter-spacing: 0.1em;
  padding-left: 3em;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .point__list li {
    letter-spacing: normal;
  }
  #my-content .point__list li strong {
    font-weight: 900;
  }
}
#my-content .point__list li:not(:last-child) {
  margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content .point__list li:not(:last-child) {
    margin-bottom: 2em;
  }
}
#my-content .point__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 44px;
  height: 41px;
  background: url(../img/icon_point.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 768px) {
  #my-content .point__list li::before {
    width: 6.933vw;
    height: 6.667vw;
    top: 2vw;
    left: 1.333vw;
    transform: translateY(0);
  }
}
#my-content .trend {
  background-color: #e1ebd2;
}
#my-content .trend__ttl {
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../img/trend_ttl_bg.png) center center/100% 100% no-repeat;
  color: #581e11;
  font-size: 30px;
  line-height: 1.25;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .trend__ttl {
    min-height: 10.667vw;
    background-image: url(../img/trend_ttl_bg_sp.png);
    font-size: max(18px,min(4.8vw,30px));
  }
}
#my-content .trend__box {
  background-color: #fff;
  padding: 60px 50px;
}
@media only screen and (max-width: 768px) {
  #my-content .trend__box {
    padding: 40px 5.333vw;
  }
}
#my-content .trend__list {
  font-weight: bold;
}
#my-content .trend__list li {
  padding-left: 3em;
  position: relative;
}
#my-content .trend__list li:not(:last-child) {
  margin-bottom: 3em;
}
@media only screen and (max-width: 768px) {
  #my-content .trend__list li:not(:last-child) {
    margin-bottom: 2em;
  }
}
#my-content .trend__list li .icon {
  position: absolute;
  top: 5px;
  left: 0;
}
@media only screen and (max-width: 768px) {
  #my-content .trend__list li .icon img {
    width: 6.667vw;
  }
}
#my-content .trend__list-ttl {
  line-height: 1.4;
  margin-bottom: 0.7em;
}
#my-content .trend__list-ttl .underline.--green01::before {
  background-color: #688500;
}
#my-content .trend__list-ttl .underline.--green02::before {
  background-color: #99b700;
}
#my-content .trend__list-ttl .underline.--green03::before {
  background-color: #054900;
}
#my-content .trend__list-txt {
  letter-spacing: 0.1em;
  line-height: 1.46;
}
#my-content .trend__img01 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  #my-content .trend__img01 {
    margin-bottom: 30px;
  }
}
#my-content .trend__list02 li {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  #my-content .trend__list02 li {
    flex-wrap: wrap;
  }
}
#my-content .trend__list02 li:not(:last-child) {
  margin-bottom: 40px;
}
#my-content .trend__list02-img {
  flex-shrink: 0;
  margin-right: 40px;
}
@media only screen and (max-width: 768px) {
  #my-content .trend__list02-img {
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  #my-content .trend__list02-img img {
    width: 32vw;
  }
}
#my-content .trend__list02-cont {
  flex-grow: 1;
}
#my-content .trend__list02-ttl {
  max-width: 600px;
  border-bottom: 2px solid;
  color: #581e11;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 0.2em;
  margin-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .trend__list02-ttl {
    font-size: max(16px,min(4.267vw,24px));
  }
}
#my-content .trend__list02-txt {
  max-width: 780px;
  padding-left: 30px;
}
@media only screen and (max-width: 768px) {
  #my-content .trend__list02-txt {
    padding-left: 0;
  }
}
#my-content .trend__box02 {
  max-width: 1000px;
  min-height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 20px;
  padding: 10px;
  margin-left: 150px;
  margin-top: 30px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .trend__box02 {
    max-width: 73.333vw;
    min-height: 50.667vw;
    margin-left: 20vw;
    margin-top: 20px;
    padding: 2.667vw 5.333vw;
  }
}
#my-content .trend__box02-img {
  position: absolute;
  left: -120px;
}
@media only screen and (max-width: 768px) {
  #my-content .trend__box02-img {
    bottom: 0;
    left: -17.333vw;
  }
  #my-content .trend__box02-img img {
    width: 21.333vw;
  }
}
#my-content .trend__box02-txt {
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px) {
  #my-content .trend__box02-txt {
    letter-spacing: normal;
  }
  #my-content .trend__box02-txt .underline {
    text-decoration: underline;
  }
  #my-content .trend__box02-txt .underline::before {
    width: 0;
  }
}
#my-content .reason {
  background-color: #fcf4ed;
}
#my-content .reason__list > li {
  background-color: #fff;
}
#my-content .reason__list > li:not(:last-child) {
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__list > li:not(:last-child) {
    margin-bottom: 30px;
  }
}
#my-content .reason__flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__flex {
    flex-direction: column;
    align-items: center;
  }
}
#my-content .reason__flex-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 400px;
  padding: 20px 0 0;
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__flex-left {
    width: 80vw;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#my-content .reason__flex-right {
  display: flex;
  flex-wrap: wrap;
  width: 760px;
  padding: 20px 20px 20px 0;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__flex-right {
    display: block;
    width: 88vw;
    padding-top: 0;
  }
}
#my-content .reason__no {
  width: 145px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #000;
  padding-bottom: 10px;
  margin-left: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__no {
    width: 29.067vw;
    border-width: 1px;
    padding-bottom: 1.333vw;
    margin: 0 auto 4vw;
  }
}
#my-content .reason__no small {
  display: inline-block;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__no small {
    font-size: max(10px,min(3.2vw,24px));
  }
}
#my-content .reason__no strong {
  display: inline-block;
  font-size: 50px;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__no strong {
    font-size: max(10px,min(10vw,75px));
  }
}
#my-content .reason__ttl {
  font-size: 38px;
  font-weight: bold;
  line-height: 1.6;
  padding: 0 20px;
  margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__ttl {
    border-width: 1px;
    font-size: max(18px,min(7.6vw,38px));
    padding: 0 5.333vw;
  }
}
#my-content .reason__ttl .fz-42 {
  font-size: 42px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__ttl .fz-42 {
    font-size: max(18px,min(8.267vw,42px));
  }
}
#my-content .reason__ttl .underline {
  display: inline-block;
  width: 100%;
}
#my-content .reason__ttl .underline::before {
  bottom: -0.1em;
  background-color: #000;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__ttl .underline::before {
    height: 1px;
  }
}
#my-content .reason__cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 190px;
  border-left: 6px solid;
  padding: 0 30px 10px;
  margin-left: 20px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont {
    min-height: unset;
    border-left: none;
    border-top: 4px solid;
    padding: 10px 0 20px;
    margin-left: 0;
  }
}
#my-content .reason__cont:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont:not(:last-child) {
    margin-bottom: 0;
  }
}
#my-content .reason__cont.--red {
  border-color: #581e11;
}
#my-content .reason__cont.--green {
  border-color: #688500;
}
#my-content .reason__cont.--transparent {
  min-height: unset;
  border-color: transparent;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont.--transparent {
    padding-bottom: 20px;
  }
}
#my-content .reason__cont.--flex-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont.--flex-row {
    flex-direction: column;
  }
}
#my-content .reason__cont-ttl {
  display: flex;
  align-items: center;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont-ttl {
    justify-content: center;
    font-size: max(16px,min(4.8vw,26px));
    text-align: center;
    margin-bottom: 1em;
  }
}
#my-content .reason__cont-ttl .icon {
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont-ttl .icon {
    width: 9.333vw;
    margin-right: 5.333vw;
  }
}
#my-content .reason__cont-list {
  font-size: 19px;
  font-weight: 500;
  line-height: 1.6;
  padding-left: 0.5em;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__cont-list {
    font-size: max(13px,min(3.467vw,19px));
  }
}
#my-content .reason__cont-list li {
  border-bottom: 1px solid #b3b3b3;
  padding-left: 1.5em;
  position: relative;
}
#my-content .reason__cont-list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  background: url(../img/icon_check.svg) center center/contain no-repeat;
}
#my-content .reason__txt01 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__txt01 {
    width: 66.667vw;
    margin: 0 auto 30px;
  }
}
#my-content .reason__txt02 {
  padding-left: 10px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__txt02 {
    width: 66.667vw;
    padding-left: 0;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  #my-content .reason__img01-2 {
    text-align: center;
  }
  #my-content .reason__img01-2 img {
    width: 58.133vw;
  }
}
#my-content .reason__img02-2 {
  margin-top: -50px;
  margin-right: -10px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__img02-2 {
    margin-top: 0;
    padding-left: 0;
    text-align: center;
  }
  #my-content .reason__img02-2 img {
    width: 69.333vw;
  }
}
#my-content .reason__img03-2 {
  width: 340px;
  float: right;
  margin-top: 1em;
  margin-right: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__img03-2 {
    float: none;
    display: block;
    width: 66.667vw;
    margin: 20px auto 0;
  }
}
#my-content .reason__img04-2 {
  width: 390px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__img04-2 {
    text-align: center;
    width: 100%;
  }
  #my-content .reason__img04-2 img {
    width: 66.667vw;
  }
}
#my-content .reason__img05-2 {
  width: 200px;
  margin-left: 40px;
}
@media only screen and (max-width: 768px) {
  #my-content .reason__img05-2 {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
    text-align: center;
  }
  #my-content .reason__img05-2 img {
    width: 66.667vw;
  }
}
#my-content .voice {
  background-color: #e1ebd2;
}
#my-content .voice__list > li {
  margin-top: 50px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__list > li {
    margin-top: 10.667vw;
  }
}
#my-content .voice__list > li .icon02 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__list > li .icon02 {
    width: 20vw;
  }
}
#my-content .voice__ttl {
  background-color: #d5e9f6;
  border-radius: 20px 20px 0px 0px;
  color: #000;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.6em 1em;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__ttl {
    font-size: max(15px,min(4.533vw,23px));
    padding: 9.333vw 0.5em 0.6em;
  }
}
#my-content .voice__ttl .icon01 {
  position: absolute;
  bottom: 0;
  left: 50px;
  width: 100px;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__ttl .icon01 {
    left: 50%;
    transform: translateX(-50%);
    bottom: unset;
    top: -8.667vw;
    width: 17.333vw;
  }
}
#my-content .voice__cont {
  min-height: 260px;
  display: flex;
  background-color: #fff;
  line-height: 1.722;
  padding: 40px 20px 20px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__cont {
    min-width: unset;
    flex-direction: column;
    padding: 20px;
  }
}
#my-content .voice__cont > li {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__cont > li {
    width: 100%;
    padding: 0;
  }
}
#my-content .voice__cont > li:not(:last-child) {
  position: relative;
  padding-bottom: 40px;
}
#my-content .voice__cont > li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: -5px;
  right: -10px;
  width: 0;
  height: 0;
  border-width: 20px 0 20px 18px;
  border-color: transparent transparent transparent #b7d500;
  border-style: solid;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__cont > li:not(:last-child)::after {
    top: unset;
    bottom: 10px;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    border-width: 14px 15px 0 15px;
    border-color: #b7d500 transparent transparent transparent;
    border-style: solid;
  }
}
#my-content .voice__cont-ttl {
  font-size: 23px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__cont-ttl {
    font-size: max(16px,min(4.533vw,23px));
  }
}
#my-content .voice__cont-ttl.--red {
  color: #c23433;
  font-size: 28px;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__cont-ttl.--red {
    font-size: max(16px,min(5.067vw,28px));
  }
}
#my-content .voice__cont-txt {
  padding-left: 20px;
  padding-right: 50px;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__cont-txt {
    padding-left: 0;
    padding-right: 16vw;
  }
}
#my-content .voice__tag {
  width: 100%;
  background-color: #b7d500;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__tag {
    font-size: max(16px,min(4.267vw,20px));
  }
}
#my-content .voice__arrow {
  width: 0;
  height: 0;
  border-width: 12px 14px 0 14px;
  border-color: #054900 transparent transparent transparent;
  border-style: solid;
  margin: 5px auto;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__arrow {
    border-width: 9px 10px 0 10px;
    margin: 10px auto;
  }
}
#my-content .voice__arrow.--yellow {
  border-color: #b7d500 transparent transparent transparent;
}
@media only screen and (max-width: 768px) {
  #my-content .voice__arrow.--yellow {
    border-width: 14px 15px 0 15px;
    margin: 0 auto 10px;
  }
}
#my-content .days {
  background-color: #b7d500;
}
@media only screen and (max-width: 768px) {
  #my-content .days {
    padding: 0 0 5.333vw;
  }
}
#my-content .days__flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  #my-content .days__flex {
    flex-direction: column;
  }
}
#my-content .days__flex-left {
  margin-right: 30px;
}
@media only screen and (max-width: 768px) {
  #my-content .days__flex-left {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
#my-content .days__flex-right {
  font-size: 26px;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #my-content .days__flex-right {
    font-size: max(16px,min(4.533vw,34px));
    letter-spacing: 0.1em;
  }
}
#my-content .days__flex-right li {
  border-bottom: 2px solid #000;
  padding: 0 1em;
}
#my-content .days__arrow {
  width: 663px;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../img/days_arrow.png) center center/contain no-repeat;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  #my-content .days__arrow {
    width: 58.667vw;
    height: 42.667vw;
    background: url(../img/days_arrow_sp.png) center center/contain no-repeat;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 6.667vw;
    margin: 0 auto;
  }
}
#my-content .days__arrow-flex01 {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #my-content .days__arrow-flex01 {
    width: 100%;
    margin-bottom: 9.333vw;
  }
}
#my-content .days__arrow-flex02 {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #my-content .days__arrow-flex02 {
    width: 100%;
    height: 9.6vw;
  }
}
#my-content .days__icon {
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .days__icon {
    width: 5.333vw;
    margin-right: 2.667vw;
  }
}
#my-content .days__txt01 {
  font-size: 42px;
}
@media only screen and (max-width: 768px) {
  #my-content .days__txt01 {
    font-size: max(10px,min(5.333vw,40px));
  }
}
#my-content .days__txt02 {
  color: #c23433;
  font-size: 34px;
}
@media only screen and (max-width: 768px) {
  #my-content .days__txt02 {
    font-size: max(10px,min(5.867vw,44px));
  }
}
#my-content .days__txt03 {
  display: inline-block;
  width: 94px;
  text-align: center;
  margin: 0 10px;
  color: #c23433;
  font-size: 56px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  #my-content .days__txt03 {
    width: 16.267vw;
    font-size: max(10px,min(9.6vw,72px));
    margin: 0 1.333vw;
  }
}
#my-content .days__txt03::before {
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: -16px;
  left: 0;
  width: 94px;
  height: 106px;
  background-color: #fff;
  border: 4px solid #000;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #my-content .days__txt03::before {
    top: -3.333vw;
    width: 16.267vw;
    height: 17.6vw;
    border-width: 3px;
  }
}
#my-content .days__txt03::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: -36px;
  left: 0;
  width: 94px;
  height: 25px;
  background-color: #fff;
  border: 4px solid #000;
}
@media only screen and (max-width: 768px) {
  #my-content .days__txt03::after {
    top: -6vw;
    width: 16.267vw;
    height: 4vw;
    border-width: 3px;
  }
}
#my-content .days__txt04 {
  color: #c23433;
  font-size: 46px;
}
@media only screen and (max-width: 768px) {
  #my-content .days__txt04 {
    font-size: max(10px,min(8vw,60px));
  }
}
#my-content .my-footer {
  background-color: #581e11;
  color: #fff;
  padding: 40px 0 0;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer {
    padding: 8vw 0 0;
  }
}
#my-content .my-footer__flex {
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__flex {
    flex-direction: column;
    align-items: center;
  }
}
#my-content .my-footer__flex-left {
  flex-grow: 1;
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__flex-left {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
#my-content .my-footer__flex-right {
  flex-shrink: 0;
}
#my-content .my-footer__logo {
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__logo img {
    width: 58.667vw;
  }
}
#my-content .my-footer__tel-list {
  font-family: "Zen Old Mincho";
  font-size: 26px;
  font-weight: 900;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__tel-list {
    font-size: max(10px,min(5.2vw,39px));
  }
}
#my-content .my-footer__tel-list li {
  border-bottom: 1px solid #fff;
  padding: 0 1em;
  text-align: center;
}
#my-content .my-footer__tel-list li:first-child {
  border-top: 1px solid #fff;
}
#my-content .my-footer__tel-list li small {
  display: inline-block;
  width: 7em;
  font-size: 16px;
  font-weight: bold;
  padding-right: 1em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__tel-list li small {
    font-size: max(10px,min(3.2vw,24px));
  }
}
#my-content .my-footer__tel-note01 {
  font-family: "Zen Old Mincho";
  font-size: 18px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__tel-note01 {
    font-size: max(14px,min(3.6vw,27px));
  }
}
#my-content .my-footer__tel-note02 {
  font-family: "Zen Old Mincho";
  font-size: 12px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #my-content .my-footer__tel-note02 {
    font-size: max(10px,min(2.667vw,14px));
  }
}
#my-content .my-footer .copyright {
  font-size: 10px;
  font-weight: 500;
  padding: 50px 0 10px;
  text-align: center;
}

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