@charset "UTF-8";
.reset html,
.reset body,
.reset div,
.reset span,
.reset applet,
.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 font,
.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 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 {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  min-height: 0;
  background-color: transparent;
}
.reset body {
  counter-reset: titleNum;
}
.reset html {
  -webkit-text-size-adjust: none;
}
.reset img {
  vertical-align: bottom;
}
.reset strong {
  font-weight: bold;
}
.reset ol,
.reset ul {
  list-style: none;
}
.reset ol li,
.reset ul li {
  margin: 0;
  padding: 0;
}
.reset table {
  border-collapse: collapse;
  border-spacing: 0;
}
.reset table caption,
.reset table th,
.reset table td {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
.reset table tr {
  background-color: transparent;
}
.reset a {
  color: inherit;
}
.reset a:link {
  text-decoration: none;
}
.reset a:visited {
  text-decoration: none;
}
.reset a:hover {
  text-decoration: none;
}
.reset button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: 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;
}

/* ページタイプ：本文のみ（広い) */
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 {
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  a:hover {
    opacity: 0.8;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  a:active {
    opacity: 0.8;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

html {
  scroll-behavior: smooth;
}

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

.article {
  margin: 0 !important;
}

#my-content {
  width: 100%;
  color: #000000;
  font-feature-settings: "palt";
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
  #my-content {
    font-size: clamp(14px, 3.7333333333vw, 18px);
    line-height: 1.846;
  }
}
#my-content .my-inner {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  #my-content .my-inner {
    padding: 0 3.3333333333vw;
  }
}
#my-content .sec-ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 34px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  margin: 0 auto 0.5em;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .sec-ttl {
    font-size: clamp(18px, 5.3333333333vw, 34px);
    margin-bottom: 1em;
  }
}
#my-content .sec-ttl.--slash {
  text-align: left;
  padding-left: 1em;
}
#my-content .sec-ttl.--slash::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(-15deg);
  width: 2px;
  height: 1.76em;
  background-color: #333333;
}
#my-content .sec-ttl .num {
  color: #41783f;
  font-family: "Zen Old Mincho", serif;
  font-size: 1.7647em;
  line-height: 1em;
  margin-left: 0.2em;
  vertical-align: bottom;
}
#my-content .fc-green {
  color: #41783f !important;
}
#my-content .fc-red {
  color: #b53d46 !important;
}
#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: 0 70px 0 20px;
  /* チェックボックスを非表示 */
  /* メニューボタンの装飾 */
  /* ドロワーメニューの装飾 */
  /* ドロワーメニューの背景 */
  /* ドロワーメニューの開閉 */
}
#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;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
#my-content .my-mobile-nav .menu-logo .tag {
  flex-shrink: 0;
  border: 1px solid #41783f;
  color: #41783f;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  padding: 0.35em 0.5em;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (max-width: 834px) {
  #my-content .my-mobile-nav .menu-logo .tag {
    font-size: clamp(14px, 3.2vw, 17px);
  }
}
#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: #333333;
  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: 260px;
  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 {
  border-top: 1px solid #000;
  text-align: center;
}
#my-content .my-mobile-nav .drawer-menu ul li a {
  display: block;
  padding: 10px;
  color: #000;
  font-size: 16px;
  text-decoration: none;
}
#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 {
  background-color: #fff;
  border-bottom: 1px solid #41783f;
}
#my-content .my-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1240px;
  min-height: 50px;
  padding: 0 20px;
  margin: 0 auto;
  gap: 20px;
}
#my-content .my-header__logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
#my-content .my-header__logo .tag {
  border: 1px solid #41783f;
  color: #41783f;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  padding: 0.35em 0.5em;
  text-align: center;
}
#my-content .my-header__menu {
  display: flex;
  align-items: center;
}
#my-content .my-header__menu li {
  border-right: 1px solid #000;
}
#my-content .my-header__menu li:first-child {
  border-left: 1px solid #000;
}
#my-content .my-header__menu li a {
  min-width: 10em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  line-height: 1.2;
  padding: 0.2em 0.5em;
}
#my-content .my-footer {
  background-color: #333333;
  color: #fff;
  padding: 40px 0 20px;
}
#my-content .my-footer .my-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer .my-inner {
    flex-direction: column;
    padding: 0 20px;
  }
}
#my-content .my-footer__logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__logo {
    margin-bottom: 30px;
    max-width: 300px;
  }
  #my-content .my-footer__logo img {
    width: min(53.3333333333vw, 248px);
  }
}
#my-content .my-footer__logo .tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  padding: 0.35em 0.5em;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__logo .tag {
    font-size: clamp(14px, 3.2vw, 17px);
  }
}
#my-content .my-footer__tel {
  font-size: 35px;
  line-height: 1.1;
  margin-bottom: 30px;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer__tel {
    font-size: clamp(24px, 6.9333333333vw, 35px);
    text-align: center;
  }
}
#my-content .my-footer__tel img {
  width: 0.7em;
  margin-right: 0.25em;
}
#my-content .my-footer__tel small {
  display: block;
  font-size: 0.46em;
  letter-spacing: 0.1em;
  margin-top: 0.5em;
}
#my-content .my-footer__menu li {
  font-size: 1em;
  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: 1em;
}
#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: 80px;
  padding: 0 20px;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .my-footer .copyright {
    margin-top: 10.6666666667vw;
  }
}
#my-content .mv {
  background-color: #41783f;
  padding-bottom: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .mv {
    background-color: unset;
    padding-bottom: 0;
    padding-top: 50px;
  }
}
#my-content .mv__img {
  text-align: center;
}
#my-content .mv__img.--bg-grey {
  background: linear-gradient(90deg, #f9f7f5, 30%, #fff 30%);
}
@media only screen and (max-width: 834px) {
  #my-content .mv__img.--bg-grey {
    background: unset;
  }
}
#my-content .mv__img.--bg-green {
  background: linear-gradient(90deg, #41783f, 30%, #fff 30%);
}
@media only screen and (max-width: 834px) {
  #my-content .mv__img.--bg-green {
    background: unset;
  }
}
#my-content .banner {
  padding: 20px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .banner {
    padding: 6.6666666667vw 0;
  }
}
#my-content .banner__flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .banner__flex {
    flex-direction: column;
    gap: 6.6666666667vw;
  }
}
#my-content .banner__flex > * {
  max-width: 420px;
}
@media only screen and (max-width: 834px) {
  #my-content .banner__flex > * {
    max-width: 74.6666666667vw;
  }
}
#my-content .banner__img {
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}
#my-content .intro {
  background-color: #cbf15a;
  padding: 40px 0 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .intro {
    padding: 6.6666666667vw 0 8vw;
  }
}
#my-content .intro__flex {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__flex {
    flex-direction: column-reverse;
    gap: 5.3333333333vw;
  }
}
#my-content .intro__flex-left {
  width: 400px;
  z-index: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__flex-left {
    width: 100%;
    padding-right: 29.3333333333vw;
    position: relative;
  }
  #my-content .intro__flex-left .bg-img {
    position: absolute;
    top: calc(50% + 4vw);
    right: -3.3333333333vw;
    transform: translateY(-50%);
    z-index: -1;
    width: 38.4vw;
  }
}
#my-content .intro__flex-center {
  padding-top: 40px;
  margin: auto -30px;
  z-index: 0;
}
#my-content .intro__flex-right {
  width: 400px;
  z-index: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__flex-right {
    width: 100%;
    padding-left: 29.3333333333vw;
    position: relative;
  }
  #my-content .intro__flex-right .bg-img {
    position: absolute;
    top: calc(50% + 4vw);
    left: -3.3333333333vw;
    transform: translateY(-50%);
    z-index: -1;
    width: 38.4vw;
  }
}
#my-content .intro__ttl {
  width: fit-content;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.2;
  padding: 0.2em 1.5em;
  margin: 0 auto 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__ttl {
    font-size: clamp(14px, 3.2vw, 24px);
  }
}
#my-content .intro__ttl.--green {
  background-color: #41783f;
}
#my-content .intro__ttl.--red {
  background-color: #b53d46;
}
#my-content .intro__list > li {
  background-color: #fff;
  font-size: 1.375em;
  line-height: 1.4;
  padding: 0.4em 0.8em;
  position: relative;
  filter: drop-shadow(3px 3px 0px rgb(0, 0, 0));
}
@media only screen and (max-width: 834px) {
  #my-content .intro__list > li {
    font-size: clamp(12px, 3.4666666667vw, 26px);
  }
}
#my-content .intro__list > li:not(:last-child) {
  margin-bottom: 0.5em;
}
#my-content .intro__list > li::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 31px;
  height: 15px;
  background-color: #fff;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__list > li::after {
    width: 4.9333333333vw;
    height: 2.6666666667vw;
  }
}
#my-content .intro__list > li.--l::after {
  left: -30px;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__list > li.--l::after {
    left: -4.8vw;
  }
}
#my-content .intro__list > li.--l.--b::after {
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
#my-content .intro__list > li.--l.--m::after {
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
#my-content .intro__list > li.--l.--t::after {
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
#my-content .intro__list > li.--r::after {
  right: -30px;
}
@media only screen and (max-width: 834px) {
  #my-content .intro__list > li.--r::after {
    right: -4.8vw;
  }
}
#my-content .intro__list > li.--r.--b::after {
  clip-path: polygon(0 0, 100% 100%, 0 100%);
}
#my-content .intro__list > li.--r.--m::after {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
#my-content .intro__list > li.--r.--t::after {
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
#my-content .cta {
  padding: 40px 0 0;
}
@media only screen and (max-width: 834px) {
  #my-content .cta {
    padding: 10.6666666667vw 0 0;
  }
}
#my-content .cta__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-bottom: 1em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__ttl {
    font-size: clamp(16px, 4.5333333333vw, 30px);
  }
}
#my-content .cta__ttl img:first-child {
  margin-right: 1.5em;
}
#my-content .cta__ttl img:last-child {
  margin-left: 1.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__ttl img {
    width: 2.1333333333vw;
  }
}
#my-content .cta__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-bottom: 10px solid #419b3f;
  padding: 0 0 40px;
  gap: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex {
    flex-direction: column;
    gap: 6.6666666667vw;
    border-bottom-width: 2.6666666667vw;
    padding: 0 3.3333333333vw 9.3333333333vw;
    margin-left: -3.3333333333vw;
    margin-right: -3.3333333333vw;
  }
}
#my-content .cta__flex-left {
  max-width: 400px;
  width: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex-left {
    max-width: 64vw;
  }
}
#my-content .cta__flex-right {
  max-width: 320px;
  width: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__flex-right {
    max-width: 64vw;
  }
}
#my-content .cta__btn {
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 27px;
  color: #fff;
  font-size: 1.125em;
  line-height: 1.25;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn {
    height: 14.4vw;
    font-size: clamp(14px, 4.1333333333vw, 28px);
    border-radius: 7.4666666667vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  #my-content .cta__btn:hover {
    opacity: 0.8;
  }
}
@media (hover: none) or (pointer: none) or (pointer: coarse) {
  #my-content .cta__btn:active {
    opacity: 0.8;
  }
}
#my-content .cta__btn.--green {
  background-color: #419b3f;
}
#my-content .cta__btn.--yellow {
  background-color: #e3b000;
}
#my-content .cta__btn.--red {
  background-color: #ce4c36;
}
#my-content .cta__btn img {
  margin-right: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn img {
    width: 1.2em;
    height: 1.5em;
    object-fit: contain;
    min-width: 2.6666666667vw;
  }
}
#my-content .cta__btn + * {
  margin-top: 10px;
}
@media only screen and (max-width: 834px) {
  #my-content .cta__btn + * {
    margin-top: 2.6666666667vw;
  }
}
#my-content .solution {
  padding: 80px 0 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution {
    padding: 10.6666666667vw 0 8vw;
  }
}
#my-content .solution__ttl {
  color: #333333;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__ttl {
    font-size: clamp(15px, 4vw, 24px);
  }
}
#my-content .solution__box {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  background-color: #cbf15a;
  padding: 25px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__box {
    flex-direction: column;
    padding: 2vw 2vw 10.6666666667vw;
    margin-bottom: 6.6666666667vw;
  }
}
#my-content .solution__box-content {
  width: calc(50% - 15px);
}
@media only screen and (max-width: 834px) {
  #my-content .solution__box-content {
    width: 100%;
  }
}
#my-content .solution__box-content.--full {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__box-content.--full {
    margin-top: 5.3333333333vw;
  }
}
#my-content .solution__box-ttl {
  color: #333333;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__box-ttl {
    font-size: clamp(16px, 3.7333333333vw, 28px);
  }
}
#my-content .solution__txt {
  font-size: 1.375em;
  line-height: 1.4;
  padding: 0.5em 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__txt {
    font-size: clamp(14px, 3.4666666667vw, 24px);
  }
}
#my-content .solution__txt.--box {
  background-color: #fff;
  border: 1px solid #000000;
  text-align: center;
}
#my-content .solution__txt.--box + * {
  margin-top: 0.5em;
}
#my-content .solution__note {
  font-size: 0.875em;
  line-height: 1.5;
  margin-top: 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__note {
    font-size: 0.75em;
  }
}
#my-content .solution__note.--left {
  text-align: left;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__note.--left {
    text-align: right;
  }
}
#my-content .solution__note.--lg {
  font-size: 1.125em;
  margin-top: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__note.--lg {
    font-size: 0.875em;
  }
}
#my-content .solution__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  gap: 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__flex {
    gap: 2.6666666667vw;
  }
}
#my-content .solution__flex-content {
  max-width: 650px;
  width: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__flex-content {
    max-width: 680px;
  }
}
#my-content .solution__flex-img {
  max-width: 420px;
  width: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__flex-img {
    max-width: 100%;
  }
}
#my-content .solution__flex-ttl {
  min-height: 96px;
  display: flex;
  align-items: center;
  font-size: 1.625em;
  font-weight: inherit;
  line-height: 1.4;
  letter-spacing: 0.04em;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__flex-ttl {
    min-height: 16.6666666667vw;
    justify-content: center;
    font-size: clamp(15px, 4.5333333333vw, 34px);
  }
}
#my-content .solution__flex-ttl strong {
  color: #ec6f60;
  font-size: 1.076em;
}
#my-content .solution__flex-ttl img {
  margin: 0.2em;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__flex-ttl img {
    width: 7.3333333333vw;
  }
}
#my-content .solution__flex-ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 412px;
  height: 100%;
  background-color: #cbf15a;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: -1;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__flex-ttl::before {
    width: 71.7333333333vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
#my-content .solution__flex-txt {
  font-size: 1.25em;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 834px) {
  #my-content .solution__flex-txt {
    font-size: 1em;
  }
}
#my-content .solution__flex-txt strong {
  color: #ec6f60;
  letter-spacing: 0.14em;
}
#my-content .reason {
  background-color: #ebfae6;
  padding: 40px 0 60px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason {
    padding: 0 0 8vw;
  }
}
#my-content .reason__box {
  background-color: #fff;
  border: 1px solid #333333;
  border-top: 6px solid #333333;
  padding: 30px 40px 50px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__box {
    border-top-width: 1.3333333333vw;
    padding: 8vw 5.3333333333vw 8vw;
  }
}
#my-content .reason__box + * {
  margin-top: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__box + * {
    margin-top: 5.3333333333vw;
  }
}
#my-content .reason__ttl {
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl {
    font-size: clamp(16px, 4.8vw, 30px);
    margin-bottom: 1em;
  }
}
#my-content .reason__ttl .no {
  color: #41783f;
  font-family: "Zen Old Mincho", serif;
  font-size: 2.3077em;
  font-weight: 500;
  line-height: 1;
  margin-right: 0.5em;
}
#my-content .reason__ttl-sub {
  display: flex;
  align-items: center;
  width: fit-content;
  border-bottom: 1px solid;
  color: #333333;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 0 1em 0.5em;
  margin: 40px auto;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__ttl-sub {
    justify-content: center;
    width: unset;
    border-top: 1px solid;
    font-size: clamp(12px, 4.1333333333vw, 24px);
    padding: 0.5em 1em;
    margin: 5.3333333333vw -5.3333333333vw;
  }
}
#my-content .reason__ttl-sub .num {
  color: #41783f;
  font-family: "Zen Old Mincho", serif;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1;
  margin: 0 0.1em;
}
#my-content .reason__txt {
  font-size: 1em;
  line-height: 2;
}
#my-content .reason__ttl-wrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 60px;
  row-gap: 20px;
  margin-bottom: 20px;
}
#my-content .reason__ttl-wrap h2 {
  flex-shrink: 0;
  margin-bottom: 0;
}
#my-content .reason__ttl-wrap p {
  flex-grow: 1;
  width: 620px;
}
#my-content .reason__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex {
    row-gap: 5.3333333333vw;
  }
}
#my-content .reason__flex.--align-start {
  align-items: flex-start;
}
#my-content .reason__flex-content {
  flex-grow: 1;
}
#my-content .reason__flex-content.--01 {
  flex-basis: 784px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-content.--01 {
    flex-basis: 100%;
  }
}
#my-content .reason__flex-content.--02 {
  flex-basis: 670px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-content.--02 {
    flex-basis: 100%;
  }
}
#my-content .reason__flex-content.--03 {
  flex-basis: 670px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-content.--03 {
    flex-basis: 100%;
  }
}
#my-content .reason__flex-content.--04 {
  flex-basis: 710px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-content.--04 {
    flex-basis: 100%;
    order: 2;
  }
}
#my-content .reason__flex-img {
  padding: 0 20px;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-img {
    padding: 0;
  }
}
#my-content .reason__flex-img.--01 {
  flex-basis: 240px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-img.--01 {
    flex-basis: 100%;
  }
  #my-content .reason__flex-img.--01 img {
    width: 40vw;
  }
}
#my-content .reason__flex-img.--02 {
  flex-basis: 360px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-img.--02 {
    flex-basis: 100%;
  }
  #my-content .reason__flex-img.--02 img {
    width: 66.6666666667vw;
  }
}
#my-content .reason__flex-img.--03 {
  flex-basis: 400px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-img.--03 {
    flex-basis: 100%;
  }
  #my-content .reason__flex-img.--03 img {
    width: 80vw;
  }
}
#my-content .reason__flex-img.--04 {
  flex-basis: 360px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-img.--04 {
    flex-basis: 100%;
    order: 1;
  }
  #my-content .reason__flex-img.--04 img {
    width: 60vw;
  }
}
#my-content .reason__flex-img-caption {
  color: #41783f;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-img-caption {
    font-size: 1em;
  }
}
#my-content .reason__flex-img-caption.--lg {
  font-size: 1.25em;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-img-caption.--lg {
    font-size: 1.071em;
  }
}
#my-content .reason__flex-ttl {
  color: #41783f;
  font-size: 1.375em;
  font-weight: bold;
  line-height: 1.4;
  padding-left: calc(1.5em + 20px);
  margin-bottom: 0.5em;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-ttl {
    font-size: 1.23em;
    padding-left: 1.5em;
  }
}
#my-content .reason__flex-ttl::before {
  content: "";
  position: absolute;
  top: 0.35em;
  left: 20px;
  width: 0.75em;
  height: 0.75em;
  background-color: #41783f;
  border-radius: 3px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-ttl::before {
    left: 0;
  }
}
#my-content .reason__flex-txt {
  padding: 0 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-txt {
    padding: 0 2.6666666667vw;
  }
}
#my-content .reason__flex-txt strong {
  color: #41783f;
  font-size: 1.125em;
}
#my-content .reason__flex-txt.--full {
  margin-right: -40px;
}
@media only screen and (max-width: 834px) {
  #my-content .reason__flex-txt.--full {
    margin-right: 0;
  }
}
#my-content .reason__flex-list {
  margin-top: 10px;
  margin-left: -0.5em;
  text-align: left;
}
#my-content .reason__flex-list li {
  line-height: 1.4;
  padding-left: 1em;
  position: relative;
}
#my-content .reason__flex-list li:not(:last-child) {
  margin-bottom: 0.5em;
}
#my-content .reason__flex-list li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#my-content .reason__flex-box {
  border: 4px solid transparent;
  padding: 0 1em;
}
#my-content .reason__flex-box.--green {
  border: 4px solid #41783f;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 1em;
}
#my-content .reason__flex-box.--grey {
  border: 4px solid #ccc;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 1em;
}
#my-content .strong {
  background-color: #ebfae6;
  padding: 60px 0 0;
}
@media only screen and (max-width: 834px) {
  #my-content .strong {
    padding: 5.3333333333vw 0 0;
  }
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list {
    margin: 0 -3.3333333333vw;
  }
}
#my-content .strong__list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
  padding: 50px 60px 25px;
  row-gap: 30px;
  column-gap: 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list-item {
    padding: 8vw 3.3333333333vw 8vw;
    row-gap: 2.6666666667vw;
  }
}
#my-content .strong__list-item:nth-child(even) {
  background-color: #f5fdf0;
}
#my-content .strong__list-content {
  width: 600px;
  flex-grow: 1;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list-content {
    width: 100%;
  }
}
#my-content .strong__list-img {
  max-width: 420px;
  width: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list-img {
    max-width: 100%;
  }
}
#my-content .strong__list-img.--bottom {
  align-self: flex-end;
}
#my-content .strong__list-ttl {
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
  padding: 0 20px;
  margin-bottom: 1em;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list-ttl {
    font-size: clamp(14px, 4.5333333333vw, 30px);
    padding: 0;
  }
}
#my-content .strong__list-ttl span:first-child {
  flex-shrink: 0;
}
#my-content .strong__list-ttl small {
  font-size: 0.6154em;
  vertical-align: text-top;
}
#my-content .strong__list-ttl strong {
  color: #41783f;
  font-family: "Zen Old Mincho", serif;
  font-size: 2.3077em;
  font-weight: 500;
  line-height: 1;
  margin-right: 0.3em;
}
#my-content .strong__list-txt {
  font-size: 1.125em;
  line-height: 2.25;
  padding: 0 20px;
  margin-top: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__list-txt {
    font-size: 1em;
    line-height: 1.876;
    padding: 0 5.3333333333vw;
  }
}
#my-content .strong__list-txt strong {
  font-size: 1.333em;
  font-weight: bold;
  letter-spacing: 0.02em;
}
#my-content .strong__box {
  width: 100%;
  background-color: #fff;
  border: 1px solid #000;
  padding: 10px 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__box {
    padding: 2.6666666667vw 5.3333333333vw;
  }
}
#my-content .strong__ttl-sub {
  display: block;
  max-width: 300px;
  width: 100%;
  border-radius: 1em;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
  padding: 0.15em 1em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__ttl-sub {
    max-width: 60vw;
    font-size: 1em;
    margin-inline: auto;
  }
}
#my-content .strong__ttl-sub.--green {
  background-color: #41783f;
}
#my-content .strong__ttl-sub.--red {
  background-color: #b53d46;
}
#my-content .strong__check-list.--col2 {
  column-count: 2;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__check-list.--col2 {
    column-count: unset;
  }
}
#my-content .strong__check-list.--green li {
  background: url(../img/icon_check_green.svg) left center/1.1em no-repeat;
}
#my-content .strong__check-list.--red li {
  background: url(../img/icon_check_red.svg) left center/1.1em no-repeat;
}
#my-content .strong__check-list li {
  font-size: 1.125em;
  line-height: 1.4;
  letter-spacing: 0.04em;
  padding-left: 1.6em;
  padding-block: 0.35em;
  break-inside: avoid;
}
@media only screen and (max-width: 834px) {
  #my-content .strong__check-list li {
    font-size: 1em;
  }
}
#my-content .strong__check-list li:has(span) {
  background: none !important;
  font-size: inherit;
  padding-left: 0;
}
#my-content .results {
  background-color: #333333;
  padding: 50px 0 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .results {
    padding-bottom: 0;
  }
}
#my-content .results .my-inner {
  max-width: 1440px;
}
#my-content .results .sec-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-family: "Zen Old Mincho", serif;
  font-size: 55px;
  padding-bottom: 0.2em;
}
@media only screen and (max-width: 834px) {
  #my-content .results .sec-ttl {
    font-size: clamp(20px, 7.3333333333vw, 55px);
  }
  #my-content .results .sec-ttl img {
    width: 3.4666666667vw;
  }
}
#my-content .results .sec-ttl img:first-child {
  margin-right: 1.5em;
}
#my-content .results .sec-ttl img:last-child {
  margin-left: 1.5em;
}
#my-content .results__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .results__flex {
    margin-inline: -3.3333333333vw;
    gap: 4vw;
  }
  #my-content .results__flex.is-open .results__col:not(:first-child) {
    display: block;
  }
  #my-content .results__flex.is-open .results__box:not(:first-child) {
    display: block;
  }
  #my-content .results__flex.is-open .results__close-btn {
    display: block;
  }
  #my-content .results__flex.is-open .results__accordion-btn {
    display: none;
  }
}
#my-content .results__col {
  width: 300px;
  max-width: 450px;
  flex-grow: 1;
  background-color: #fff;
  padding: 20px 0;
}
@media only screen and (max-width: 834px) {
  #my-content .results__col {
    width: 100%;
    max-width: none;
    background-color: transparent;
    padding: 0;
  }
  #my-content .results__col:not(:first-child) {
    display: none;
  }
}
#my-content .results__box {
  padding: 10px 0 10px 50px;
}
@media only screen and (max-width: 834px) {
  #my-content .results__box {
    background-color: #fff;
    padding: 5.3333333333vw 0vw 5.3333333333vw 14.6666666667vw;
  }
  #my-content .results__box:not(:first-child) {
    display: none;
    margin-top: 4vw;
  }
}
#my-content .results__ttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #333333;
  border-radius: 2em 0 0 2em;
  color: #fff;
  font-size: 1.0625em;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.35em 40px;
  margin-bottom: 10px;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .results__ttl {
    font-size: 1.25em;
    padding-inline: 6.6666666667vw;
  }
}
#my-content .results__ttl span:last-child {
  white-space: nowrap;
  font-size: 0.9411em;
}
#my-content .results__ttl span:last-child strong {
  font-size: 1.25em;
  font-weight: bold;
  margin-right: 0.2em;
}
#my-content .results__ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -35px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url(../img/icon_goukaku_sm.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .results__ttl::before {
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    left: -10.6666666667vw;
  }
}
#my-content .results__list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.4;
  padding: 0.2em 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .results__list li {
    font-size: 1.15em;
    padding-inline: 6.6666666667vw;
  }
}
#my-content .results__list li span:last-child {
  white-space: nowrap;
  font-size: 0.875em;
}
#my-content .results__list li span:last-child strong {
  font-size: 1.215em;
  font-weight: bold;
  margin-right: 0.2em;
}
#my-content .results__note {
  color: #fff;
  font: size 0.875em;
  margin-top: 1em;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .results__note {
    padding: 0 4.6666666667vw;
  }
}
#my-content .results__accordion-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.25em;
  padding: 1em;
  text-align: center;
}
#my-content .results__accordion-btn span {
  margin-inline: 1em;
}
#my-content .results__accordion-btn img {
  width: 1em;
  height: auto;
}
#my-content .results__close-btn {
  display: none;
  width: 100%;
  font-size: 1.25em;
  padding: 0 1em 1em;
  text-align: center;
}
#my-content .results__close-btn img {
  width: 1em;
  height: auto;
}
#my-content .comment {
  background-color: #ebfae6;
  padding: 60px 0 80px;
}
@media only screen and (max-width: 834px) {
  #my-content .comment {
    padding: 8vw 0 10.6666666667vw;
  }
}
#my-content .comment__list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: #fff;
  border: 1px solid #333333;
  padding: 30px 40px;
  column-gap: 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .comment__list-item {
    padding: 8vw 5.3333333333vw 6.6666666667vw;
    row-gap: 4vw;
  }
}
#my-content .comment__list-item:not(:last-child) {
  margin-bottom: 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .comment__list-item:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
}
#my-content .comment__ttl {
  color: #333333;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .comment__ttl {
    width: 100%;
    font-size: clamp(18px, 4.8vw, 36px);
    text-align: center;
  }
}
#my-content .comment__txt {
  width: calc(100% - 340px);
}
@media only screen and (max-width: 834px) {
  #my-content .comment__txt {
    width: 100%;
  }
}
#my-content .comment__img {
  flex-shrink: 0;
  max-width: 310px;
  width: 100%;
}
@media only screen and (max-width: 834px) {
  #my-content .comment__img {
    flex-shrink: 1;
    max-width: none;
    text-align: center;
  }
}
#my-content .comment__info {
  font-weight: bold;
  line-height: 1.4;
}
#my-content .comment__info span {
  min-height: 30px;
  display: flex;
  align-items: center;
  background-color: #41783f;
  color: #fff;
  padding: 0.2em 0.5em;
  margin-top: 0.6em;
}
#my-content .comment__info span small {
  font-size: 0.875em;
}
#my-content .faq {
  padding: 60px 0 80px;
}
@media only screen and (max-width: 834px) {
  #my-content .faq {
    padding: 8vw 0 10.6666666667vw;
  }
}
#my-content .faq__list-item {
  background-color: #fff;
  border: 1px solid #333333;
  padding: 40px 40px;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__list-item {
    padding: 5.3333333333vw 5.3333333333vw;
  }
}
#my-content .faq__list-item:not(:last-child) {
  margin-bottom: 30px;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__list-item:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
}
#my-content .faq__q {
  color: #333333;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
  padding-left: 60px;
  margin-bottom: 1em;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__q {
    font-size: clamp(16px, 4.5333333333vw, 30px);
    padding-left: 10.6666666667vw;
  }
}
#my-content .faq__q::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: url(../img/icon_question.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__q::before {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
}
#my-content .faq__a {
  line-height: 2;
  padding-left: 60px;
  position: relative;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__a {
    line-height: 1.876;
    padding-left: 10.6666666667vw;
  }
}
#my-content .faq__a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: url(../img/icon_answer.svg) center center/contain no-repeat;
}
@media only screen and (max-width: 834px) {
  #my-content .faq__a::before {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
}
#my-content .access {
  background-color: #fafafa;
  padding: 60px 0 80px;
}
@media only screen and (max-width: 834px) {
  #my-content .access {
    padding: 8vw 0 10.6666666667vw;
  }
}
#my-content .access .sec-ttl {
  border-bottom: 1px solid #000;
  padding-bottom: 0.4em;
}
#my-content .access__txt {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1em;
  text-align: center;
}
#my-content .access__flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .access__flex {
    flex-direction: column;
    gap: 4vw;
    margin-bottom: 4vw;
  }
}
#my-content .access__flex li {
  width: calc(50% - 10px);
}
@media only screen and (max-width: 834px) {
  #my-content .access__flex li {
    width: 100%;
  }
}
#my-content .access__box {
  height: 100%;
  border: 1px solid #808080;
  padding: 9px;
}
#my-content .access__box-content {
  padding: 1em;
}
#my-content .access__name {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 834px) {
  #my-content .access__name {
    font-size: 1em;
  }
}
#my-content .access__address {
  font-size: 1em;
  line-height: 1.75;
}
@media only screen and (max-width: 834px) {
  #my-content .access__address {
    font-size: 0.875em;
  }
}
#my-content .access__photo {
  border: 1px solid #808080;
  padding: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo {
    padding: 2.6666666667vw;
  }
}
#my-content .access__photo-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-list {
    gap: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
#my-content .access__photo-list li {
  width: calc((100% - 60px) / 4);
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-list li {
    width: calc((100% - 2.6666666667vw) / 2);
  }
}
#my-content .access__photo-note {
  line-height: 1.4;
  margin-top: 0.5em;
  text-align: right;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-note {
    font-size: 0.875em;
    text-align: left;
  }
}
#my-content .access__photo-note .tag-wrap {
  display: inline-block;
  margin: -2px;
}
#my-content .access__photo-note .tag {
  display: inline-block;
  background-color: #5a4747;
  border-radius: 1em;
  color: #fff;
  line-height: 1;
  padding: 0.4em 2em;
  margin: 2px;
  white-space: nowrap;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-note .tag {
    padding: 0.4em 1em;
  }
}
#my-content .access__photo-note small {
  display: inline-block;
  font-size: 0.875em;
  margin-left: 1em;
}
@media only screen and (max-width: 834px) {
  #my-content .access__photo-note small {
    margin-left: 0;
    margin-top: 5px;
  }
}
#my-content .contact {
  padding-bottom: 0;
}
@media only screen and (max-width: 834px) {
  #my-content .contact .sec-ttl {
    font-size: clamp(20px, 5.8666666667vw, 44px);
  }
}/*# sourceMappingURL=lp_juigakubu.css.map */