@charset "UTF-8";
:root {
  --f12:clamp(0.65rem, 0.628rem + 0.079vw, 0.713rem);
  --f13:clamp(0.75rem, 0.728rem + 0.099vw, 0.813rem);
  --f14:clamp(0.813rem, 0.790rem + 0.099vw, 0.875rem);
  --f16:clamp(0.875rem, 0.830rem + 0.199vw, 1rem);
  --f17:clamp(0.938rem, 0.886rem + 0.235vw, 1.063rem);
  --f20:clamp(1.063rem, 0.995rem + 0.298vw, 1.25rem);
  --f22:clamp(1.063rem, 1.1rem + 0.497vw, 1.375rem);
  --f24:clamp(1.313rem, 1.245rem + 0.298vw, 1.5rem);
  --f28:clamp(1.35rem, 1.311rem + 0.398vw, 1.75rem);
  --f32:clamp(1.4rem, 1.141rem + 1.179vw, 2rem);
  --f36:clamp(1.5rem, 1.125rem + 1.25vw, 2.25rem);
  --f40:clamp(1.5rem, 1.148rem + 1.502vw, 2.5rem);
  --f42:clamp(1.5rem, 1.097rem + 1.789vw, 2.625rem);
  --f48:clamp(2rem, 1.642rem + 1.59vw, 3rem);
  --f54:clamp(2.25rem, 1.847rem + 1.789vw, 3.375rem);
  --f64:clamp(2.625rem, 2.133rem + 2.187vw, 4rem);
  --f72:clamp(2.7rem, 2.263rem + 2.386vw, 4.5rem);
  --f106:clamp(3rem, 1.703rem + 5.765vw, 6.625rem);
  --f160:clamp(3.25rem, 0.873rem + 10.141vw, 10rem);
}

@font-face {
  src: url("../font/NotoSansJP-Regular.woff") format("woff");
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-display: swap;
}
@font-face {
  src: url("../font/NotoSansJP-Medium.woff.woff") format("woff");
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-display: swap;
}
@font-face {
  src: url("../font/NotoSansJP-Bold.woff") format("woff");
  font-family: "Noto Sans JP";
  font-weight: 600;
  font-display: swap;
}
@font-face {
  src: url("../font/NotoSerifJP-Regular.woff") format("woff");
  font-family: "Noto Serif JP";
  font-weight: 400;
  font-display: swap;
}
@font-face {
  src: url("../font/NotoSerifJP-Bold.woff") format("woff");
  font-family: "Noto Serif JP";
  font-weight: 600;
  font-display: swap;
}
.key-wrap {
  z-index: 9999;
}
.key-wrap #key-visual {
  position: relative;
  background: url(../images/key-topbg.webp) no-repeat left;
  padding-top: 132px;
  height: 732px;
}
@media screen and (max-width: 1024px) {
  .key-wrap #key-visual {
    padding-top: 52px;
    height: 480px;
  }
}
.key-wrap #key-visual .key-inner {
  background: url(../images/key-topimg.webp) no-repeat right;
  background-size: contain;
  height: 600px;
}
@media screen and (max-width: 1240px) {
  .key-wrap #key-visual .key-inner {
    background-position: 115%;
  }
}
@media screen and (max-width: 1024px) {
  .key-wrap #key-visual .key-inner {
    background: url(../images/key-topimgsp.webp) no-repeat right;
    background-size: contain;
    height: 360px;
    width: 100%;
    position: absolute;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .key-wrap #key-visual .key-inner {
    height: 272px;
  }
}
.key-wrap #key-visual .key-txt {
  position: absolute;
  bottom: 2vw;
  left: 10vw;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 1360px) {
  .key-wrap #key-visual .key-txt {
    left: 4vw;
    bottom: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .key-wrap #key-visual .key-txt {
    top: 52px;
    bottom: 0;
    margin: auto;
  }
}
.key-wrap #key-visual .key-txt h1 {
  font-size: var(--f64);
  color: #703333;
  font-family: "Noto Serif JP";
  font-weight: 600;
  letter-spacing: 0.4rem;
  line-height: 1;
}
@media screen and (max-width: 1360px) {
  .key-wrap #key-visual .key-txt h1 {
    font-size: var(--f48);
  }
}
@media screen and (max-width: 768px) {
  .key-wrap #key-visual .key-txt h1 {
    letter-spacing: 0.2rem;
    font-size: var(--f42);
  }
}
@media screen and (max-width: 480px) {
  .key-wrap #key-visual .key-txt h1 {
    font-size: var(--f36);
    letter-spacing: 0.1rem;
  }
}
.key-wrap #key-visual .key-txt h1 span {
  font-size: var(--f106);
  text-shadow: 4px 4px 0 #FFF, -4px -4px 0 #FFF, -4px 4px 0 #FFF, 4px -6px 0 #FFF, 0px 4px 0 #FFF, 0 -4px 0 #FFF, -4px 0 0 #FFF, 4px 0 0 #FFF;
}
@media screen and (max-width: 1360px) {
  .key-wrap #key-visual .key-txt h1 span {
    font-size: var(--f72);
  }
}
@media screen and (max-width: 480px) {
  .key-wrap #key-visual .key-txt h1 span {
    font-size: var(--f64);
    text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
  }
}
.key-wrap #key-visual .key-txt .key-main {
  background: linear-gradient(180deg, rgb(143, 207, 106), rgb(105, 185, 58));
  padding: 2px 24px;
  border-radius: 50px;
  color: #fff;
  font-size: var(--f32);
  font-weight: 500;
  margin: 16px 0 8px 0;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1360px) {
  .key-wrap #key-visual .key-txt .key-main {
    font-size: var(--f24);
  }
}
@media screen and (max-width: 768px) {
  .key-wrap #key-visual .key-txt .key-main {
    font-size: var(--f20);
  }
}
@media screen and (max-width: 480px) {
  .key-wrap #key-visual .key-txt .key-main {
    font-size: var(--f22);
    font-weight: 600;
    width: 75%;
    line-height: 1.4;
    padding: 6px 16px;
  }
}
@media screen and (max-width: 380px) {
  .key-wrap #key-visual .key-txt .key-main {
    font-size: var(--f20);
    width: 79%;
  }
}
.key-wrap #key-visual .key-txt .key-sub {
  font-size: var(--f22);
  color: #703333;
  font-weight: 500;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1360px) {
  .key-wrap #key-visual .key-txt .key-sub {
    font-size: var(--f20);
  }
}
@media screen and (max-width: 768px) {
  .key-wrap #key-visual .key-txt .key-sub {
    font-size: var(--f17);
  }
  .key-wrap #key-visual .key-txt .key-sub br {
    display: none;
  }
  .key-wrap #key-visual .key-txt .key-sub {
    width: 75%;
  }
}
.key-wrap #key-visual .key-txt .key-sub br {
  display: none;
}
@media screen and (max-width: 1240px) {
  .key-wrap #key-visual .key-txt .key-sub br {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .key-wrap #key-visual .key-txt .key-sub br {
    display: none;
  }
}
.key-wrap #key-visual .key-txt p + p {
  margin-top: 0;
}
.key-wrap #key-visual .key-txt .key-list {
  margin-top: 0.6em;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .key-wrap #key-visual .key-txt .key-list {
    width: 87%;
  }
}
@media screen and (max-width: 480px) {
  .key-wrap #key-visual .key-txt .key-list {
    width: 98%;
  }
}
.key-wrap #key-visual .key-txt .key-list li {
  margin-right: 2%;
}
@media screen and (max-width: 480px) {
  .key-wrap #key-visual .key-txt .key-list li {
    width: 100%;
    margin-right: 1%;
  }
}

#top-container .gakkai-bnr {
  width: min(90%, 1240px);
  margin: 0 auto;
  margin: 3em auto;
  display: block;
}
#top-container .symptoms {
  background: #FCFFEC;
  width: min(90%, 1240px);
  margin: 0 auto;
  padding: 2em 0;
}
#top-container .symptoms .symptoms-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 2%;
  max-width: 1024px;
  width: 90%;
  margin: 2em auto;
}
@media screen and (max-width: 1024px) {
  #top-container .symptoms .symptoms-list {
    width: 95%;
  }
}
@media screen and (max-width: 768px) {
  #top-container .symptoms .symptoms-list {
    grid-template-columns: 1fr 1fr;
    margin: 1em auto;
  }
}
#top-container .symptoms .symptoms-list .symptoms-item:nth-child(1) a {
  background: url(../images/symptoms-img01.webp) no-repeat center;
  background-size: cover;
}
#top-container .symptoms .symptoms-list .symptoms-item:nth-child(2) a {
  background: url(../images/symptoms-img02.webp) no-repeat center;
  background-size: cover;
}
#top-container .symptoms .symptoms-list .symptoms-item:nth-child(3) a {
  background: url(../images/symptoms-img03.webp) no-repeat center;
  background-size: cover;
}
#top-container .symptoms .symptoms-list .symptoms-item:nth-child(4) a {
  background: url(../images/symptoms-img04.webp) no-repeat center;
  background-size: cover;
}
#top-container .symptoms .symptoms-list .symptoms-item:nth-child(5) a {
  background: url(../images/symptoms-img05.webp) no-repeat center;
  background-size: cover;
}
#top-container .symptoms .symptoms-list .symptoms-item a {
  display: grid;
  place-items: center;
  max-height: 200px;
  height: 15vw;
}
@media screen and (max-width: 768px) {
  #top-container .symptoms .symptoms-list .symptoms-item a {
    height: 18vw;
  }
}
#top-container .symptoms .symptoms-list .symptoms-item a h3 {
  font-size: var(--f22);
  font-weight: 500;
  color: #fff;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1500px) {
  #top-container .symptoms .symptoms-list .symptoms-item a h3 {
    font-size: var(--f17);
  }
}
@media screen and (max-width: 1024px) {
  #top-container .symptoms .symptoms-list .symptoms-item a h3 {
    font-size: var(--f16);
    letter-spacing: 0.001rem;
  }
}
@media screen and (max-width: 768px) {
  #top-container .symptoms .symptoms-list .symptoms-item a h3 {
    font-size: var(--f22);
  }
}
@media screen and (max-width: 480px) {
  #top-container .symptoms .symptoms-list .symptoms-item a h3 {
    font-size: var(--f24);
    font-weight: 600;
  }
}
#top-container .intro {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#top-container .intro p span {
  color: #FF9C1A;
  font-weight: 600;
}
#top-container .intro table {
  width: 100%;
  background: #F1F8EC;
  margin: 0.5em 0;
}
#top-container .intro table tr {
  border-bottom: 1px solid #D4E3CB;
}
@media screen and (max-width: 768px) {
  #top-container .intro table tr {
    display: flex;
    flex-direction: column;
  }
  #top-container .intro table tr th, #top-container .intro table tr td {
    width: 100%;
  }
}
#top-container .intro table tr:last-child {
  border-bottom: none;
}
#top-container .intro table th, #top-container .intro table td {
  padding: 12px 16px;
}
@media screen and (max-width: 768px) {
  #top-container .intro table th, #top-container .intro table td {
    padding: 8px 12px;
  }
}
#top-container .intro table th {
  background: #E3F0DB;
  width: 250px;
}
#top-container .intro table td {
  width: calc(100% - 250px);
}
#top-container .intro .intro-bg {
  background: url(../images/intro-bg.webp) no-repeat;
  background-size: cover;
  padding: 2em 0 0 0;
  position: relative;
  margin: 1em 0;
}
@media screen and (max-width: 768px) {
  #top-container .intro .intro-bg {
    padding: 1em 0 0 0;
  }
}
@media screen and (max-width: 530px) {
  #top-container .intro .intro-bg {
    padding: 1em;
  }
}
#top-container .intro .intro-bg .intro-inner {
  max-width: 800px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #top-container .intro .intro-bg .intro-inner {
    width: 97%;
    margin: 0 auto 0 0;
  }
}
@media screen and (max-width: 530px) {
  #top-container .intro .intro-bg .intro-inner {
    width: 100%;
    margin: 0 auto;
  }
}
#top-container .intro .intro-bg .intro-img {
  width: 130px;
  margin-right: 2%;
}
@media screen and (max-width: 768px) {
  #top-container .intro .intro-bg .intro-img {
    width: 105px;
    height: -moz-fit-content;
    height: fit-content;
  }
  #top-container .intro .intro-bg .intro-img img {
    -o-object-position: bottom;
       object-position: bottom;
  }
}
@media screen and (max-width: 530px) {
  #top-container .intro .intro-bg .intro-img {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
#top-container .intro .intro-bg .intro-list {
  display: grid;
  gap: 12px;
  max-width: 540px;
  width: 90%;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 530px) {
  #top-container .intro .intro-bg .intro-list {
    width: 75%;
    margin: 0 0 0 auto;
  }
}
#top-container .intro .intro-bg .intro-list li {
  font-size: var(--f22);
  font-weight: 600;
  color: #09498A;
  padding: 6px 12px;
  background: #fff;
  border-radius: 8px;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 1.2;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #top-container .intro .intro-bg .intro-list li {
    font-size: var(--f20);
    padding-left: 1.2em;
    padding: 6px 12px 6px 28px;
  }
}
@media screen and (max-width: 768px) {
  #top-container .intro .intro-bg .intro-list li {
    font-size: var(--f16);
  }
}
#top-container .intro .intro-bg .intro-list li::before {
  content: "●";
  font-size: var(--f22);
  color: #09498A;
}
@media screen and (max-width: 1024px) {
  #top-container .intro .intro-bg .intro-list li::before {
    font-size: var(--f20);
    position: absolute;
    top: 5px;
    left: 8px;
  }
}
@media screen and (max-width: 768px) {
  #top-container .intro .intro-bg .intro-list li::before {
    font-size: var(--f16);
  }
}
#top-container .profile {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#top-container .profile .page-title-left .title {
  margin-bottom: 0;
}
#top-container .profile .profile-wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
}
#top-container .profile .profile-wrap .profile-img {
  max-width: 260px;
  width: 35%;
}
@media screen and (max-width: 768px) {
  #top-container .profile .profile-wrap .profile-img {
    position: absolute;
    width: 120px;
    top: 1em;
    left: 0;
    right: 0;
    margin: auto;
  }
}
@media screen and (max-width: 480px) {
  #top-container .profile .profile-wrap .profile-img {
    height: 160px;
  }
}
#top-container .profile .profile-wrap .profile-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 480px) {
  #top-container .profile .profile-wrap .profile-img img {
    height: 160px;
  }
}
#top-container .profile .profile-wrap .profile-txt {
  background: #F1F8EC;
  padding: 1em 2em;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #top-container .profile .profile-wrap .profile-txt {
    padding: 180px 1em 1em 2em;
  }
}
#top-container .profile .profile-wrap .profile-txt p {
  line-height: 1.4;
}
#top-container .profile .profile-wrap .profile-txt h4 {
  font-size: var(--f24);
  color: #69B93A;
  font-weight: 600;
  border-bottom: 1px solid #D4E3CB;
  margin: 12px 0;
  padding-bottom: 6px;
}
@media screen and (max-width: 768px) {
  #top-container .profile .profile-wrap .profile-txt h4 {
    padding-bottom: 3px;
  }
}
#top-container .profile .profile-wrap .profile-txt .profile-subtxt {
  color: #8A8A8A;
}
#top-container .profile .profile-wrap .profile-txt .btn {
  margin: 0.5em auto 0 0;
}
@media screen and (max-width: 768px) {
  #top-container .profile .profile-wrap .profile-txt .btn {
    margin: 0.5em auto 0 auto;
  }
}
#top-container .voice .voice-wrap {
  background: #fff;
  width: min(90%, 1240px);
  margin: 0 auto;
  padding: 2em 4em;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  margin-top: -60px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #top-container .voice .voice-wrap {
    padding: 1em 2em;
    margin-top: -40px;
  }
}
@media screen and (max-width: 480px) {
  #top-container .voice .voice-wrap {
    padding: 1em;
    margin-top: -24px;
  }
}
#top-container .voice .voice-list li {
  border-bottom: 1px solid #E3E3E3;
}
#top-container .voice .voice-list li a {
  padding: 1em;
  display: block;
}
@media screen and (max-width: 768px) {
  #top-container .voice .voice-list li a {
    padding: 0.5em;
  }
}
#top-container .voice .voice-list li a h3 {
  font-size: var(--f20);
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  #top-container .voice .voice-list li a h3 {
    font-size: var(--f17);
  }
}
#top-container .voice .voice-list li a p {
  font-size: var(--f16);
  color: #949494;
}
#top-container .voice .tyuui {
  font-size: var(--f16);
}
#top-container .access {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#top-container .access .intro {
  text-align: center;
  margin: 1em auto;
}
@media screen and (max-width: 480px) {
  #top-container .access .intro {
    text-align: left;
    margin: 0;
    width: 100%;
  }
}
#top-container .access .access-wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  #top-container .access .access-wrap {
    flex-direction: column;
  }
}
#top-container .access .access-wrap .access-map {
  min-width: 430px;
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  #top-container .access .access-wrap .access-map {
    min-width: 100%;
    width: 100%;
  }
}
#top-container .access .access-wrap .access-map iframe {
  width: 100%;
  height: 400px;
}
@media screen and (max-width: 480px) {
  #top-container .access .access-wrap .access-map iframe {
    height: 300px;
  }
}
#top-container .access .access-wrap .access-map p {
  font-size: var(--f17);
  color: #fff;
  background: #69B93A;
  line-height: 1.4;
  padding: 0.5em;
}
#top-container .bnr-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3%;
}
@media screen and (max-width: 1024px) {
  #top-container .bnr-list {
    grid-template-columns: 1fr;
    max-width: 600px;
    width: 100%;
    margin: 1em auto;
  }
}
@media screen and (max-width: 480px) {
  #top-container .bnr-list {
    margin: 2em auto;
  }
}
#top-container .bnr-list .bnr-item h2 {
  color: #fff;
  font-size: var(--f28);
  font-weight: 600;
  text-align: center;
  padding: 0.2em 0;
}
@media screen and (max-width: 1024px) {
  #top-container .bnr-list .bnr-item h2 {
    font-size: var(--f22);
  }
}
@media screen and (max-width: 480px) {
  #top-container .bnr-list .bnr-item h2 {
    font-size: var(--f20);
    letter-spacing: 0.001rem;
  }
}
#top-container .bnr-list .bnr-item .bnr-contents {
  height: 130px;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 1024px) {
  #top-container .bnr-list .bnr-item .bnr-contents {
    height: 100px;
  }
}
#top-container .bnr-list .bnr-item .bnr-contents .tel-tyuui {
  text-align: center;
  font-size: var(--f14);
  margin-top: 6px;
  line-height: 1.4;
  width: 100%;
}
#top-container .bnr-list .bnr-item .bnr-contents .tel-tyuui br {
  display: none;
}
@media screen and (max-width: 768px) {
  #top-container .bnr-list .bnr-item .bnr-contents .tel-tyuui br {
    display: block;
  }
}
#top-container .bnr-list .bnr-item .bnr-contents p + p {
  margin-top: 0;
}
#top-container .bnr-list .bnr-item:nth-child(1) {
  pointer-events: none;
}
@media screen and (max-width: 480px) {
  #top-container .bnr-list .bnr-item:nth-child(1) {
    pointer-events: all;
  }
}
#top-container .bnr-list .bnr-item:nth-child(1) h2 {
  background: #FF9C1A;
}
#top-container .bnr-list .bnr-item:nth-child(1) .bnr-contents {
  background: #FFFFF0;
  border-left: 3px solid #FF9C1A;
  border-right: 3px solid #FF9C1A;
  border-bottom: 3px solid #FF9C1A;
}
#top-container .bnr-list .bnr-item:nth-child(1) .bnr-contents .tel-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#top-container .bnr-list .bnr-item:nth-child(1) .bnr-contents .tel-btn .bnr-title {
  font-size: var(--f20);
  font-weight: 600;
  color: #fff;
  text-align: center;
  background: #FF9C1A;
  padding: 2px 16px;
  border-radius: 50px;
  margin-right: 12px;
}
@media screen and (max-width: 1024px) {
  #top-container .bnr-list .bnr-item:nth-child(1) .bnr-contents .tel-btn .bnr-title {
    font-size: var(--f18);
    padding: 2px 10px;
  }
}
@media screen and (max-width: 480px) {
  #top-container .bnr-list .bnr-item:nth-child(1) .bnr-contents .tel-btn .bnr-title {
    font-size: var(--f16);
    padding: 2px 8px;
  }
}
#top-container .bnr-list .bnr-item:nth-child(1) .bnr-contents .tel-btn .tel-area {
  font-size: var(--f42);
  font-weight: 600;
  display: flex;
  align-items: center;
  line-height: 1;
}
#top-container .bnr-list .bnr-item:nth-child(1) .bnr-contents .tel-btn .tel-area::before {
  content: "";
  background: url(../images/tel.svg) no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: block;
  margin-right: 6px;
}
@media screen and (max-width: 1024px) {
  #top-container .bnr-list .bnr-item:nth-child(1) .bnr-contents .tel-btn .tel-area::before {
    margin-top: 4px;
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  #top-container .bnr-list .bnr-item:nth-child(1) .bnr-contents .tel-btn .tel-area::before {
    margin-top: 4px;
    margin-right: 3px;
    width: 20px;
    height: 20px;
  }
}
#top-container .bnr-list .bnr-item:nth-child(2) h2 {
  background: #69B93A;
}
#top-container .bnr-list .bnr-item:nth-child(2) .bnr-contents {
  background: #F1FFF0;
  border-left: 3px solid #69B93A;
  border-right: 3px solid #69B93A;
  border-bottom: 3px solid #69B93A;
}
#top-container .bnr-list .bnr-item:nth-child(2) .bnr-contents .btn {
  background: #449B11;
  margin: 0 auto;
}
#top-container .point {
  background: url(../images/point-bg.webp) no-repeat center;
  background-size: cover;
  padding: 1em 0 4em 0;
}
#top-container .point .point-list {
  width: min(90%, 1240px);
  margin: 0 auto;
  margin-top: 2em;
  display: grid;
  gap: 2em;
}
@media screen and (max-width: 480px) {
  #top-container .point .point-list {
    gap: 1em;
  }
}
#top-container .point .point-list .point-item {
  background: #fff;
  border-radius: 12px;
  padding: 2em;
}
@media screen and (max-width: 480px) {
  #top-container .point .point-list .point-item {
    padding: 1.5em;
  }
}
#top-container .point .point-list .point-item h3 {
  font-size: var(--f32);
  font-weight: 600;
  color: #266005;
  text-align: center;
  font-family: "Noto Serif JP";
  line-height: 1.3;
}
#top-container .point .point-list .point-item h3 br {
  display: none;
}
@media screen and (max-width: 480px) {
  #top-container .point .point-list .point-item h3 br {
    display: block;
  }
}
#top-container .point .point-list .point-item .point-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
}
@media screen and (max-width: 768px) {
  #top-container .point .point-list .point-item .point-wrap {
    flex-direction: column;
  }
}
#top-container .point .point-list .point-item .point-wrap figure {
  width: 370px;
}
@media screen and (max-width: 1500px) {
  #top-container .point .point-list .point-item .point-wrap figure {
    width: 280px;
  }
}
@media screen and (max-width: 768px) {
  #top-container .point .point-list .point-item .point-wrap figure {
    max-width: 280px;
    width: 100%;
    margin: 0 auto 1em auto;
  }
}
#top-container .point .point-list .point-item .point-wrap .point-txt {
  width: calc(100% - 370px - 3%);
}
@media screen and (max-width: 1500px) {
  #top-container .point .point-list .point-item .point-wrap .point-txt {
    width: calc(100% - 280px - 3%);
  }
}
@media screen and (max-width: 768px) {
  #top-container .point .point-list .point-item .point-wrap .point-txt {
    width: 100%;
  }
}
#top-container .point .point-list .point-item .point-wrap .point-txt p {
  line-height: 1.5;
}
#top-container .point .point-list .point-item .point-wrap .point-txt p span {
  color: #FF9C1A;
  font-weight: 600;
}
#top-container .point .point-list .point-item .point-wrap .point-txt ul {
  margin: 0.5em 0;
}
#top-container .point .point-list .point-item .point-wrap .point-txt ul li {
  position: relative;
  padding-left: 1.2em;
}
#top-container .point .point-list .point-item .point-wrap .point-txt ul li::before {
  content: "●";
  font-size: var(--f18);
  color: #69B93A;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#top-container .reason {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#top-container .reason .reason-list {
  width: 100%;
  margin-top: 2em;
  display: grid;
  gap: 1.5em;
}
@media screen and (max-width: 480px) {
  #top-container .reason .reason-list {
    gap: 1em;
    margin-top: 1em;
  }
}
#top-container .reason .reason-list .reason-item {
  background: #F8FBF6;
  border: 7px solid #D4E3CB;
  padding: 2em;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  #top-container .reason .reason-list .reason-item {
    padding: 1em;
  }
}
@media screen and (max-width: 768px) {
  #top-container .reason .reason-list .reason-item {
    flex-direction: column;
  }
}
#top-container .reason .reason-list .reason-item figure {
  width: 320px;
}
@media screen and (max-width: 1024px) {
  #top-container .reason .reason-list .reason-item figure {
    width: 240px;
  }
}
@media screen and (max-width: 768px) {
  #top-container .reason .reason-list .reason-item figure {
    max-width: 360px;
    width: 100%;
    margin: 0 auto;
  }
}
#top-container .reason .reason-list .reason-item .reason-txt {
  width: calc(100% - 320px - 3%);
}
@media screen and (max-width: 1024px) {
  #top-container .reason .reason-list .reason-item .reason-txt {
    width: calc(100% - 240px - 3%);
  }
}
@media screen and (max-width: 768px) {
  #top-container .reason .reason-list .reason-item .reason-txt {
    width: 100%;
    margin-top: 1em;
  }
}
#top-container .reason .reason-list .reason-item .reason-txt h3 {
  font-size: var(--f32);
  font-weight: 600;
  color: #266005;
  font-family: "Noto Serif JP";
  line-height: 1.3;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 1024px) {
  #top-container .reason .reason-list .reason-item .reason-txt h3 {
    font-size: var(--f24);
  }
}
@media screen and (max-width: 480px) {
  #top-container .reason .reason-list .reason-item .reason-txt h3 {
    font-size: var(--f20);
  }
}
#top-container .reason .reason-list .reason-item .reason-txt h3 br {
  display: none;
}
@media screen and (max-width: 480px) {
  #top-container .reason .reason-list .reason-item .reason-txt h3 br {
    display: block;
  }
}
#top-container .reason .reason-list .reason-item .reason-detail {
  background: #fff;
  padding: 1.5em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2%;
  margin-top: 1em;
}
@media screen and (max-width: 768px) {
  #top-container .reason .reason-list .reason-item .reason-detail {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  #top-container .reason .reason-list .reason-item .reason-detail .reason-detailitem {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 480px) {
  #top-container .reason .reason-list .reason-item .reason-detail .reason-detailitem {
    flex-direction: column;
  }
}
#top-container .reason .reason-list .reason-item .reason-detail figure {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #top-container .reason .reason-list .reason-item .reason-detail figure {
    width: 140px;
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  #top-container .reason .reason-list .reason-item .reason-detail figure {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #top-container .reason .reason-list .reason-item .reason-detail p {
    width: calc(100% - 140px - 3%);
  }
}
@media screen and (max-width: 480px) {
  #top-container .reason .reason-list .reason-item .reason-detail p {
    width: 100%;
  }
}
#top-container .menu-list {
  max-width: 920px;
  width: 90%;
  margin: 3em auto 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2%;
}
@media screen and (max-width: 768px) {
  #top-container .menu-list {
    grid-template-columns: 1fr;
    gap: 1em;
    width: 80%;
    margin: 2em auto 0 auto;
  }
}
#top-container .menu-list .menu-item {
  border: 3px solid #69B93A;
  background: url(../images/menu-bg.webp) no-repeat center;
  background-size: cover;
}
#top-container .menu-list .menu-item a {
  display: flex;
  align-items: center;
}
#top-container .menu-list .menu-item a figure {
  width: 145px;
}
@media screen and (max-width: 768px) {
  #top-container .menu-list .menu-item a figure {
    width: 100px;
  }
}
#top-container .menu-list .menu-item a h3 {
  color: #449B11;
  font-size: var(--f32);
  font-weight: 600;
  margin-left: 1em;
}
@media screen and (max-width: 768px) {
  #top-container .menu-list .menu-item a h3 {
    font-size: var(--f24);
  }
}
#top-container .contact {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#top-container .contact p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #top-container .contact p {
    text-align: left;
  }
}
#top-container .contact .bnr-list {
  margin: 1em auto 0 auto;
}
#top-container .contact .blog-bnr {
  max-width: 600px;
  width: 100%;
  margin: 3em auto 0 auto;
  display: block;
}
#top-container .news {
  background: #D8EBCD;
  padding: 16px 0;
  width: min(90%, 1240px);
  margin: 0 auto;
  margin: 5em auto 0 auto;
}
@media screen and (max-width: 768px) {
  #top-container .news {
    margin: 3em auto 0 auto;
  }
}
#top-container .news .news-wrap {
  max-width: 900px;
  width: 90%;
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  #top-container .news .news-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
#top-container .news .news-wrap h2 {
  font-size: var(--f32);
  color: #69B93A;
  font-family: "Noto Serif JP";
  width: 150px;
}
#top-container .news .news-wrap .news-list {
  width: calc(100% - 150px);
}
@media screen and (max-width: 1024px) {
  #top-container .news .news-wrap .news-list {
    width: 100%;
  }
}
#top-container .news .news-wrap .news-list li a {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  #top-container .news .news-wrap .news-list li a {
    flex-direction: column;
    align-items: flex-start;
  }
}
#top-container .news .news-wrap .news-list time {
  width: 120px;
  color: #ACACAC;
  font-size: var(--f16);
}
#top-container .news .news-wrap .news-list h3 {
  width: calc(100% - 120px);
  font-size: var(--f17);
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  #top-container .news .news-wrap .news-list h3 {
    width: 100%;
  }
}

#greeting-container {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#greeting-container .greeting-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #F1F8EC;
  padding: 2.5em;
}
@media screen and (max-width: 768px) {
  #greeting-container .greeting-wrap {
    flex-direction: column;
    padding: 1.5em;
  }
}
#greeting-container .greeting-wrap .greeting-img {
  width: 250px;
  margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
  #greeting-container .greeting-wrap .greeting-img {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  #greeting-container .greeting-wrap .greeting-img {
    margin: 0 auto 1em auto;
  }
}
#greeting-container .greeting-wrap .greeting-img figcaption {
  background: #69B93A;
  padding: 0.3em;
  font-size: var(--f20);
  text-align: center;
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  #greeting-container .greeting-wrap .greeting-img figcaption {
    font-size: var(--f18);
  }
}
#greeting-container .greeting-wrap .greeting-img figcaption span {
  font-size: var(--f16);
}
#greeting-container .greeting-wrap .greeting-txt {
  width: calc(100% - 250px - 3%);
  margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
  #greeting-container .greeting-wrap .greeting-txt {
    width: calc(100% - 200px - 3%);
  }
}
@media screen and (max-width: 768px) {
  #greeting-container .greeting-wrap .greeting-txt {
    width: 100%;
  }
}
#greeting-container .profile .profile-wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #greeting-container .profile .profile-wrap {
    flex-direction: column;
  }
}
#greeting-container .profile .profile-wrap figure {
  width: 260px;
}
@media screen and (max-width: 1024px) {
  #greeting-container .profile .profile-wrap figure {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  #greeting-container .profile .profile-wrap figure {
    margin: 0 auto 1em auto;
  }
}
@media screen and (max-width: 480px) {
  #greeting-container .profile .profile-wrap figure {
    height: 160px;
  }
}
#greeting-container .profile .profile-wrap figure img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media screen and (max-width: 480px) {
  #greeting-container .profile .profile-wrap figure img {
    height: 160px;
    margin: 0 auto;
  }
}
#greeting-container .profile .profile-wrap .profile-txt {
  background: #F1F8EC;
  padding: 2em;
  width: calc(100% - 260px);
}
@media screen and (max-width: 1024px) {
  #greeting-container .profile .profile-wrap .profile-txt {
    width: calc(100% - 200px);
    padding: 1em 1.5em;
  }
}
@media screen and (max-width: 768px) {
  #greeting-container .profile .profile-wrap .profile-txt {
    width: 100%;
  }
}
#greeting-container .profile .profile-wrap .profile-txt a {
  text-decoration: underline;
}
#greeting-container .profile .profile-wrap .profile-txt ul {
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px solid #D4E3CB;
  padding-left: 1.3em;
}
#greeting-container .profile .profile-wrap .profile-txt ul li {
  list-style: disc;
}
#greeting-container .profile .profile-list {
  display: grid;
  gap: 1.5em;
}

#info-container {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#info-container .info-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
#info-container .info-menu .menu-item {
  margin-right: 1em;
}
@media screen and (max-width: 1024px) {
  #info-container .info-menu .menu-item {
    width: 30%;
  }
}
#info-container .info-menu .menu-item:last-child {
  margin-right: 0;
}
#info-container .info-menu .menu-item a {
  width: 230px;
  display: block;
  background: #FF9C1A;
  color: #fff;
  font-size: var(--f20);
  text-align: center;
  padding: 0.3em;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #info-container .info-menu .menu-item a {
    width: 100%;
    font-size: var(--f17);
  }
}
#info-container .info-menu .menu-item a::after {
  content: "";
  background: url(../images/arrow.svg) no-repeat;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0.5em;
}
@media screen and (max-width: 1024px) {
  #info-container .info-menu .menu-item a::after {
    width: 5px;
    height: 8px;
  }
}
#info-container .korona .korona-top {
  background: #FCFFEC;
  padding: 1em 3em;
}
@media screen and (max-width: 480px) {
  #info-container .korona .korona-top {
    padding: 1em;
  }
}
#info-container .korona .korona-top .intro-txt {
  font-size: var(--f20);
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  #info-container .korona .korona-top .intro-txt {
    text-align: left;
  }
}
#info-container .korona .korona-top .korona-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1em;
  margin: 1em 0;
}
@media screen and (max-width: 480px) {
  #info-container .korona .korona-top .korona-list {
    gap: 0.5em;
  }
}
#info-container .korona .korona-top .korona-list li figure {
  border: 1px solid #69B93A;
  background: #fff;
  display: grid;
  place-items: center;
  height: 160px;
}
@media screen and (max-width: 1024px) {
  #info-container .korona .korona-top .korona-list li figure {
    height: 140px;
  }
}
@media screen and (max-width: 480px) {
  #info-container .korona .korona-top .korona-list li figure {
    height: 100px;
  }
}
#info-container .korona .korona-top .korona-list li img {
  width: 160px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 1024px) {
  #info-container .korona .korona-top .korona-list li img {
    width: 120px;
    height: 55px;
  }
}
@media screen and (max-width: 480px) {
  #info-container .korona .korona-top .korona-list li img {
    width: 90px;
    height: 40px;
  }
}
#info-container .korona .korona-top .korona-list li h4 {
  font-size: var(--f24);
  text-align: center;
  color: #FF9C1A;
  font-weight: 500;
  margin-top: 0.5em;
}
@media screen and (max-width: 1024px) {
  #info-container .korona .korona-top .korona-list li h4 {
    font-size: var(--f20);
    margin-top: 0.3em;
  }
}
#info-container .korona .korona-detail p {
  font-size: var(--f16);
}
#info-container .korona .korona-detail ul {
  margin: 0.5em 0;
  display: grid;
  gap: 0.2em;
}
#info-container .korona .korona-detail ul li {
  font-size: var(--f20);
  color: #FF9C1A;
  padding-left: 1.4em;
  font-weight: 500;
  position: relative;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  #info-container .korona .korona-detail ul li {
    font-size: var(--f18);
  }
}
#info-container .korona .korona-detail ul li::before {
  content: "";
  background: url(../images/info/check.svg) no-repeat;
  background-size: contain;
  width: 22px;
  height: 20px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
@media screen and (max-width: 768px) {
  #info-container .korona .korona-detail ul li::before {
    top: 2px;
    width: 18px;
    height: 16px;
  }
}
#info-container #time .time-wrap {
  background: #F1F8EC;
  padding: 2em;
}
@media screen and (max-width: 768px) {
  #info-container #time .time-wrap {
    padding: 1em;
  }
}
#info-container #time .time-wrap p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #info-container #time .time-wrap p {
    text-align: left;
  }
}
#info-container #time .time-wrap p strong {
  font-weight: 600;
}
#info-container #time .time-wrap p strong span {
  color: #FF9C1A;
}
#info-container #price .price-first {
  background: #F1F8EC;
  border: 1px solid #D4E3CB;
  padding: 1em;
  max-width: 600px;
  width: 90%;
  margin: 0 auto;
}
#info-container #price .price-first h4 {
  font-size: var(--f24);
  color: #69B93A;
  text-align: center;
  font-weight: 500;
}
#info-container #price .price-first p {
  text-align: center;
}
#info-container #price .price-first p span {
  font-weight: 600;
}
#info-container #price table {
  width: 100%;
  margin: 2em 0 1em 0;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
}
@media screen and (max-width: 480px) {
  #info-container #price table {
    margin: 1em 0 0.5em 0;
  }
}
#info-container #price table thead {
  background: #69B93A;
}
#info-container #price table thead th {
  font-size: var(--f18);
  font-weight: 600;
  color: #fff;
  padding: 1em;
}
@media screen and (max-width: 1024px) {
  #info-container #price table thead th {
    font-size: var(--f16);
    padding: 0.5em;
  }
}
#info-container #price table tr {
  border-bottom: 1px solid #D4E3CB;
}
#info-container #price table tr:nth-child(even) {
  background: #F1F8EC;
}
#info-container #price table tr .title {
  font-size: var(--f18);
  font-weight: 600;
  color: #69B93A;
  padding: 1em;
}
@media screen and (max-width: 1024px) {
  #info-container #price table tr .title {
    font-size: var(--f16);
    padding: 0.5em;
  }
}
@media screen and (max-width: 480px) {
  #info-container #price table tr .title {
    font-size: var(--f14);
  }
}
#info-container #price table tr td {
  padding: 1em;
  text-align: center;
  line-height: 1.4;
  font-family: "Noto Sans JP" !important;
}
@media screen and (max-width: 1024px) {
  #info-container #price table tr td {
    font-size: var(--f14);
    padding: 0.5em;
  }
}
#info-container #price table tr td strong {
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "sans-serif" !important;
}
#info-container #price table tr td span {
  display: inline-block;
  color: #69B93A;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "sans-serif" !important;
}
@media screen and (max-width: 768px) {
  #info-container #price .sp td:nth-child(3), #info-container #price .sp td:nth-child(4) {
    width: 80px;
  }
}
@media screen and (max-width: 480px) {
  #info-container #price .sp th:first-child {
    width: 74px;
  }
}
#info-container #access .intro {
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
  #info-container #access .intro {
    text-align: left;
  }
}
#info-container #access .access-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  #info-container #access .access-wrap {
    flex-direction: column;
  }
}
#info-container #access .access-wrap .map {
  width: 40%;
}
@media screen and (max-width: 1024px) {
  #info-container #access .access-wrap .map {
    width: 100%;
  }
}
#info-container #access .access-wrap .map iframe {
  width: 100%;
  min-height: 480px;
  height: 30vw;
}
@media screen and (max-width: 768px) {
  #info-container #access .access-wrap .map iframe {
    min-height: 200px;
    height: 30vw;
  }
}
#info-container #access .access-wrap .map a {
  color: #69B93A;
  display: block;
  margin-top: 0.5em;
}
#info-container #access .access-wrap table {
  width: 55%;
}
@media screen and (max-width: 1024px) {
  #info-container #access .access-wrap table {
    width: 100%;
    margin-top: 1em;
  }
}
#info-container #access .access-wrap table tr {
  border-bottom: 1px solid #D4E3CB;
  background: #F8FBF6;
}
#info-container #access .access-wrap table tr th, #info-container #access .access-wrap table tr td {
  padding: 0.5em;
}
#info-container #access .access-wrap table tr th strong, #info-container #access .access-wrap table tr td strong {
  font-family: "Noto Sans JP", "sans-serif" !important;
}
#info-container #access .access-wrap table tr th span, #info-container #access .access-wrap table tr td span {
  font-family: "Noto Sans JP", "sans-serif" !important;
}
#info-container #access .access-wrap table tr th {
  background: #E3F0DB;
  width: 105px;
}
@media screen and (max-width: 480px) {
  #info-container #access .access-wrap table tr th {
    width: 90px;
  }
}
#info-container #access .access-wrap table tr td {
  width: calc(100% - 105px);
  line-height: 1.4;
}
@media screen and (max-width: 480px) {
  #info-container #access .access-wrap table tr td {
    width: calc(100% - 90px);
  }
}
#info-container #access .access-wrap table tr td strong {
  font-weight: 600;
}
#info-container #access .access-wrap table tr td span {
  color: #FF9C1A;
  font-weight: 500;
}
#info-container #access .access-wrap table tr td a {
  pointer-events: none;
}
#info-container #access span {
  color: #FF9C1A;
  font-weight: 500;
}

#gakkai-container {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#gakkai-container .bnr {
  width: 100%;
  margin-bottom: 2em;
}
@media screen and (max-width: 480px) {
  #gakkai-container .bnr {
    margin-bottom: 1em;
  }
}
#gakkai-container .name {
  font-size: var(--f20);
  font-weight: 600;
}
#gakkai-container .name span {
  text-decoration: underline;
}
#gakkai-container .gakkai-contents {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid #42C9F3;
}
@media screen and (max-width: 480px) {
  #gakkai-container .gakkai-contents {
    margin-top: 1em;
    padding-top: 1em;
  }
}
#gakkai-container .gakkai-contents figure {
  max-width: 600px;
  width: 100%;
  margin: 0 auto 1em auto;
}
#gakkai-container .gakkai-contents .txt-tl {
  text-align: center;
  writing-mode: vertical-rl;
  text-orientation: upright;
  margin: 0 auto;
}
#gakkai-container .gakkai-contents .btn {
  max-width: 530px;
  width: 100%;
  background: linear-gradient(90deg, rgb(66, 201, 243), rgb(0, 152, 230));
}
#gakkai-container .gakkai-contents .btn br {
  display: none;
}
@media screen and (max-width: 480px) {
  #gakkai-container .gakkai-contents .btn br {
    display: block;
  }
}

#treatment-container {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#treatment-container .mech .intro {
  background-image: url(../images/treatment/mech-img01.webp);
  background-color: #F6FBFE;
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  padding: 3em;
}
@media screen and (max-width: 1024px) {
  #treatment-container .mech .intro {
    padding: 3em 1em;
    background-position: -15%;
  }
}
@media screen and (max-width: 768px) {
  #treatment-container .mech .intro {
    padding: 2em 1em;
    background-position: -70px;
  }
}
@media screen and (max-width: 480px) {
  #treatment-container .mech .intro {
    padding: 0;
  }
}
#treatment-container .mech .intro p {
  background: #fff;
  padding: 1em;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1024px) {
  #treatment-container .mech .intro p {
    max-width: 480px;
    width: 70%;
  }
  #treatment-container .mech .intro p br {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  #treatment-container .mech .intro p {
    padding: 0.5em;
    font-size: var(--f17);
  }
}
#treatment-container .mech .point-list {
  display: grid;
  gap: 2em;
}
@media screen and (max-width: 480px) {
  #treatment-container .mech .point-list {
    gap: 1em;
  }
}
#treatment-container .mech .point-list .point-item {
  background: #F8FBF6;
  border: 7px solid #D4E3CB;
  padding: 2em;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #treatment-container .mech .point-list .point-item {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  #treatment-container .mech .point-list .point-item {
    padding: 1em;
  }
}
#treatment-container .mech .point-list .point-item figure {
  width: 330px;
}
@media screen and (max-width: 1024px) {
  #treatment-container .mech .point-list .point-item figure {
    width: 240px;
  }
}
@media screen and (max-width: 768px) {
  #treatment-container .mech .point-list .point-item figure {
    width: 100%;
    margin-bottom: 0.5em;
  }
  #treatment-container .mech .point-list .point-item figure img {
    width: 100%;
  }
}
#treatment-container .mech .point-list .point-item .point-txt {
  width: calc(100% - 330px - 3%);
}
@media screen and (max-width: 1024px) {
  #treatment-container .mech .point-list .point-item .point-txt {
    width: calc(100% - 240px - 3%);
  }
}
@media screen and (max-width: 768px) {
  #treatment-container .mech .point-list .point-item .point-txt {
    width: 100%;
  }
}
#treatment-container .mech .point-list .point-item .point-txt h3 {
  font-size: var(--f32);
  color: #266005;
  font-family: "Noto Serif JP";
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  #treatment-container .mech .point-list .point-item .point-txt h3 {
    font-size: var(--f24);
  }
}
#treatment-container .about .point-list {
  background: #F8FBF6;
  padding: 1em 2em;
  display: grid;
  gap: 0.3em;
  margin: 0.5em 0;
}
@media screen and (max-width: 480px) {
  #treatment-container .about .point-list {
    padding: 1em;
  }
}
#treatment-container .about .point-list li {
  padding-left: 1.3em;
  position: relative;
}
#treatment-container .about .point-list li::before {
  content: "●";
  font-size: var(--f17);
  color: #69B93A;
  position: absolute;
  left: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
}
#treatment-container .about .about-list {
  margin-top: 1em;
  padding-top: 1em;
}
#treatment-container .about .about-list .about-item {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #D4E3CB;
  padding: 1em 0;
}
@media screen and (max-width: 480px) {
  #treatment-container .about .about-list .about-item {
    flex-direction: column;
  }
}
#treatment-container .about .about-list .about-item:last-child {
  border-bottom: 1px solid #D4E3CB;
}
#treatment-container .about .about-list .about-item figure {
  width: 20%;
}
@media screen and (max-width: 480px) {
  #treatment-container .about .about-list .about-item figure {
    width: 100%;
    margin: 0 auto 1em auto;
  }
}
#treatment-container .about .about-list .about-item figure img {
  width: 100%;
}
#treatment-container .about .about-list .about-item .about-txt {
  width: 77%;
}
@media screen and (max-width: 480px) {
  #treatment-container .about .about-list .about-item .about-txt {
    width: 100%;
  }
}
#treatment-container .about .about-list .about-item .about-txt h3 {
  font-size: var(--f32);
  color: #266005;
  font-family: "Noto Serif JP";
  font-weight: 600;
  margin-bottom: 0.3em;
}
@media screen and (max-width: 1024px) {
  #treatment-container .about .about-list .about-item .about-txt h3 {
    font-size: var(--f24);
  }
}
@media screen and (max-width: 480px) {
  #treatment-container .about .about-list .about-item .about-txt h3 {
    font-size: var(--f22);
  }
}

#news-container {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#news-container .news .news-list {
  display: grid;
  gap: 2em;
}
#news-container .news .news-list .news-item .news-top {
  border-bottom: 1px solid #D4E3CB;
  padding-bottom: 0.2em;
  margin-bottom: 0.3em;
}
#news-container .news .news-list .news-item .news-top time {
  font-size: var(--f16);
  color: #ACACAC;
}
#news-container .news .news-list .news-item .news-top h3 {
  color: #266005;
  font-family: "Noto Serif JP";
  font-weight: 600;
  font-size: var(--f32);
}
@media screen and (max-width: 768px) {
  #news-container .news .news-list .news-item .news-top h3 {
    font-size: var(--f24);
  }
}
#news-container .news .news-list .news-item .news-contents h4 {
  background: #E0FFCB;
  padding: 2px 24px;
  color: #519728;
  font-size: var(--f28);
  font-weight: 500;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 480px) {
  #news-container .news .news-list .news-item .news-contents h4 {
    font-size: var(--f22);
    padding: 2px 18px;
  }
}
#news-container .news .news-list .news-item .news-contents h5 {
  font-size: var(--f24);
  font-weight: 600;
  color: #266005;
  position: relative;
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 0.7em;
}
#news-container .news .news-list .news-item .news-contents h5::before {
  content: "";
  background: #266005;
  width: 7px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 480px) {
  #news-container .news .news-list .news-item .news-contents h5 {
    font-size: var(--f20);
    margin-bottom: 0.3em;
  }
}
#news-container .news .news-list .news-item .news-contents h6 {
  font-size: var(--f20);
  font-weight: 600;
  color: #519728;
}

.pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F9F9F9;
  padding: 24px 40px;
  margin: 60px auto;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .pagination ul {
    padding: 1em;
  }
}
@media screen and (max-width: 480px) {
  .pagination ul {
    margin: 24px auto 60px auto;
  }
}
.pagination ul li {
  margin-right: 2%;
  border: none;
}
.pagination ul li a {
  font-size: var(--f17);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 35px;
  width: 35px;
  transition: all ease 0.3s;
  background: #69B93A;
  border-radius: 50px;
  padding: 0;
}
@media screen and (max-width: 480px) {
  .pagination ul li a {
    height: 30px;
    width: 30px;
  }
}
.pagination ul li .next, .pagination ul li .prev {
  color: #433F37 !important;
  background: none !important;
}
.pagination ul .page-active {
  font-size: var(--f17);
  font-family: "Noto Sans JP";
}
.pagination ul .next a, .pagination ul .prev a {
  color: #433F37;
  font-size: var(--f17);
  background: none;
  width: auto;
  font-family: "Noto Sans JP";
}
.pagination ul .next {
  position: absolute;
  right: 2%;
  top: 0;
  bottom: 0;
  margin: auto;
  height: -moz-fit-content;
  height: fit-content;
}
.pagination ul .prev {
  position: absolute;
  left: 2%;
  top: 0;
  bottom: 0;
  margin: auto;
  height: -moz-fit-content;
  height: fit-content;
}

#contact-container {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#contact-container .contact-top .tel-area {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
#contact-container .contact-top .tel-area p {
  font-size: var(--f14);
  color: #fff;
  padding: 4px 6px;
  line-height: 1;
  border-radius: 50px;
  background: #FF9C1A;
}
#contact-container .contact-top .tel-btn {
  font-size: var(--f28);
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0.7em 0 0;
  font-weight: 600;
  margin-left: 12px;
  pointer-events: none;
}
#contact-container .contact-top .tel-btn::before {
  content: "";
  background: url(../images/tel.svg);
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  margin: 2px 4px 0 0;
}
#contact-container .contact-form form {
  margin-top: 24px;
  border-radius: 24px;
  background: #F8FBF6;
  border: 1px solid #BBBBBB;
  padding: 3em;
}
@media screen and (max-width: 1024px) {
  #contact-container .contact-form form {
    padding: 2em;
  }
}
@media screen and (max-width: 480px) {
  #contact-container .contact-form form {
    padding: 1em;
    border-radius: 8px;
  }
}
#contact-container .contact-form form dl div {
  padding: 12px 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #contact-container .contact-form form dl div {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 480px) {
  #contact-container .contact-form form dl div {
    padding: 8px 0;
  }
}
#contact-container .contact-form form dl div dt {
  width: 280px;
  margin-bottom: 4px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  #contact-container .contact-form form dl div dt {
    width: 220px;
  }
}
@media screen and (max-width: 768px) {
  #contact-container .contact-form form dl div dt {
    width: 100%;
  }
}
#contact-container .contact-form form dl div dt span.hissu {
  color: #fff;
  background: #69B93A;
  line-height: 1;
  font-size: var(--f14);
  padding: 1px 4px;
  margin-right: 6px;
}
#contact-container .contact-form form dl div dt br {
  display: none;
}
#contact-container .contact-form form dl div dd {
  width: calc(100% - 280px);
}
@media screen and (max-width: 1024px) {
  #contact-container .contact-form form dl div dd {
    width: calc(100% - 220px);
  }
}
@media screen and (max-width: 768px) {
  #contact-container .contact-form form dl div dd {
    width: 100%;
  }
}
#contact-container .contact-form form dl div dd input, #contact-container .contact-form form dl div dd textarea {
  padding: 16px 16px;
  background: #fff;
  border: 1px solid #D8D8D8;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px;
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  #contact-container .contact-form form dl div dd input, #contact-container .contact-form form dl div dd textarea {
    padding: 8px 8px;
  }
}
#contact-container .contact-form form dl div dd p {
  color: #8A8A8A;
}
#contact-container .contact-form form dl div .old {
  width: 120px;
  display: flex;
  align-items: flex-end;
}
#contact-container .contact-form form dl div .old input {
  margin-right: 0.3em;
}
#contact-container .contact-form form dl div .radio label {
  position: relative;
  cursor: pointer;
  padding-left: 20px;
  margin: 6px 24px 6px 0;
  display: inline-block;
  width: auto;
}
#contact-container .contact-form form dl div .radio input {
  border-radius: 50px;
  position: absolute;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  width: 16px;
  height: 16px;
  font-size: 16px;
  top: 6px;
  left: 0;
}
@media screen and (max-width: 480px) {
  #contact-container .contact-form form dl div .radio input {
    top: 2px;
  }
}
#contact-container .contact-form form dl div .radio .visually-hidden {
  position: absolute;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}
#contact-container .contact-form form .check {
  margin-top: 2em;
  text-align: center;
}
#contact-container .contact-form form .check label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
#contact-container .contact-form form .check label input {
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
#contact-container .contact-form form .tyuui {
  background: #ECF3E7;
  padding: 2em;
  margin-top: 2em;
}
@media screen and (max-width: 480px) {
  #contact-container .contact-form form .tyuui {
    padding: 1em;
  }
}
#contact-container .contact-form form .tyuui h3 {
  font-size: var(--f22);
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #contact-container .contact-form form .tyuui h3 {
    font-size: var(--f20);
  }
}
@media screen and (max-width: 480px) {
  #contact-container .contact-form form .tyuui h3 {
    font-size: var(--f18);
    letter-spacing: 0.008rem;
  }
}
#contact-container .contact-form form .tyuui p {
  margin-top: 16px;
  text-align: left;
}
#contact-container .contact-form form .btn-group {
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2em auto 0 auto;
  position: relative;
}
#contact-container .contact-form form .btn-group::before {
  content: "";
  background: url(../images/contact/arrow.svg) no-repeat;
  background-size: contain;
  width: 5px;
  height: 9px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 24px;
  z-index: 1;
}
#contact-container .contact-form form .btn-group input[type=submit] {
  border: none;
  font-size: var(--f18);
  -webkit-appearance: none;
  cursor: pointer;
  transition: all ease 0.5s;
  padding: 16px 60px;
  background: #69B93A;
  color: #fff;
}
#contact-container .contact-form form .wpcf7-not-valid-tip {
  font-size: var(--f14);
}
#contact-container .contact-form form .wpcf7-response-output {
  font-size: var(--f18);
  text-align: center;
  color: #dc3232;
  font-weight: bold;
}
#contact-container .contact-form form .wpcf7-spinner {
  position: absolute !important;
}
#contact-container .contact-form form .old .wpcf7-form-control-wrap {
  margin-right: 0.3em;
}

#voice-container {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#voice-container .voice .voice-list {
  padding: 2em 3em;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 1024px) {
  #voice-container .voice .voice-list {
    padding: 2em;
  }
}
@media screen and (max-width: 480px) {
  #voice-container .voice .voice-list {
    padding: 1em;
  }
}
#voice-container .voice .voice-list .voice-item {
  border-bottom: 1px solid #E3E3E3;
}
#voice-container .voice .voice-list .voice-item:last-child {
  border-bottom: none;
}
#voice-container .voice .voice-list .voice-item a {
  display: block;
  padding: 1em;
}
@media screen and (max-width: 480px) {
  #voice-container .voice .voice-list .voice-item a {
    padding: 0.5em;
  }
}
#voice-container .voice .voice-list .voice-item a h3 {
  font-size: var(--f20);
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  #voice-container .voice .voice-list .voice-item a h3 {
    font-size: var(--f18);
  }
}
#voice-container .voice .voice-list .voice-item a p {
  color: #949494;
  font-size: var(--f16);
}
@media screen and (max-width: 480px) {
  #voice-container .voice .voice-list .voice-item a p {
    font-size: var(--f14);
  }
}
#voice-container .voice-detail {
  padding: 0 0 2em 0;
  border-bottom: 1px solid #C2C2C2;
}
#voice-container .voice-detail .voice-top {
  background: #69B93A;
  padding: 0.5em 1em;
  margin-bottom: 2em;
}
@media screen and (max-width: 480px) {
  #voice-container .voice-detail .voice-top {
    margin-bottom: 1em;
  }
}
#voice-container .voice-detail .voice-top h3 {
  font-size: var(--f28);
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  #voice-container .voice-detail .voice-top h3 {
    font-size: var(--f22);
  }
}
@media screen and (max-width: 480px) {
  #voice-container .voice-detail .voice-top h3 {
    font-size: var(--f20);
  }
}
#voice-container .voice-detail .voice-top p {
  font-size: var(--f16);
  color: #fff;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  #voice-container .voice-detail .voice-top p {
    font-size: var(--f14);
  }
}
#voice-container .voice-detail .voice-contents figure {
  width: auto;
  margin: 0.5em 0;
}
#voice-container .voice-detail .voice-contents h4 {
  font-size: var(--f24);
  color: #266005;
  font-weight: 600;
  position: relative;
  padding-left: 1em;
  margin: 1em 0 0.3em 0;
}
@media screen and (max-width: 1024px) {
  #voice-container .voice-detail .voice-contents h4 {
    font-size: var(--f20);
  }
}
@media screen and (max-width: 480px) {
  #voice-container .voice-detail .voice-contents h4 {
    line-height: 1.4;
    padding-left: 0.7em;
    margin: 1.2em 0 0.3em 0;
  }
}
#voice-container .voice-detail .voice-contents h4::before {
  content: "";
  background: #266005;
  width: 7px;
  height: 100%;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 480px) {
  #voice-container .voice-detail .voice-contents h4::before {
    width: 4px;
  }
}
#voice-container .voice-detail .voice-contents p + p {
  margin: inherit;
}

#symptoms-container {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#symptoms-container .symptoms .symptoms-list {
  padding: 2em 3em;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 1024px) {
  #symptoms-container .symptoms .symptoms-list {
    padding: 2em;
  }
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms .symptoms-list {
    padding: 1em;
  }
}
#symptoms-container .symptoms .symptoms-list .symptoms-item {
  border-bottom: 1px solid #E3E3E3;
}
#symptoms-container .symptoms .symptoms-list .symptoms-item:last-child {
  border-bottom: none;
}
#symptoms-container .symptoms .symptoms-list .symptoms-item a {
  display: block;
  padding: 1.5em;
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms .symptoms-list .symptoms-item a {
    padding: 1em;
  }
}
#symptoms-container .symptoms .symptoms-list .symptoms-item a h3 {
  font-size: var(--f20);
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  #symptoms-container .symptoms .symptoms-list .symptoms-item a h3 {
    font-size: var(--f18);
  }
}
#symptoms-container .symptoms-detail {
  max-width: 900px;
  width: 100%;
  margin: clamp(45px, 8vw, 80px) auto 0 auto;
}
#symptoms-container .symptoms-detail p + p {
  margin: revert;
}
#symptoms-container .symptoms-detail .minchou {
  font-family: "Noto Serif JP";
}
#symptoms-container .symptoms-detail .small-title {
  font-size: 20px;
  font-weight: 600;
  color: #266005;
}
#symptoms-container .symptoms-detail {
  /* カラムブロック全体の横並び化 */
}
#symptoms-container .symptoms-detail .wp-block-columns {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
}
#symptoms-container .symptoms-detail {
  /* 各カラムの表示設定 */
}
#symptoms-container .symptoms-detail .wp-block-column {
  box-sizing: border-box;
}
#symptoms-container .symptoms-detail {
  /* レスポンシブ対応（スマホ幅の時は縦並びに戻す場合） */
}
@media screen and (max-width: 768px) {
  #symptoms-container .symptoms-detail .wp-block-columns {
    flex-direction: column;
  }
}
#symptoms-container .symptoms-detail h3 {
  font-size: var(--f32);
  font-weight: 500;
  background: #69B93A;
  padding: 0.3em 1em;
  margin-bottom: 0.5em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #symptoms-container .symptoms-detail h3 {
    font-size: var(--f24);
  }
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms-detail h3 {
    font-size: var(--f22);
    padding: 0.3em 0.5em;
  }
}
#symptoms-container .symptoms-detail h4 {
  font-size: var(--f32);
  color: #266005;
  font-family: "Noto Serif JP";
  font-weight: 600;
  padding-bottom: 0.2em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #266005;
}
@media screen and (max-width: 768px) {
  #symptoms-container .symptoms-detail h4 {
    font-size: var(--f28);
  }
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms-detail h4 {
    font-size: var(--f24);
    border-bottom: 2px solid #266005;
  }
}
#symptoms-container .symptoms-detail h5 {
  font-size: var(--f24);
  font-weight: 600;
  color: #266005;
  position: relative;
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 0.7em;
}
#symptoms-container .symptoms-detail h5::before {
  content: "";
  background: #266005;
  width: 7px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms-detail h5 {
    font-size: var(--f20);
    margin-bottom: 0.3em;
  }
}
#symptoms-container .symptoms-detail h6 {
  background: #E0FFCB;
  padding: 2px 24px;
  color: #519728;
  font-size: var(--f28);
  font-weight: 500;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms-detail h6 {
    font-size: var(--f22);
    padding: 2px 18px;
  }
}
#symptoms-container .symptoms-detail strong {
  font-weight: 600;
}
#symptoms-container .symptoms-detail a {
  color: #69B93A;
  text-decoration: underline;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  #symptoms-container .symptoms-detail figure {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0.5em auto;
  }
}
#symptoms-container .symptoms-detail figure img {
  -o-object-fit: contain;
     object-fit: contain;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0.5em 0;
}
#symptoms-container .symptoms-detail .space {
  min-height: 40px;
  height: 2vw;
}
#symptoms-container .symptoms-detail .space-s {
  min-height: 20px;
  height: 0.5vw;
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms-detail .space-s {
    min-height: 15px;
    height: 1.5em;
  }
}
#symptoms-container .symptoms-detail .border {
  width: 100%;
  border-bottom: 2px solid #C8C8C8;
}
#symptoms-container .symptoms-detail p strong {
  font-weight: 600;
}
#symptoms-container .symptoms-detail .colum2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms-detail .colum2 {
    flex-direction: column;
  }
}
#symptoms-container .symptoms-detail .colum2 figure {
  max-width: 200px;
  width: 30%;
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms-detail .colum2 figure {
    width: auto;
    margin: 0 auto 0.5em auto;
  }
}
#symptoms-container .symptoms-detail .colum2 div {
  padding-left: 3%;
  width: 100%;
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms-detail .colum2 div {
    padding-left: 0;
  }
}
#symptoms-container .symptoms-detail .colum-center {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms-detail .colum-center {
    flex-direction: column;
  }
}
#symptoms-container .symptoms-detail .colum-center figure {
  max-width: 450px;
  width: 45%;
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms-detail .colum-center figure {
    width: auto;
    margin: 0 auto 0.5em auto;
  }
}
#symptoms-container .symptoms-detail .colum-center div {
  padding-left: 3%;
  width: 100%;
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms-detail .colum-center div {
    padding-left: 0;
  }
}
#symptoms-container .symptoms-detail ul {
  padding-left: 1.5em;
  margin: 0.5em 0;
}
#symptoms-container .symptoms-detail ul li {
  list-style: disc;
}
#symptoms-container .symptoms-detail table {
  width: 100%;
}
#symptoms-container .symptoms-detail table tr {
  border: 1px solid #D4E3CB;
}
#symptoms-container .symptoms-detail table th, #symptoms-container .symptoms-detail table td {
  padding: 0.5em 1em;
  border: 1px solid #D4E3CB;
}
@media screen and (max-width: 480px) {
  #symptoms-container .symptoms-detail table th, #symptoms-container .symptoms-detail table td {
    padding: 0.5em;
    font-size: var(--f16);
  }
}
#symptoms-container .symptoms-detail table th {
  font-weight: 600;
  background: #E8F2E1;
}
#symptoms-container .symptoms-detail table thead, #symptoms-container .symptoms-detail table tfoot {
  background: #E8F2E1;
  border-top: none;
  border-bottom: none;
}
#symptoms-container .symptoms-detail .wp-block-columns {
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  #symptoms-container .symptoms-detail .wp-block-columns {
    margin-bottom: 0.5em;
  }
}
@media screen and (max-width: 768px) {
  #symptoms-container .symptoms-detail .wp-block-columns.is-layout-flex {
    gap: 0.5em;
  }
}
#symptoms-container .symptoms-detail p.has-background {
  padding: 1em;
  margin: 0.5em 0;
}

#flow-container {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#flow-container .flow .flow-list {
  display: grid;
  gap: 2em;
}
@media screen and (max-width: 480px) {
  #flow-container .flow .flow-list {
    gap: 1em;
  }
}
#flow-container .flow .flow-list .flow-item {
  background: #F8FBF6;
  border: 7px solid #D4E3CB;
  padding: 2em;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #flow-container .flow .flow-list .flow-item {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  #flow-container .flow .flow-list .flow-item {
    padding: 1em;
  }
}
#flow-container .flow .flow-list .flow-item figure {
  width: 330px;
}
@media screen and (max-width: 1024px) {
  #flow-container .flow .flow-list .flow-item figure {
    width: 240px;
  }
}
@media screen and (max-width: 768px) {
  #flow-container .flow .flow-list .flow-item figure {
    width: 100%;
    margin-bottom: 0.5em;
  }
  #flow-container .flow .flow-list .flow-item figure img {
    width: 100%;
  }
}
#flow-container .flow .flow-list .flow-item .flow-txt {
  width: calc(100% - 330px - 3%);
}
@media screen and (max-width: 1024px) {
  #flow-container .flow .flow-list .flow-item .flow-txt {
    width: calc(100% - 240px - 3%);
  }
}
@media screen and (max-width: 768px) {
  #flow-container .flow .flow-list .flow-item .flow-txt {
    width: 100%;
  }
}
#flow-container .flow .flow-list .flow-item .flow-txt h3 {
  font-size: var(--f32);
  color: #266005;
  font-family: "Noto Serif JP";
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  #flow-container .flow .flow-list .flow-item .flow-txt h3 {
    font-size: var(--f24);
  }
}
#flow-container .flow .flow-list .flow-item .flow-txt h4 {
  font-size: var(--f20);
  font-weight: 600;
  color: #69B93A;
}
#flow-container .flow .flow-list .flow-item .flow-detail {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #flow-container .flow .flow-list .flow-item .flow-detail {
    flex-direction: column;
  }
}
#flow-container .faq .faq-list {
  display: grid;
  gap: 2em;
}
@media screen and (max-width: 480px) {
  #flow-container .faq .faq-list {
    gap: 2.5em;
  }
}
#flow-container .faq .faq-list .faq-item h3 {
  font-size: var(--f28);
  font-weight: 600;
  font-family: "Noto Serif JP";
  color: #266005;
  margin-bottom: 0.3em;
}
@media screen and (max-width: 1024px) {
  #flow-container .faq .faq-list .faq-item h3 {
    font-size: var(--f24);
  }
}
@media screen and (max-width: 480px) {
  #flow-container .faq .faq-list .faq-item h3 {
    font-size: var(--f22);
    margin-bottom: 0.6em;
  }
}

#sanso-container {
  width: min(90%, 1240px);
  margin: 0 auto;
}
#sanso-container .about .about-contents {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #sanso-container .about .about-contents {
    flex-direction: column;
  }
}
#sanso-container .about .about-contents figure {
  width: 35%;
}
@media screen and (max-width: 768px) {
  #sanso-container .about .about-contents figure {
    width: 100%;
  }
  #sanso-container .about .about-contents figure img {
    width: 100%;
  }
}
#sanso-container .about .about-contents .about-txt {
  width: 62%;
}
@media screen and (max-width: 768px) {
  #sanso-container .about .about-contents .about-txt {
    width: 100%;
    margin-top: 1em;
  }
}
#sanso-container .about .about-contents .check {
  font-size: var(--f20);
  color: #FF9C1A;
  font-weight: 500;
  margin-bottom: 0.5em;
  display: grid;
  gap: 0.3em;
}
@media screen and (max-width: 480px) {
  #sanso-container .about .about-contents .check {
    font-size: var(--f17);
  }
}
#sanso-container .about .about-contents .check .check-item {
  padding-left: 1.5em;
  position: relative;
}
#sanso-container .about .about-contents .check .check-item::before {
  content: "";
  background: url(../images/sanso/check.svg) no-repeat;
  background-size: contain;
  width: 22px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}
@media screen and (max-width: 480px) {
  #sanso-container .about .about-contents .check .check-item::before {
    top: 3px;
    width: 16px;
    height: 18px;
  }
}
#sanso-container .about .about-contents .point-list {
  background: #F1F8EC;
  padding: 1em;
  margin-top: 0.5em;
  font-feature-settings: "palt";
}
#sanso-container .cupon {
  max-width: 650px;
  width: 100%;
  margin: 2em auto 4em auto;
}
#sanso-container .map {
  max-width: 448px;
  width: 100%;
  margin: 0 auto;
}
#sanso-container .map iframe {
  width: 100%;
  height: 25vw;
  max-width: 470px;
}
@media screen and (max-width: 1024px) {
  #sanso-container .map iframe {
    height: 40vw;
  }
}
@media screen and (max-width: 480px) {
  #sanso-container .map iframe {
    height: 50vw;
  }
}
#sanso-container .map p {
  background: #69B93A;
  padding: 0.3em;
  color: #fff;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  #sanso-container .map p {
    font-size: var(--f14);
  }
}
#sanso-container .price table {
  width: 100%;
}
#sanso-container .price table caption {
  font-size: var(--f28);
  color: #266005;
  font-family: "Noto Serif JP";
  font-weight: 600;
  margin-bottom: 0.3em;
}
@media screen and (max-width: 1024px) {
  #sanso-container .price table caption {
    font-size: var(--f24);
  }
}
@media screen and (max-width: 480px) {
  #sanso-container .price table caption {
    font-size: var(--f20);
  }
}
#sanso-container .price table tr td {
  text-align: center;
  padding: 0.5em;
  border: 1px solid #D4E3CB;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  #sanso-container .price table tr td {
    font-size: var(--f14);
  }
}
#sanso-container .price p {
  margin-top: 0.5em;
}
#sanso-container .tel-bnr {
  display: block;
  max-width: 600px;
  width: 100%;
  margin: 2em auto 0 auto;
  pointer-events: none;
}
@media screen and (max-width: 480px) {
  #sanso-container .tel-bnr {
    pointer-events: all;
  }
}
#sanso-container .tel-bnr h2 {
  background: #FF9C1A;
  color: #fff;
  font-size: var(--f28);
  font-weight: 600;
  text-align: center;
  padding: 0.2em 0;
}
@media screen and (max-width: 1024px) {
  #sanso-container .tel-bnr h2 {
    font-size: var(--f22);
  }
}
@media screen and (max-width: 480px) {
  #sanso-container .tel-bnr h2 {
    font-size: var(--f20);
    letter-spacing: 0.001rem;
  }
}
#sanso-container .tel-bnr .bnr-contents {
  height: 130px;
  display: grid;
  place-items: center;
  background: #FFFFF0;
  border-left: 3px solid #FF9C1A;
  border-right: 3px solid #FF9C1A;
  border-bottom: 3px solid #FF9C1A;
}
@media screen and (max-width: 1024px) {
  #sanso-container .tel-bnr .bnr-contents {
    height: 100px;
  }
}
#sanso-container .tel-bnr .bnr-contents .tel-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#sanso-container .tel-bnr .bnr-contents .tel-btn .bnr-title {
  font-size: var(--f20);
  font-weight: 600;
  color: #fff;
  text-align: center;
  background: #FF9C1A;
  padding: 2px 16px;
  border-radius: 50px;
  margin-right: 12px;
}
@media screen and (max-width: 1024px) {
  #sanso-container .tel-bnr .bnr-contents .tel-btn .bnr-title {
    font-size: var(--f18);
    padding: 2px 10px;
  }
}
@media screen and (max-width: 480px) {
  #sanso-container .tel-bnr .bnr-contents .tel-btn .bnr-title {
    font-size: var(--f16);
    padding: 2px 8px;
  }
}
#sanso-container .tel-bnr .bnr-contents .tel-btn .tel-area {
  font-size: var(--f42);
  font-weight: 600;
  display: flex;
  align-items: center;
  line-height: 1;
}
#sanso-container .tel-bnr .bnr-contents .tel-btn .tel-area::before {
  content: "";
  background: url(../images/tel.svg) no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: block;
  margin-right: 6px;
}
@media screen and (max-width: 1024px) {
  #sanso-container .tel-bnr .bnr-contents .tel-btn .tel-area::before {
    margin-top: 4px;
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 480px) {
  #sanso-container .tel-bnr .bnr-contents .tel-btn .tel-area::before {
    margin-top: 4px;
    margin-right: 3px;
    width: 20px;
    height: 20px;
  }
}
#sanso-container .tel-bnr .bnr-contents .tel-tyuui {
  text-align: center;
  font-size: var(--f14);
  margin-top: 6px;
  line-height: 1.4;
  width: 100%;
}
#sanso-container .tel-bnr .bnr-contents .tel-tyuui br {
  display: none;
}
@media screen and (max-width: 768px) {
  #sanso-container .tel-bnr .bnr-contents .tel-tyuui br {
    display: block;
  }
}
#sanso-container .tel-bnr .bnr-contents p + p {
  margin-top: 0;
}
#sanso-container .mech .mech-contents {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #sanso-container .mech .mech-contents {
    flex-direction: column;
  }
}
#sanso-container .mech .mech-contents figure {
  width: 35%;
}
@media screen and (max-width: 768px) {
  #sanso-container .mech .mech-contents figure {
    width: 100%;
  }
  #sanso-container .mech .mech-contents figure img {
    width: 100%;
  }
}
#sanso-container .mech .mech-contents p {
  width: 62%;
}
@media screen and (max-width: 768px) {
  #sanso-container .mech .mech-contents p {
    width: 100%;
    margin-top: 1em;
  }
}
#sanso-container .flow .flow-list {
  display: grid;
  gap: 2em;
}
@media screen and (max-width: 480px) {
  #sanso-container .flow .flow-list {
    gap: 1em;
  }
}
#sanso-container .flow .flow-list .flow-item {
  background: #F8FBF6;
  border: 7px solid #D4E3CB;
  padding: 2em;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #sanso-container .flow .flow-list .flow-item {
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  #sanso-container .flow .flow-list .flow-item {
    padding: 1em;
  }
}
#sanso-container .flow .flow-list .flow-item figure {
  width: 330px;
}
@media screen and (max-width: 1024px) {
  #sanso-container .flow .flow-list .flow-item figure {
    width: 240px;
  }
}
@media screen and (max-width: 768px) {
  #sanso-container .flow .flow-list .flow-item figure {
    width: 100%;
    margin-bottom: 0.5em;
  }
  #sanso-container .flow .flow-list .flow-item figure img {
    width: 100%;
  }
}
#sanso-container .flow .flow-list .flow-item .flow-txt {
  width: calc(100% - 330px - 3%);
}
@media screen and (max-width: 1024px) {
  #sanso-container .flow .flow-list .flow-item .flow-txt {
    width: calc(100% - 240px - 3%);
  }
}
@media screen and (max-width: 768px) {
  #sanso-container .flow .flow-list .flow-item .flow-txt {
    width: 100%;
  }
}
#sanso-container .flow .flow-list .flow-item .flow-txt h3 {
  font-size: var(--f32);
  color: #266005;
  font-family: "Noto Serif JP";
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  #sanso-container .flow .flow-list .flow-item .flow-txt h3 {
    font-size: var(--f24);
  }
}
#sanso-container .flow .flow-list .flow-item .flow-txt h4 {
  font-size: var(--f20);
  font-weight: 600;
  color: #69B93A;
}
#sanso-container .flow .flow-list .flow-item .flow-detail {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #sanso-container .flow .flow-list .flow-item .flow-detail {
    flex-direction: column;
  }
}
#sanso-container .flow .about-list {
  display: grid;
  gap: 3em;
}
@media screen and (max-width: 480px) {
  #sanso-container .flow .about-list {
    gap: 2em;
  }
}
#sanso-container .flow .about-list .about-item h3 {
  font-size: var(--f24);
  font-weight: 500;
  color: #266005;
  position: relative;
  padding-left: 0.7em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  #sanso-container .flow .about-list .about-item h3 {
    font-size: var(--f22);
  }
}
@media screen and (max-width: 480px) {
  #sanso-container .flow .about-list .about-item h3 {
    font-size: var(--f20);
  }
}
#sanso-container .flow .about-list .about-item h3::before {
  content: "";
  background: #266005;
  width: 7px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 480px) {
  #sanso-container .flow .about-list .about-item h3::before {
    width: 5px;
  }
}
@media screen and (max-width: 480px) {
  #sanso-container .flow .about-list .about-item p + p {
    margin-top: 0.3em;
  }
}

#privacy-container .privacy-list {
  display: grid;
  gap: 2em;
  margin-top: 1em;
}
#privacy-container .privacy-list .privacy-item .sub-list {
  padding-left: 2.5em;
  margin-top: 1em;
}
#privacy-container .privacy-list .privacy-item .sub-list li {
  list-style: disc;
}
#privacy-container .privacy-list .privacy-item .info {
  background: #F1F8EC;
  padding: 1em;
  margin-top: 1em;
}
#privacy-container .privacy-list .privacy-item .info h4 {
  font-size: var(--f24);
  color: #266005;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #privacy-container .privacy-list .privacy-item .info h4 {
    font-size: var(--f20);
  }
}
#privacy-container .privacy-list .privacy-item .info p a {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  #privacy-container .privacy-list .privacy-item .info p a {
    pointer-events: all;
    text-decoration: underline;
    color: #69B93A;
  }
}/*# sourceMappingURL=style.css.map */