@charset "UTF-8";
.page-wrapper .page-header {
  background-image: url("../img/page/page-header.jpg");
  background-size: cover;
  height: 350px;
}
.page-wrapper .page-header span {
  font-size: 3rem;
  font-weight: bold;
  color: #FFF;
}
.page-wrapper .page-header h1 {
  display: block;
  font-size: 1rem;
  color: #FFF;
}
.page-wrapper main {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.page-wrapper main .nf404-wrap {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.page-wrapper main .page-h2 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 60px;
}
.page-wrapper main .page-h2-en {
  display: block;
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 3px;
}

.about main .inner {
  background-color: transparent;
}

.sc-list {
  margin-bottom: 70px;
}
.sc-list ul {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.sc-list ul li {
  padding: 10px;
}
.sc-list ul li a {
  color: rgb(73, 73, 73);
  border-bottom: solid 5px transparent;
  transition: 0.5s; /* マウスカーソルを外すとき */
}
.sc-list ul li:hover {
  border-bottom: solid 5px #414141;
  transition: 0.5s; /* マウスカーソルをとき */
}

.about-nap {
  display: flex;
  flex-wrap: nowrap;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.about-nap .left {
  width: 55%;
}
.about-nap .left h3 {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 40px;
}
.about-nap .left p {
  margin-bottom: 15px;
  line-height: 1.6;
}
.about-nap .right {
  width: 40%;
  margin-left: 5%;
}

.staffs {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.staffs .staff-header {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 70px;
}
.staffs .staff-header .staff-text {
  width: 55%;
  margin-right: 5%;
  display: flex;
  align-items: center;
}
.staffs .staff-header .staff-img {
  width: 40%;
}
.staffs .staff-wrap01 {
  display: flex;
  -moz-column-gap: 4%;
       column-gap: 4%;
}
.staffs .staff-wrap01 .staff-item {
  width: 48%;
}
.staffs .staff-wrap02 {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 3%;
       column-gap: 3%;
}
.staffs .staff-wrap02 .staff-item {
  width: 31%;
}
.staffs .staff-item {
  background-color: rgb(253, 253, 253);
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 50px;
}
.staffs .staff-item .text-box {
  width: 100%;
}
.staffs .staff-item .text-box .position {
  display: inline-block;
  padding: 5px;
  font-size: 0.8rem;
  background-color: #000;
  color: #FFF;
  margin-bottom: 10px;
}
.staffs .staff-item .text-box .name-ja {
  display: block;
  margin-bottom: 3px;
  font-size: 1.3rem;
  font-weight: bold;
}
.staffs .staff-item .text-box .name-en {
  display: block;
  font-size: 0.8rem;
  margin-bottom: 40px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
}
.staffs .staff-item .text-box p {
  font-size: 0.85rem;
  margin-bottom: 30px;
}
.staffs .staff-item .text-box .profiel::before {
  content: "プロフィール";
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
}
.staffs .staff-item .text-box .pet::before {
  content: "ペット";
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
}
.staffs .staff-item .text-box .hobby::before {
  content: "趣味や特技";
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
}

.salon {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.salon ul {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 5%;
}
.salon ul li {
  width: 30%;
}
.salon ul li img {
  display: block;
  margin-bottom: 10px;
}
.salon ul li h3 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.info ul {
  width: 100%;
}
.info ul li {
  display: flex;
  flex-wrap: nowrap;
  line-height: 1.6;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #CCC;
}
.info ul li h4 {
  font-weight: bold;
  width: 180px;
}

.price {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.price .table-wrap table {
  width: 100%;
  border: 1px solid #ccc;
}
.price .table-wrap table td, .price .table-wrap table th {
  border: 1px solid #CCC;
  padding: 10px 20px;
}
.price .table-wrap table .tr-title {
  font-weight: bold;
  background-color: #dde5e2;
}
.price .table-wrap table th {
  background-color: #eeeeee;
}
.price .table-wrap table .th01 {
  background-color: #dde5e2 !important;
}

.course {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.course .course-box {
  display: flex;
  -moz-column-gap: 8%;
       column-gap: 8%;
}
.course .course-box .left, .course .course-box .right {
  width: 46%;
}
.course .course-box .left .img-box, .course .course-box .right .img-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.course .course-box .left .img-box img, .course .course-box .right .img-box img {
  width: 100%;
}
.course .course-box .left .img-box .text-box, .course .course-box .right .img-box .text-box {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  padding: 25px 30px 15px 15px;
}
.course .course-box .left .img-box .text-box h3, .course .course-box .right .img-box .text-box h3 {
  font-size: 1.5rem;
  font-weight: bold;
}
.course .course-box .left .img-box .text-box span, .course .course-box .right .img-box .text-box span {
  font-size: 1rem;
  margin-bottom: 25px;
}
.course .course-box .left p, .course .course-box .right p {
  width: 100%;
  padding-left: 15px;
  margin: 0 auto;
}
.course .course-box .right {
  width: 46%;
}

.optionmenu {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.optionmenu .optionmenu-box {
  display: flex;
  margin-bottom: 50px;
}
.optionmenu .optionmenu-box .left {
  width: 55%;
}
.optionmenu .optionmenu-box .right {
  width: 40%;
  padding-left: 5%;
}
.optionmenu .optionmenu-box .right h3 {
  font-size: 1.8rem;
  border-bottom: 1px solid #141414;
  margin-bottom: 40px;
  padding-bottom: 8px;
  font-weight: 400;
}
.optionmenu .optionmenu-box .right ul {
  margin-bottom: 40px;
}
.optionmenu .optionmenu-box .right ul li {
  display: flex;
  justify-content: space-between;
  padding: 15px 5px;
  font-size: 1rem;
  border-bottom: 1px solid #cfcfcf;
}
.optionmenu .exmenu-box {
  display: flex;
}
.optionmenu .exmenu-box .left {
  width: 55%;
}
.optionmenu .exmenu-box .right {
  padding-right: 5%;
  width: 40%;
}
.optionmenu .exmenu-box .right h3 {
  font-size: 1.8rem;
  border-bottom: 1px solid #141414;
  margin-bottom: 40px;
  padding-bottom: 8px;
  font-weight: 400;
}
.optionmenu .exmenu-box .right ul {
  margin-bottom: 40px;
}
.optionmenu .exmenu-box .right ul li {
  display: flex;
  justify-content: space-between;
  padding: 15px 5px;
  font-size: 1rem;
  border-bottom: 1px solid #cfcfcf;
}

.attention {
  background-color: #f7f7f7;
  padding: 60px;
  border-radius: 7px;
}
.attention h3 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 40px;
}

.gallery .ngg-galleryoverview {
  display: flex !important;
  flex-wrap: wrap;
  gap: 30px;
}
.gallery .ngg-galleryoverview .ngg-gallery-thumbnail-box {
  padding: 0;
}
.gallery .ngg-galleryoverview .ngg-navigation {
  width: 100%;
}

.questions ul li {
  background-color: rgb(245, 245, 245);
  border-radius: 1rem;
  padding: 35px;
  margin-bottom: 35px;
}
.questions ul li .q-box {
  border-bottom: 1px solid #CCC;
}
.questions ul li .q-box h3 {
  color: #125f2d;
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 20px;
}
.questions ul li .q-box h3::before {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #125f2d;
  color: #FFF;
  border-radius: 100%;
  content: "Q";
  width: 50px;
  height: 50px;
  margin-right: 15px;
}
.questions ul li .a-box {
  padding-top: 30px;
}
.questions ul li .a-box p {
  line-height: 1.5;
}

.voice {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 3%;
}
.voice .voice-item {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  padding: 40px;
  background-color: #FFF;
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(133, 133, 133, 0.3);
}
.voice .voice-item .left {
  width: 30%;
  margin-right: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.voice .voice-item .right {
  padding-left: 5%;
  width: 60%;
  border-left: 1px solid #f2f2f2;
}
.voice .voice-item .right .name {
  display: block;
  color: #24858a;
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 25px;
}
.voice .voice-item .right .title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.map .gmap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9のアスペクト比 */
  height: 0;
  margin-bottom: 70px;
}
.map .gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map ul {
  width: 100%;
}
.map ul li {
  display: flex;
  flex-wrap: nowrap;
  line-height: 1.6;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #CCC;
}
.map ul li h4 {
  font-weight: bold;
  width: 180px;
}

.kinds-list {
  margin-bottom: 50px;
}
.kinds-list .selectbox-1 {
  position: relative;
}
.kinds-list .selectbox-1::before,
.kinds-list .selectbox-1::after {
  position: absolute;
  content: "";
  pointer-events: none;
}
.kinds-list .selectbox-1::before {
  display: inline-block;
  right: 0;
  width: 2.8em;
  height: 2.8em;
  border-radius: 0 3px 3px 0;
  background-color: #39b18d;
}
.kinds-list .selectbox-1::after {
  position: absolute;
  top: 50%;
  right: 1.4em;
  transform: translate(50%, -50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
}
.kinds-list .selectbox-1 select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 230px;
  height: 2.8em;
  padding: 0.4em 3.6em 0.4em 0.8em;
  border: none;
  border-radius: 3px;
  background-color: #f2f2f2;
  color: #333;
  font-size: 1em;
  cursor: pointer;
}
.kinds-list .selectbox-1 select:focus {
  outline: 2px solid #39b18d;
}

.style-list ul {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 4%;
       column-gap: 4%;
}
.style-list ul li {
  padding: 0 !important;
  width: 22%;
}

.ps-calendar .calendar-list {
  margin-bottom: 50px;
}
.ps-calendar .calendar-list li {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #CCC;
}
.ps-calendar .calendar-list li a .date {
  display: block;
  font-size: 0.8rem;
  margin-bottom: 5px;
}

.original-gradient {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(255, 255, 255, 0));
}

.ex-c-selllino .ex-header {
  background-image: url("../img/menu/ex/01/header-back.jpg");
}

.ex-tansansen .ex-header {
  background-image: url("../img/menu/ex/02/header-back.jpg");
}

.ex-fullerene .ex-header {
  background-image: url("../img/menu/ex/03/header-back.jpg");
}

.ex-herbpack .ex-header {
  background-image: url("../img/menu/ex/04/header-back.jpg");
}

.ex-header {
  background-size: cover;
  background-repeat: no-repeat;
}
.ex-header .ex-wrap {
  padding-top: 5rem;
  padding-bottom: 5rem;
  height: 100%;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7) 32%, rgba(255, 255, 255, 0));
}
.ex-header .ex-wrap .ex-inner {
  display: flex;
  flex-wrap: nowrap;
}
.ex-header .ex-wrap .ex-inner .wrap {
  width: 45%;
}
.ex-header .ex-wrap .ex-inner .wrap span {
  display: block;
  font-weight: bold;
  color: #FFF;
  font-size: 1.2rem;
  margin-bottom: 35px;
}
.ex-header .ex-wrap .ex-inner .wrap h1 {
  font-size: 3.4rem;
  font-weight: bold;
  margin-bottom: 50px;
  color: #FFF;
}
.ex-header .ex-wrap .ex-inner .wrap p {
  line-height: 1.8;
  color: #FFF;
  max-width: 700px;
}
.ex-header .ex-wrap .ex-inner .photo {
  width: 50%;
  margin-left: 5%;
}

.ex-for {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #ebebeb;
}
.ex-for .for-wrap {
  display: flex;
  border: 1px solid #5c7b63;
  border-radius: 7px;
  width: 70% !important;
  max-width: 800px !important;
}
.ex-for .for-wrap .left {
  background-color: #5c7b63;
  display: flex;
  flex-wrap: nowrap;
  padding: 35px 60px;
}
.ex-for .for-wrap .left img {
  width: 55px;
  margin-right: 10px;
}
.ex-for .for-wrap .left .left-box01 span {
  display: block;
  color: #FFF;
}
.ex-for .for-wrap .left .left-box01 .left01 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
.ex-for .for-wrap .left .left-box01 .left02 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 0.7;
  text-align: center;
}
.ex-for .for-wrap .right {
  padding: 35px;
}
.ex-for .for-wrap .right ul li {
  margin-right: 20px;
  margin-bottom: 10px;
}
.ex-for .for-wrap .right ul li h3 {
  display: flex;
  font-size: 1rem;
  font-weight: bold;
}
.ex-for .for-wrap .right ul li h3 img {
  display: block;
  width: 16px;
  height: auto;
  margin-right: 7px;
}
.ex-for .okg-box {
  display: block;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.ex-point {
  background-color: #f3f2f2;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.ex-point .point-title {
  margin-bottom: 55px;
}
.ex-point .point-title span {
  display: block;
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.ex-point .point-title p {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  color: #918f8f;
}
.ex-point .point-wrap {
  display: flex;
  flex-wrap: nowrap;
}
.ex-point .colum2 {
  -moz-column-gap: 10%;
       column-gap: 10%;
}
.ex-point .colum2 .point-item {
  background-color: #FFF;
  border-radius: 7px;
  width: 45%;
  padding: 0px;
  padding-bottom: 40px;
}
.ex-point .colum2 .point-item img {
  margin-bottom: 35px;
  width: 100%;
  border-radius: 7px 7px 0px 0px;
}
.ex-point .colum2 .point-item h3 {
  font-weight: bold;
  font-size: 1.3rem;
  text-align: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}
.ex-point .colum2 .point-item p {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.8;
}
.ex-point .colum3 {
  -moz-column-gap: 3.5%;
       column-gap: 3.5%;
}
.ex-point .colum3 .point-item {
  background-color: #FFF;
  border-radius: 7px;
  width: 31%;
  padding: 0px;
  padding-bottom: 40px;
}
.ex-point .colum3 .point-item img {
  margin-bottom: 35px;
  width: 100%;
  border-radius: 7px 7px 0px 0px;
}
.ex-point .colum3 .point-item h3 {
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}
.ex-point .colum3 .point-item p {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.8;
}

.eximgs-box {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.box04 {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 3%;
       column-gap: 3%;
}
.box04 img {
  width: 22.5%;
}

.c-selllino main {
  padding: 0 !important;
}

.tansansen main {
  padding: 0 !important;
}

.herbpack main {
  padding: 0 !important;
}

.fullerene main {
  padding: 0 !important;
}

.tansan-point {
  background-color: #FFF;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.tansan-point .inner .point-title {
  margin-bottom: 55px;
}
.tansan-point .inner .point-title span {
  display: block;
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.tansan-point .inner .point-title p {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  color: #918f8f;
}
.tansan-point .inner ul {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 3%;
}
.tansan-point .inner ul li {
  background-color: #ececec;
  width: 31%;
  padding: 30px;
  border-radius: 7px;
  display: flex;
}
.tansan-point .inner ul li span {
  display: block;
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1;
}
.tansan-point .inner ul li span::before {
  content: "Point";
  display: block;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
}
.tansan-point .inner ul li p {
  font-size: 1.1rem;
  margin-left: 20px;
}

.tansan-detail {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.tansan-detail .detail-wrap {
  display: flex;
  flex-wrap: nowrap;
}
.tansan-detail .detail-wrap .left {
  width: 40%;
  margin-right: 5%;
}
.tansan-detail .detail-wrap .right {
  width: 55%;
}
.tansan-detail .detail-wrap .right .tr-box2 h3 {
  font-size: 1.1rem;
  text-decoration: underline;
  margin-bottom: 15px;
}
.tansan-detail .detail-wrap .right .tr-box2 p {
  margin-bottom: 20px;
}
.tansan-detail .detail-wrap .right .tr-box {
  margin-bottom: 30px;
}
.tansan-detail .detail-wrap .right .tr-box h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.tansan-detail .detail-wrap .right .tr-box span {
  display: block;
  font-size: 0.8rem;
}

@media screen and (max-width: 600px) {
  .page-wrapper .page-header {
    background-image: url("../img/page/page-header.jpg");
    height: 200px;
  }
  .page-wrapper .page-header span {
    font-size: 2.2rem;
  }
  .page-wrapper .page-header h1 {
    font-size: 1rem;
  }
  .page-wrapper main {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .page-wrapper main .nf404-wrap {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .page-wrapper main .page-h2 {
    font-size: 1rem;
    margin-bottom: 35px;
  }
  .page-wrapper main .page-h2-en {
    font-size: 1.8rem;
    margin-bottom: 3px;
  }
  .sc-list {
    margin: 0px calc(50% - 50vw) 35px;
    width: 100vw;
  }
  .sc-list ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0px;
  }
  .sc-list ul li {
    width: 100%;
    padding: 10px;
    font-size: 0.8rem;
    text-align: center;
    background-color: #f0f4ef;
    border-right: 3px solid #FFF;
  }
  .sc-list ul li a {
    color: #000;
    text-decoration: none;
  }
  .about main {
    padding-top: 0rem;
  }
  .about-nap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: 0rem;
    padding-bottom: 3.5rem;
  }
  .about-nap .left {
    width: 100%;
    order: 2;
  }
  .about-nap .left h3 {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 40px;
  }
  .about-nap .left p {
    margin-bottom: 15px;
    line-height: 1.6;
  }
  .about-nap .right {
    order: 1;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 30px;
  }
  .salon {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .salon ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0%;
  }
  .salon ul li {
    width: 100%;
  }
  .salon ul li img {
    display: block;
    margin-bottom: 15px;
  }
  .salon ul li h3 {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 7px;
  }
  .salon ul li p {
    font-size: 1rem;
    line-height: 1.8;
  }
  .info ul {
    width: 100%;
  }
  .info ul li {
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
  }
  .info ul li h4 {
    width: 100%;
    margin-bottom: 5px;
  }
  .info ul li span {
    width: 100%;
  }
  .price {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .price .table-wrap {
    overflow-x: scroll;
  }
  .price .table-wrap table {
    width: 100%;
    border: 1px solid #ccc;
    white-space: nowrap;
    font-size: 0.9rem;
  }
  .price .table-wrap table td, .price .table-wrap table th {
    border: 1px solid #CCC;
    padding: 10px 20px;
  }
  .price .table-wrap table .tr-title {
    font-weight: bold;
    background-color: #dde5e2;
  }
  .price .table-wrap table th {
    background-color: #eeeeee;
  }
  .price .table-wrap table .th01 {
    background-color: #dde5e2 !important;
  }
  .course {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .course .course-box {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 0%;
         column-gap: 0%;
  }
  .course .course-box .left, .course .course-box .right {
    width: 100%;
    margin-bottom: 35px;
  }
  .course .course-box .left .img-box, .course .course-box .right .img-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
  }
  .course .course-box .left .img-box img, .course .course-box .right .img-box img {
    width: 100%;
  }
  .course .course-box .left .img-box .text-box, .course .course-box .right .img-box .text-box {
    position: absolute;
    bottom: -2px;
    left: -1px;
    background-color: #f7f7f7;
    padding: 15px 20px 0px 0px;
  }
  .course .course-box .left .img-box .text-box h3, .course .course-box .right .img-box .text-box h3 {
    font-size: 1.2rem;
    font-weight: bold;
  }
  .course .course-box .left .img-box .text-box span, .course .course-box .right .img-box .text-box span {
    font-size: 0.8rem;
    margin-bottom: 25px;
  }
  .course .course-box .left p, .course .course-box .right p {
    width: 100%;
    padding-left: 0px;
  }
  .course .course-box .right {
    width: 100%;
  }
  .optionmenu {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .optionmenu .optionmenu-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px;
  }
  .optionmenu .optionmenu-box .left {
    width: 100%;
    margin-bottom: 15px;
  }
  .optionmenu .optionmenu-box .right {
    width: 100%;
    padding-left: 0%;
  }
  .optionmenu .optionmenu-box .right h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    padding-bottom: 5px;
  }
  .optionmenu .optionmenu-box .right ul {
    margin-bottom: 20px;
  }
  .optionmenu .optionmenu-box .right ul li {
    display: flex;
    justify-content: space-between;
    padding: 10px 4px;
    font-size: 1rem;
    border-bottom: 1px solid #cfcfcf;
  }
  .optionmenu .exmenu-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .optionmenu .exmenu-box .left {
    width: 100%;
    margin-bottom: 15px;
  }
  .optionmenu .exmenu-box .right {
    padding-right: 0%;
    width: 100%;
  }
  .optionmenu .exmenu-box .right h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    padding-bottom: 5px;
  }
  .optionmenu .exmenu-box .right ul {
    margin-bottom: 40px;
  }
  .optionmenu .exmenu-box .right ul li {
    display: flex;
    justify-content: space-between;
    padding: 15px 5px;
    font-size: 1rem;
    border-bottom: 1px solid #cfcfcf;
  }
  .attention {
    padding: 0;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    background-color: #f7f7f7;
    border-radius: 0px;
  }
  .attention h3 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .map .gmap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
    margin-bottom: 70px;
  }
  .map .gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .map ul {
    width: 100%;
  }
  .map ul li {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.6;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #CCC;
  }
  .map ul li h4 {
    font-size: 1.1rem;
    font-weight: bold;
    width: 100%;
    margin-bottom: 7px;
  }
  .map ul li span {
    font-size: 1rem;
  }
  .staffs {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .staffs .staff-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-bottom: 50px;
  }
  .staffs .staff-header .staff-text {
    width: 100%;
    margin-right: 0%;
    display: flex;
    align-items: center;
  }
  .staffs .staff-header .staff-text p {
    font-size: 1rem;
    line-height: 1.8;
  }
  .staffs .staff-header .staff-img {
    width: 100%;
    margin-bottom: 35px;
  }
  .staffs .staff-wrap01 {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 0%;
         column-gap: 0%;
  }
  .staffs .staff-wrap01 .staff-item {
    width: 100%;
  }
  .staffs .staff-wrap02 {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 0%;
         column-gap: 0%;
  }
  .staffs .staff-wrap02 .staff-item {
    width: 100%;
  }
  .staffs .staff-item {
    background-color: transparent;
    border-radius: 0rem;
    padding: 0rem;
    margin-bottom: 35px;
  }
  .staffs .staff-item .text-box {
    width: 100%;
  }
  .staffs .staff-item .text-box .position {
    display: inline-block;
    padding: 5px;
    font-size: 0.8rem;
    background-color: #000;
    color: #FFF;
    margin-bottom: 10px;
  }
  .staffs .staff-item .text-box .name-ja {
    display: block;
    margin-bottom: 3px;
    font-size: 1.3rem;
    font-weight: bold;
  }
  .staffs .staff-item .text-box .name-en {
    display: block;
    font-size: 0.8rem;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
  }
  .staffs .staff-item .text-box p {
    font-size: 1rem;
    margin-bottom: 30px;
  }
  .staffs .staff-item .text-box .profiel::before {
    margin-bottom: 8px;
  }
  .staffs .staff-item .text-box .pet::before {
    margin-bottom: 8px;
  }
  .staffs .staff-item .text-box .hobby::before {
    margin-bottom: 8px;
  }
  .gallery .ngg-galleryoverview {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px 4%;
  }
  .gallery .ngg-galleryoverview .ngg-gallery-thumbnail-box {
    width: 48%;
    padding: 0;
  }
  .gallery .ngg-galleryoverview .ngg-navigation {
    width: 100%;
  }
  .questions ul li {
    background-color: transparent;
    border-radius: 0rem;
    padding: 0px;
    margin-bottom: 35px;
  }
  .questions ul li .q-box {
    border-bottom: 1px solid #CCC;
  }
  .questions ul li .q-box h3 {
    color: #125f2d;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 20px;
    display: flex;
  }
  .questions ul li .q-box h3::before {
    display: flex;
    min-width: 50px !important;
  }
  .questions ul li .a-box {
    padding-top: 30px;
  }
  .questions ul li .a-box p {
    font-size: 1rem;
    line-height: 1.8;
  }
  .voice {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0%;
  }
  .voice .voice-item {
    width: 100%;
    display: block;
    padding: 20px;
    background-color: #FFF;
    border-radius: 7px;
    box-shadow: 0 0 0px rgba(133, 133, 133, 0);
  }
  .voice .voice-item .left {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .voice .voice-item .right {
    padding-left: 0%;
    width: 100%;
    border-left: none;
  }
  .voice .voice-item .right .name {
    display: block;
    color: #24858a;
    font-size: 1rem;
  }
  .voice .voice-item .right .title {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 15px;
  }
  .voice .voice-item .right .text {
    line-height: 1.6;
    font-size: 0.9rem;
  }
  .ex-header {
    background-size: cover;
    background-repeat: no-repeat;
  }
  .ex-header .ex-wrap {
    padding-top: 5rem;
    padding-bottom: 5rem;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7) 32%, rgba(255, 255, 255, 0));
  }
  .ex-header .ex-wrap .ex-inner {
    flex-wrap: wrap;
  }
  .ex-header .ex-wrap .ex-inner .wrap {
    width: 100%;
  }
  .ex-header .ex-wrap .ex-inner .wrap span {
    display: block;
    font-weight: bold;
    color: #FFF;
    font-size: 1.2rem;
    margin-bottom: 35px;
  }
  .ex-header .ex-wrap .ex-inner .wrap h1 {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 50px;
    color: #FFF;
  }
  .ex-header .ex-wrap .ex-inner .wrap p {
    font-size: 0.9rem;
    max-width: 100%;
  }
  .ex-point {
    background-color: #f3f2f2;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .ex-point .point-title {
    margin-bottom: 55px;
  }
  .ex-point .point-title span {
    display: block;
    text-align: center;
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .ex-point .point-title p {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    color: #918f8f;
  }
  .ex-point .point-wrap {
    flex-wrap: wrap;
  }
  .ex-point .colum2 {
    -moz-column-gap: 0%;
         column-gap: 0%;
  }
  .ex-point .colum2 .point-item {
    background-color: #FFF;
    width: 100%;
    padding: 0px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .ex-point .colum2 .point-item img {
    margin-bottom: 35px;
    width: 100%;
    border-radius: 7px 7px 0px 0px;
  }
  .ex-point .colum2 .point-item h3 {
    font-weight: bold;
    font-size: 1.1rem;
    text-align: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }
  .ex-point .colum2 .point-item p {
    width: 85%;
    font-size: 0.9rem;
    line-height: 1.8;
  }
  .ex-point .colum3 {
    -moz-column-gap: 3.5%;
         column-gap: 3.5%;
  }
  .ex-point .colum3 .point-item {
    background-color: #FFF;
    width: 100%;
    padding: 0px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .ex-point .colum3 .point-item img {
    margin-bottom: 35px;
    width: 100%;
    border-radius: 7px 7px 0px 0px;
  }
  .ex-point .colum3 .point-item h3 {
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }
  .ex-point .colum3 .point-item p {
    width: 85%;
    font-size: 0.9rem;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
  }
  .ex-for {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #ebebeb;
  }
  .ex-for .for-wrap {
    flex-wrap: wrap;
    width: 85% !important;
    max-width: 85% !important;
  }
  .ex-for .for-wrap .left {
    width: 100%;
    background-color: #5c7b63;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 30px 30px;
  }
  .ex-for .for-wrap .left img {
    width: 45px;
    margin-right: 10px;
  }
  .ex-for .for-wrap .right {
    padding: 25px;
  }
  .ex-for .for-wrap .right ul li {
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .ex-for .okg-box {
    font-size: 1.4rem;
  }
  .tansan-point {
    background-color: #FFF;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .tansan-point .inner .point-title {
    margin-bottom: 55px;
  }
  .tansan-point .inner .point-title span {
    font-size: 1.6rem;
  }
  .tansan-point .inner .point-title p {
    font-size: 1rem;
  }
  .tansan-point .inner ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 0%;
  }
  .tansan-point .inner ul li {
    width: 100%;
    padding: 20px;
    display: flex;
  }
  .tansan-point .inner ul li span {
    font-size: 2.2rem;
    margin-bottom: 0px;
    line-height: 1;
  }
  .tansan-point .inner ul li p {
    font-size: 0.9rem;
    margin-left: 20px;
  }
  .tansan-detail {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .tansan-detail .detail-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .tansan-detail .detail-wrap .left {
    width: 100%;
    margin-right: 0%;
  }
  .tansan-detail .detail-wrap .right {
    width: 100%;
  }
  .tansan-detail .detail-wrap .right .tr-box2 h3 {
    font-size: 1.1rem;
    text-decoration: underline;
    margin-bottom: 15px;
  }
  .tansan-detail .detail-wrap .right .tr-box2 p {
    margin-bottom: 20px;
  }
  .tansan-detail .detail-wrap .right .tr-box {
    margin-bottom: 30px;
  }
  .tansan-detail .detail-wrap .right .tr-box h2 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .tansan-detail .detail-wrap .right .tr-box span {
    display: block;
    font-size: 0.8rem;
  }
}/*# sourceMappingURL=page.css.map */