@charset "UTF-8";
/* faze1用　非表示 */
.faze1-none,
.change {
  display: none !important;
}

.faze2_5-none {
  display: none !important;
}

html {
  font-size: 62.5%;
}

html,
body {
  height: 100%;
}

body {
  word-break: break-all;
  color: #333;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-optical-sizing: auto;
  font-style: normal;
  background-color: #fff;
  padding: 0;
}
body:not(.init_none) section {
  padding: initial;
}
body:not(.init_none) figure {
  line-height: 0;
}
body:not(.init_none) ul,
body:not(.init_none) ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
body:not(.init_none) ol {
  list-style: none;
}
body:not(.init_none) dl {
  margin-bottom: 0;
}
body:not(.init_none) dl dt {
  margin-bottom: 0;
}
body:not(.init_none) dl dd {
  margin-bottom: 0;
}
body:not(.init_none) a {
  transition: 0.3s all;
  color: #000;
  opacity: 1;
  transform: 0.3s all;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  body:not(.init_none) a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}
body:not(.init_none) i, body:not(.init_none) em {
  font-style: normal;
}
body:not(.init_none) h2,
body:not(.init_none) h3,
body:not(.init_none) h4,
body:not(.init_none) h5,
body:not(.init_none) h6 {
  position: relative;
  margin-bottom: 0;
}
body:not(.init_none) h2 > span,
body:not(.init_none) h3 > span,
body:not(.init_none) h4 > span,
body:not(.init_none) h5 > span,
body:not(.init_none) h6 > span {
  display: inline-block;
}
body:not(.init_none) img {
  width: 100%;
  height: auto;
}
body:not(.init_none) img.auto {
  width: auto;
  max-width: 100%;
}
body:not(.init_none) p {
  margin-bottom: 0;
}
body:not(.init_none) a[href^="tel:"] {
  text-decoration: none !important;
}
@media screen and (min-width: 768px) {
  body:not(.init_none) a[href^="tel:"] {
    pointer-events: none;
  }
}

#container {
  /**/
}
@media screen and (min-width: 768px) {
  #container .vpc {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #container .vpc {
    display: none !important;
  }
}
#container {
  /**/
}
@media screen and (min-width: 768px) {
  #container .vtab {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #container .vtab {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  #container .vsp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  #container .vsp {
    display: block;
  }
}
#container *:focus {
  outline: none;
}
#container .dur {
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
#container .scroll-fade {
  opacity: 0;
  transform: translateY(50px);
  transition: all 1.3s;
}
#container .mb-none {
  margin-bottom: 0 !important;
}
#container .mt-none {
  margin-top: 0 !important;
}
#container .fade_on {
  opacity: 1;
  transform: translateY(0);
  transform: translateX(0);
}
#container .contents-wrap {
  margin: 0 !important;
  position: relative;
  width: 100%;
  overflow: clip;
  padding-top: 116px;
}
@media screen and (max-width: 767px) {
  #container .contents-wrap {
    padding-top: 86px;
  }
}
#container .langbar-site-change {
  display: none !important;
}
#container .langbar-site-change.focus {
  display: block !important;
}
#container .swiper-pagination {
  width: 100%;
  position: static;
  margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
  #container .swiper-pagination {
    margin: 10px 0 0;
  }
}
#container .swiper-pagination .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  background: #fff;
  border: 1px solid #999;
  opacity: 1 !important;
  margin: 0 10px;
}
@media screen and (max-width: 767px) {
  #container .swiper-pagination .swiper-pagination-bullet {
    margin: 0 7px;
  }
}
#container .swiper-pagination .swiper-pagination-bullet-active {
  background: #999;
}
#container .border-y {
  display: inline !important;
  background: repeating-linear-gradient(-45deg, #FEFEA2, #FEFEA2 2px, transparent 2px, transparent 4px) no-repeat 0 0.75em !important;
  font-weight: 600;
}
#container .mv-title {
  overflow: hidden;
  border-radius: 11px;
}
#container .mv-title-text {
  background: linear-gradient(135deg, #fff1f1 10%, #eae9f7 90%);
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
#container .mv-title-text .title {
  text-align: center;
  padding: 15px;
}
#container .mv-title-text .title span {
  display: block;
}
#container .mv-title-text .title span.t01 {
  font-size: 1.6rem;
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: #9A6CAD;
}
#container .mv-title-text .title span.t02 {
  font-size: 2.5rem;
}
#container .mv-title-text .title span.t02 em {
  background: repeating-linear-gradient(-45deg, #FEFEA2, #FEFEA2 2px, transparent 2px, transparent 4px) no-repeat 0 0.75em !important;
  font-weight: 600;
}
#container .mv-title-text {
  /*
  &.wide {

      background: linear-gradient(135deg, #fff1f1 10%, #eae9f7 90%);
      margin: 0 calc(50% - 50vw);
      width: 100vw;

  }
  */
}
#container .m-title {
  position: relative;
  z-index: 0;
  margin-bottom: 65px;
}
@media screen and (max-width: 767px) {
  #container .m-title {
    margin-bottom: 40px;
  }
}
#container .m-title span {
  display: block;
  line-height: 1;
}
#container .m-title .t01 {
  font-size: 1.6rem;
  color: #9A6CAD;
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  margin: 0 0 4px;
}
#container .m-title .t02 {
  font-size: 3.2rem;
  line-height: 1.3;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #container .m-title .t02 {
    font-size: 2.8rem;
  }
}
#container .m-title::after {
  content: "";
  background: #FFF84E;
  width: 164px;
  height: 164px;
  border-radius: 164px;
  position: absolute;
  top: -50px;
  left: -30px;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #container .m-title::after {
    width: 94px;
    height: 94px;
    border-radius: 94px;
    top: -20px;
    left: -50px;
  }
}
#container .m-title.pos-other::after {
  width: 116px;
  height: 116px;
  border-radius: 116px;
  top: -25px;
  left: -53px;
}
@media screen and (max-width: 767px) {
  #container .m-title.pos-other::after {
    width: 94px;
    height: 94px;
    border-radius: 94px;
    top: -20px;
    left: -50px;
  }
}
#container .m-title.mb-min {
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  #container .m-title.mb-min {
    margin-bottom: 25px;
  }
}
#container .m-title.under {
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  #container .m-title.under {
    margin-bottom: 10px;
  }
}
#container .m-title .n-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 226px;
}
#container .min-title {
  font-weight: 600;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  #container .min-title {
    font-size: 1.8rem;
  }
}
#container .min-title em {
  background: repeating-linear-gradient(-45deg, #FEFEA2, #FEFEA2 2px, transparent 2px, transparent 4px) no-repeat 0 0.75em !important;
  display: inline;
  padding: 0 2px 0px;
  font-weight: 600;
}
#container .min-title i {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  #container .min-title i {
    font-size: 1.4rem;
  }
}
#container .min-title i.min {
  font-size: 1.6rem;
  display: block;
}
@media screen and (max-width: 767px) {
  #container .min-title i.min {
    font-size: 1.4rem;
  }
}
#container .min-title + .sub-title, #container .min-title + .lead {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #container .min-title + .sub-title, #container .min-title + .lead {
    margin-top: 11px;
  }
}
#container .min-title.block {
  background: #E5DBEA;
  padding: 4px 15px;
}
@media screen and (max-width: 767px) {
  #container .min-title.block {
    padding: 4px 10px;
    font-size: 1.6rem;
  }
}
#container .min-title.block em {
  background: none;
}
#container .sub-title {
  font-weight: 600;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  #container .sub-title {
    font-size: 1.6rem;
  }
}
#container .sub-title + .lead {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  #container .sub-title + .lead {
    margin-top: 11px;
  }
}
@media screen and (max-width: 767px) {
  #container .sub-title.sp-min {
    font-size: 1.4rem;
  }
}
#container .center-title {
  text-align: center;
}
#container .center-title span {
  display: block;
  line-height: 1;
}
#container .center-title span.t01 {
  font-size: 1.6rem;
  color: #9A6CAD;
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  margin: 0 0 10px;
}
#container .center-title span.t02 {
  font-size: 2.8rem;
}
#container .bd-title-outer {
  margin: 0 0 40px;
}
@media screen and (min-width: 768px) {
  #container .bd-title-outer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  #container .bd-title-outer {
    margin: 0 0 25px;
  }
}
#container .bd-title-outer .bd-title {
  position: relative;
  font-size: 3rem;
  padding-left: 25px;
}
@media screen and (max-width: 767px) {
  #container .bd-title-outer .bd-title {
    font-size: 2.4rem;
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  #container .bd-title-outer .bd-title i {
    font-size: 1.6rem;
  }
}
#container .bd-title-outer .bd-title::after {
  content: "";
  height: 100%;
  width: 8px;
  background: #9A6CAD;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  #container .bd-title-outer .bd-title::after {
    width: 6px;
  }
}
#container .bd-title-outer .mark {
  display: inline-block;
  line-height: 1;
  font-size: 1.6rem;
  color: #fff;
  border-radius: 100px;
  padding: 6px 15px 8px;
}
@media screen and (min-width: 768px) {
  #container .bd-title-outer .mark {
    position: relative;
    top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  #container .bd-title-outer .mark {
    margin: 10px 0 0;
  }
}
#container .bd-title-outer .mark.tsudo {
  background: #6CAC9A;
}
#container .bd-title-outer .mark.course {
  background: #C6826E;
}
#container .detail-title-min {
  font-size: 1.6rem;
  margin: 0 0 0;
  background: #9a6cad;
  padding: 1rem 1rem;
  color: #fff;
  font-weight: 600;
  /*
  font-size: 2.0rem;
  margin: 0 0 20px;
  */
}
@media screen and (min-width: 768px) {
  #container .detail-title-min {
    padding-left: 2rem;
  }
}
@media screen and (max-width: 767px) {
  #container .detail-title-min {
    font-size: 1.4rem;
    margin: 0 0 10px;
  }
}
#container .detail-title-min.large {
  font-size: 2.2rem;
  background: #fff;
  color: #333;
  padding-left: 0;
  margin: 40px 0 20px 0;
}
@media screen and (max-width: 767px) {
  #container .detail-title-min.large {
    font-size: 2rem;
  }
}
#container .detail-title-min .mark {
  display: inline-block;
  line-height: 1;
  font-size: 1.6rem;
  color: #fff;
  border-radius: 100px;
  padding: 6px 15px 8px;
}
@media screen and (min-width: 768px) {
  #container .detail-title-min .mark {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  #container .detail-title-min .mark {
    margin: 10px 0 0;
  }
}
#container .detail-title-min .mark.tsudo {
  background: #6CAC9A;
}
#container .detail-title-min .mark.course {
  background: #C6826E;
}
#container .title-line {
  font-size: 1.8rem;
  font-weight: 600;
  background: #F9F4FA;
  padding: 4px 15px;
  margin: 0 0 50px;
}
@media screen and (max-width: 767px) {
  #container .title-line {
    font-size: 1.6rem;
    padding: 4px 10px;
    margin: 0 0 20px;
  }
}
#container .arert_ttl {
  font-size: 2rem;
  position: static;
  transform: none;
  display: block;
  text-align: center;
  height: auto;
  margin: 0 0 40px;
  background: no-repeat;
  color: #9A6CAD;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  #container .arert_ttl {
    font-size: 1.8rem;
    margin: 0 0 20px;
  }
}
#container .arert_ttl span {
  display: inline-block;
  line-height: 1.5;
  position: relative;
  padding: 0 20px;
}
#container .arert_ttl span::before, #container .arert_ttl span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 2px;
  height: 125%;
  background: #9A6CAD;
}
@media screen and (max-width: 767px) {
  #container .arert_ttl span::before, #container .arert_ttl span::after {
    height: 115%;
  }
}
#container .arert_ttl span::before {
  transform: rotate(-30deg);
  left: 0;
}
#container .arert_ttl span::after {
  transform: rotate(30deg);
  right: 0;
}
#container .mv-normal {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
#container .mv-normal img {
  height: 436px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  #container .mv-normal img {
    height: 189px;
  }
}
#container .lead {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
}
#container .lead.bold {
  font-weight: 600 !important;
  line-height: 1.5;
}
#container .lead.border {
  border-top: 1px solid #707070;
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  #container .lead.mt {
    margin-top: 30px;
  }
}
#container .lead + .lead {
  margin-top: 10px;
}
#container .lead .bold {
  font-weight: 600 !important;
}
#container .grid-list {
  position: relative;
  z-index: 1;
}
#container .grid-list ul {
  display: grid;
}
#container .grid-list ul .text {
  font-size: 1.4rem;
  margin-top: 10px;
  font-weight: 400;
  line-height: 1.8;
}
#container .grid-list.half ul {
  grid-template-columns: repeat(2, 1fr);
  gap: 45px 66px;
}
@media screen and (max-width: 767px) {
  #container .grid-list.half ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 0;
  }
}
@media screen and (min-width: 768px) {
  #container .expert-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
}
#container .expert-box .expert-text {
  margin: 0 0 0;
  position: relative;
  z-index: 1;
}
#container .expert-box .expert-text .expert-text-inner {
  padding: 55px 35px 40px;
  background: #fff;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #container .expert-box .expert-text .expert-text-inner {
    padding: 55px 25px 25px;
  }
}
#container .expert-box .expert-text .expert-text-inner::after {
  content: " MESSAGE";
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #E5DBEA;
  font-size: 4rem;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
#container .expert-box .expert-text .expert-text-inner .text {
  font-size: 1.8rem;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  line-height: 2;
  margin: 0 0 30px;
}
@media screen and (max-width: 767px) {
  #container .expert-box .expert-text .expert-text-inner .text {
    font-size: 1.4rem;
  }
}
#container .expert-box .expert-text .expert-text-inner .name span {
  display: block;
}
#container .expert-box .expert-text .expert-text-inner .name .n00 {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  #container .expert-box .expert-text .expert-text-inner .name .n00 {
    font-size: 1.4rem;
  }
}
#container .expert-box .expert-text .expert-text-inner .name .n01 {
  font-weight: 500;
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  #container .expert-box .expert-text .expert-text-inner .name .n01 {
    font-size: 2.2rem;
  }
}
#container .expert-box .expert-text .expert-text-inner .name .n02 {
  font-size: 1.6rem;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-style: italic;
  margin: 3px 0 0;
}
@media screen and (max-width: 767px) {
  #container .expert-box .expert-text .expert-text-inner .name .n02 {
    font-size: 1.4rem;
  }
}
#container .expert-box .expert-text .expert-text-inner ol {
  margin: 17px 0 0;
}
@media screen and (max-width: 767px) {
  #container .expert-box .expert-text .expert-text-inner ol {
    margin: 10px 0 0;
  }
}
#container .expert-box .expert-text .expert-text-inner ol li {
  position: relative;
  padding-left: 20px;
}
#container .expert-box .expert-text .expert-text-inner ol li p {
  font-size: 1.6rem;
  line-height: 1.6;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  #container .expert-box .expert-text .expert-text-inner ol li p {
    font-size: 1.4rem;
  }
}
#container .expert-box .expert-text .expert-text-inner ol li + li {
  margin-top: 7px;
}
#container .expert-box .expert-text .expert-text-inner ol li::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #E5DBEA;
  position: absolute;
  top: 7px;
  left: 0;
}
#container .expert-box .expert-text::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #9A6CAD;
  position: absolute;
  top: 10px;
  left: -10px;
  z-index: -1;
}
#container .text-box {
  position: relative;
  z-index: 1;
}
#container .text-box .text-box-inner .title {
  font-size: 1.8rem;
  font-weight: 600;
  background: #F9F4FA;
  padding: 4px 15px;
  margin: 0 0 15px;
}
@media screen and (max-width: 767px) {
  #container .text-box .text-box-inner .title {
    font-size: 1.6rem;
    padding: 4px 10px;
    margin: 0 0 10px;
  }
}
#container .text-box .text-box-inner .title.dark {
  background: #E5DBEA;
}
#container .text-box .text-box-inner .title.white {
  background: #FFF;
}
#container .text-box .text-box-inner .title i {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  #container .text-box .text-box-inner .title i {
    font-size: 1.4rem;
  }
}
#container .text-box .text-box-inner .mm-title {
  font-size: 1.6rem;
  padding-top: 5px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  #container .text-box .text-box-inner .mm-title {
    font-size: 1.4rem;
  }
}
#container .text-box .text-box-inner .mm-title + .lead {
  padding-top: 15px;
}
@media screen and (max-width: 767px) {
  #container .text-box .text-box-inner .mm-title + .lead {
    padding-top: 10px;
  }
}
#container .text-box .text-box-inner .btn-outer {
  margin-top: 15px;
}
#container .text-box .text-box-inner + .text-box-inner {
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  #container .text-box .text-box-inner + .text-box-inner {
    margin-top: 25px;
  }
}
#container .text-box .text-box-inner .p-img {
  max-width: 611px;
  margin: 10px 0 0 0;
}
@media screen and (max-width: 767px) {
  #container .text-box .text-box-inner .p-img {
    margin: 15px 0 0 0;
    padding: 0 17px;
  }
}
#container .text-box .tab-box ul {
  padding: 5px 0 0;
  margin-left: -15px;
}
@media screen and (max-width: 767px) {
  #container .text-box .tab-box ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -2% -2%;
  }
}
#container .text-box .tab-box ul li {
  display: inline-block;
  font-size: 1.6rem;
  margin: 0 0 15px 15px;
  border: 1px solid #9A6CAD;
  border-radius: 500px;
  font-weight: 600;
  padding: 6px 18px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  #container .text-box .tab-box ul li {
    font-size: 1.4rem;
    padding: 5.5px 11px;
    width: 48%;
    margin: 0 0 2% 2%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  #container .text-box.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 49px 49px;
  }
}
@media screen and (min-width: 768px) {
  #container .text-box.grid .text-box-inner {
    margin-top: 0 !important;
    display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
    gap: 0;
  }
}
#container .text-box.grid .text-box-inner .lead {
  letter-spacing: 0.01em;
}
#container .text-box.grid .dark {
  background: #E5DBEA !important;
}
@media screen and (max-width: 767px) {
  #container .text-box.sp-mt-large .text-box-inner + .text-box-inner {
    margin-top: 50px;
  }
}
#container .case-flex {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  #container .case-flex {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  #container .case-flex {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  #container .case-flex .img {
    width: 46.7%;
  }
}
@media screen and (min-width: 768px) {
  #container .case-flex .text {
    width: 53.3%;
    padding-left: 60px;
  }
}
@media screen and (max-width: 767px) {
  #container .case-flex .text {
    margin-top: 25px;
  }
}
#container .case-flex .text {
  /*
  p {

      line-height: 1.8;

      em {

          font-size: 1.6rem;
          font-weight: 600;

      }

      span {

          font-size: 1.4rem;

      }

      & + p {

          margin-top: 10px;
          @include sp() {
          margin-top: 7px;
          }

      }

  }
  */
}
#container .case-flex .text .text-dl-list {
  display: grid;
  grid-template-columns: max-content 1fr;
  border-bottom: 1px solid #ccc;
}
#container .case-flex .text .text-dl-list dl {
  display: contents;
}
#container .case-flex .text .text-dl-list dl dt,
#container .case-flex .text .text-dl-list dl dd {
  padding: 11px 0px;
  font-size: 1.4rem;
  border-top: 1px solid #ccc;
}
#container .case-flex .text .text-dl-list dl dt {
  padding-right: 5px;
  padding-right: 30px;
}
@media screen and (min-width: 768px) {
  #container .case-flex .text .text-dl-list dl dt {
    padding-right: 36px;
  }
}
#container .n-btn {
  display: block;
  background: #7A5A7B;
  text-align: center;
  border-radius: 500px;
  font-size: 1.4rem;
  padding: 0 35px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  line-height: 1.2;
  color: #fff !important;
}
@media screen and (max-width: 767px) {
  #container .n-btn {
    font-size: 1.2rem;
    padding: 0 35px;
  }
}
#container .n-btn.adj {
  padding: 0 30px 0 25px;
  letter-spacing: normal;
}
#container .n-btn::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
#container .n-btn.tsudo {
  background: #6CAC9A;
}
#container .n-btn.course {
  background: #C6826E;
}
@media screen and (max-width: 767px) {
  #container .btn-outer {
    margin-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  #container .btn-outer .n-btn {
    max-width: 226px;
    margin: 0 auto;
  }
}
#container .btn-outer .n-btn.normal {
  max-width: 226px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #container .btn-outer .n-btn.normal {
    max-width: 165px;
    padding: 0 30px;
  }
}
#container .btn-outer.outer-btn {
  margin-top: 95px;
}
@media screen and (max-width: 767px) {
  #container .btn-outer.outer-btn {
    margin-top: 45px;
  }
}
#container .menu-list {
  position: relative;
}
@media screen and (max-width: 767px) {
  #container .menu-list {
    margin: 0 -8px;
  }
}
#container .menu-list ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px 8px;
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container .menu-list ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 767px) {
  #container .menu-list ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 15px;
  }
}
#container .menu-list ul li .in {
  background: #fff;
  border: 1px solid #CCC;
  border-radius: 10px;
  padding: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#container .menu-list ul li .in figure {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #container .menu-list ul li .in figure {
    max-width: 57px;
  }
}
@media screen and (max-width: 767px) {
  #container .menu-list ul li .in figure {
    width: 34%;
  }
}
#container .menu-list ul li .in .t01 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  margin: 10px -5px 0;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  #container .menu-list ul li .in .t01 {
    font-size: 1.6rem;
  }
}
#container .menu-list ul li .in .list-inner {
  background: #F7F7F7;
  padding: 13px 5px 15px 10px;
  margin: 15px 0 0;
  flex-grow: 1;
}
#container .menu-list ul li .in .list-inner a,
#container .menu-list ul li .in .list-inner span {
  display: block;
  font-size: 1.4rem;
  color: #666;
  position: relative;
  padding-left: 11px;
  letter-spacing: initial;
}
@media screen and (max-width: 767px) {
  #container .menu-list ul li .in .list-inner a,
  #container .menu-list ul li .in .list-inner span {
    font-size: 1.3rem;
  }
}
#container .menu-list ul li .in .list-inner a::after,
#container .menu-list ul li .in .list-inner span::after {
  content: "";
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: 8px;
  z-index: 1;
  background: #9A6CAD;
}
#container .menu-list ul li .in .list-inner a + a, #container .menu-list ul li .in .list-inner a + span,
#container .menu-list ul li .in .list-inner span + a,
#container .menu-list ul li .in .list-inner span + span {
  margin-top: 12px;
}
#container .menu-list ul li .in .list-inner a.link-none::after,
#container .menu-list ul li .in .list-inner span.link-none::after {
  clip-path: none;
  top: 10px;
  width: 6px;
  height: 1px;
}
#container .menu-list ul li .in .list-inner.l-height-min a + a, #container .menu-list ul li .in .list-inner.l-height-min a + span,
#container .menu-list ul li .in .list-inner.l-height-min span + a,
#container .menu-list ul li .in .list-inner.l-height-min span + span {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  #container .menu-list-box-body > ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 40px;
  }
}
#container .menu-list-box-body > ul > li .in {
  padding: 33px 40px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/menu/top/bg_menu.webp);
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  #container .menu-list-box-body > ul > li .in {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  #container .menu-list-box-body > ul > li .in {
    padding: 22px 23px 35px;
    margin: 0 -13px 0;
  }
}
#container .menu-list-box-body > ul > li .in .mm-title {
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
  #container .menu-list-box-body > ul > li .in .mm-title {
    font-size: 1.8rem;
    margin: 0 0 11px;
  }
}
#container .menu-list-box-body > ul > li .in .img {
  position: relative;
}
#container .menu-list-box-body > ul > li .in .img .tab {
  position: absolute;
  top: 11px;
  left: 8px;
}
#container .menu-list-box-body > ul > li .in .img .tab p {
  line-height: 1;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  width: 80px;
  padding: 6px 0;
  border-radius: 100px;
  letter-spacing: initial;
}
#container .menu-list-box-body > ul > li .in .img .tab p.tsudo {
  background: #6CAC9A;
}
#container .menu-list-box-body > ul > li .in .img .tab p.course {
  background: #C6826E;
}
#container .menu-list-box-body > ul > li .in .img .tab p + p {
  margin-top: 5px;
}
#container .menu-list-box-body > ul > li .in .sub-title {
  margin-top: 20px;
}
#container .menu-list-box-body > ul > li .in .sub-title + .lead {
  margin-top: 7px;
}
@media screen and (max-width: 767px) {
  #container .menu-list-box-body > ul > li .in .onayami-box {
    margin: 40px -10px 0;
  }
}
#container .menu-list-box-body > ul > li .in .onayami-box .chk-list-outer {
  border: 1px solid #9A6CAD;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  #container .menu-list-box-body > ul > li .in .onayami-box .chk-list-outer {
    padding: 35px 5px 20px 10px;
  }
}
#container .menu-list-box-body > ul > li .in .onayami-box .chk-list-outer .chk-list li p {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #container .menu-list-box-body > ul > li .in .onayami-box .chk-list-outer .chk-list li p {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  #container .menu-list-box-body > ul > li .in .onayami-box .chk-list-outer .chk-list li p::after {
    top: 0px;
  }
}
@media screen and (max-width: 767px) {
  #container .menu-list-box-body > ul > li .in .onayami-box .chk-list-outer .chk-list li + li {
    margin-top: 10px;
  }
}
#container .menu-list-box-body > ul > li .in .btn-list {
  margin-top: 30px !important;
}
#container .menu-list-box-body > ul > li .in .btn-list ul {
  /*
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 22px 47px !important;
  margin: 0 !important;
  */
  margin: 0 0 -20px -8% !important;
}
@media screen and (max-width: 767px) {
  #container .menu-list-box-body > ul > li .in .btn-list ul {
    margin: 0 0 -15px -5.5% !important;
  }
}
#container .menu-list-box-body > ul > li .in .btn-list ul li {
  /*
  width: auto !important;
  margin: 0 !important;
  */
  width: 42% !important;
  margin: 0 0 20px 8% !important;
}
@media screen and (max-width: 767px) {
  #container .menu-list-box-body > ul > li .in .btn-list ul li {
    width: 44.5% !important;
    margin: 0 0 15px 5.5% !important;
  }
}
@media screen and (max-width: 767px) {
  #container .menu-list-box-body > ul > li + li {
    margin-top: 32px;
  }
}
#container .menu-list-box-body + .bd-title-outer {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  #container .menu-list-box-body + .bd-title-outer {
    margin-top: 45px;
  }
}
#container .text-link-list ul,
#container .faq-link-list ul {
  display: grid;
  grid-template-columns: repeat(5, auto);
  align-items: flex-end;
  gap: 18px 18px;
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container .text-link-list ul,
  #container .faq-link-list ul {
    grid-template-columns: repeat(3, auto);
  }
}
@media screen and (max-width: 767px) {
  #container .text-link-list ul,
  #container .faq-link-list ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 15px;
  }
}
@media screen and (min-width: 768px) {
  #container .text-link-list ul.grid4,
  #container .faq-link-list ul.grid4 {
    grid-template-columns: repeat(4, auto);
  }
}
#container .text-link-list ul li a,
#container .text-link-list ul li button,
#container .faq-link-list ul li a,
#container .faq-link-list ul li button {
  font-size: 1.4rem;
  display: block;
  border-bottom: 1px solid #F0F0F0;
  padding: 0 30px 12px 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  #container .text-link-list ul li a,
  #container .text-link-list ul li button,
  #container .faq-link-list ul li a,
  #container .faq-link-list ul li button {
    font-size: 1.2rem;
    padding: 0 15px 10px 0;
  }
}
#container .text-link-list ul li a::after,
#container .text-link-list ul li button::after,
#container .faq-link-list ul li a::after,
#container .faq-link-list ul li button::after {
  content: "";
  width: 9px;
  height: 9px;
  border-top: solid 2px #9A6CAD;
  border-right: solid 2px #9A6CAD;
  position: absolute;
  top: 20%;
  right: 0;
  transform: rotate(135deg) translateY(50%);
}
@media screen and (max-width: 767px) {
  #container .text-link-list ul li a::after,
  #container .text-link-list ul li button::after,
  #container .faq-link-list ul li a::after,
  #container .faq-link-list ul li button::after {
    width: 8px;
    height: 8px;
  }
}
#container .box-normal .in-box > div {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #container .box-normal .in-box .back-box {
    margin-top: 25px;
  }
}
#container .box-normal .in-box .back-box figure.mt {
  /*
  @include pc() {
  margin-top: -30px;
  }
  */
}
#container .box-normal .in-box .back-box figure figcaption {
  line-height: 1.8;
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  #container .box-normal .in-box.sp-column {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 767px) {
  #container .box-normal .in-box.sp-column .front-box {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #container .box-normal .in-box.sp-column .back-box {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  #container .box-normal.flex .in-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -2%;
  }
}
@media screen and (min-width: 768px) {
  #container .box-normal.flex .in-box > div {
    width: 48.04%;
    margin: 0 0 0 1.96%;
  }
}
@media screen and (min-width: 768px) {
  #container .box-normal.flex .in-box .front-box {
    padding-right: 15px;
  }
}
@media screen and (min-width: 768px) {
  #container .box-normal.flex .in-box .back-box.min {
    padding-left: 7%;
  }
}
#container .box-normal.flex .in-box .movie-outer {
  width: 100%;
  aspect-ratio: 16/9;
}
#container .box-normal.flex .in-box .movie-outer iframe,
#container .box-normal.flex .in-box .movie-outer video {
  width: 100%;
  height: 100%;
}
#container .box-normal.flex .in-box .movie-outer video {
  background-size: cover;
  background-position: center center;
}
#container .box-normal.flex .in-box .movie-outer .video-js {
  width: 100%;
  height: 100%;
  color: #a7a09c !important;
}
@media screen and (min-width: 1024px) {
  #container .box-normal.flex .in-box .movie-outer .video-js .vjs-big-play-button {
    font-size: 5em !important;
    line-height: 1.4em !important;
    height: 1.5em !important;
    width: 1.5em !important;
    background-color: #FFF !important;
    border-radius: 100%;
    margin-top: -0.8em !important;
    margin-left: -0.6em !important;
  }
}
@media screen and (max-width: 1023px) {
  #container .box-normal.flex .in-box .movie-outer .video-js .vjs-big-play-button {
    font-size: 3em !important;
    line-height: 1.4em !important;
    height: 1.5em !important;
    width: 1.5em !important;
    background-color: #FFF !important;
    border-radius: 100%;
    margin-top: -0.70666em !important;
    margin-left: -0.7em !important;
  }
}
#container .box-normal + .box-normal {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  #container .box-normal + .box-normal {
    margin-top: 45px;
  }
}
#container .box-normal + .text-box {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #container .box-normal + .text-box {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  #container .product-table-contents .product-table-contents-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  #container .product-table-contents .product-table-contents-inner .img {
    width: 48.4%;
  }
}
@media screen and (min-width: 768px) {
  #container .product-table-contents .product-table-contents-inner .product-table-outer {
    width: 48.4%;
    margin-right: 3.2%;
  }
}
@media screen and (max-width: 767px) {
  #container .product-table-contents .product-table-contents-inner .product-table-outer {
    margin-top: 20px;
  }
}
#container .product-table-contents .product-table-contents-inner .product-table-outer .product-table {
  display: grid;
  grid-template-columns: max-content 1fr;
  border-bottom: 1px solid #707070;
}
#container .product-table-contents .product-table-contents-inner .product-table-outer .product-table dl {
  display: contents;
}
#container .product-table-contents .product-table-contents-inner .product-table-outer .product-table dl dt,
#container .product-table-contents .product-table-contents-inner .product-table-outer .product-table dl dd {
  padding: 12px 0px;
  font-size: 1.4rem;
  border-top: 1px solid #707070;
}
#container .product-table-contents .product-table-contents-inner .product-table-outer .product-table dl dt {
  padding-right: 36px;
}
@media screen and (max-width: 767px) {
  #container .product-table-contents .product-table-contents-inner .product-table-outer.sp-scroll {
    overflow: scroll;
  }
}
@media screen and (max-width: 767px) {
  #container .product-table-contents .product-table-contents-inner .product-table-outer.sp-scroll .product-table {
    width: 630px;
  }
}
#container .loop-slide-outer {
  margin: 100px 0 0;
}
@media screen and (max-width: 767px) {
  #container .loop-slide-outer {
    margin: 50px 0 0;
  }
}
#container .loop-slide-outer .swiper-wrapper {
  transition-timing-function: linear;
}
#container .loop-slide-outer .btn-list {
  margin-top: 50px !important;
}
@media screen and (max-width: 767px) {
  #container .loop-slide-outer .btn-list {
    margin-top: 30px !important;
  }
}
#container .single-img-block .single-img {
  max-width: 930px;
  margin: 0 auto;
}
#container .point-box {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  #container .point-box {
    margin-top: 30px;
  }
}
#container .point-box ul {
  counter-reset: number 0;
}
@media screen and (min-width: 768px) {
  #container .point-box ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 23px 23px;
  }
}
#container .point-box ul li {
  position: relative;
  background: #fff;
  padding: 37px 6px 28px;
  text-align: center;
  border-radius: 10px;
  counter-increment: number 1;
}
@media screen and (min-width: 768px) {
  #container .point-box ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  #container .point-box ul li {
    padding: 12px 15px 15px 40px;
    border-radius: 7px;
  }
}
@media screen and (min-width: 768px) {
  #container .point-box ul li .in {
    width: 100%;
  }
}
#container .point-box ul li .p-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background: #EEE;
  color: #9A6CAD;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  #container .point-box ul li .p-text {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    top: 10px;
    left: -5px;
    transform: none;
  }
}
#container .point-box ul li .p-text i::before, #container .point-box ul li .p-text i::after {
  color: #9A6CAD;
  display: block;
  line-height: 1;
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
#container .point-box ul li .p-text i::before {
  content: "point";
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  #container .point-box ul li .p-text i::before {
    font-size: 1.2rem;
  }
}
#container .point-box ul li .p-text i::after {
  content: counter(number);
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  #container .point-box ul li .p-text i::after {
    font-size: 1.8rem;
    margin: 1px 0 0;
  }
}
#container .point-box ul li p {
  font-size: 1.8rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #container .point-box ul li p {
    font-size: 1.4rem;
  }
}
#container .point-box ul li p em {
  color: #9A6CAD;
  font-size: 2.2rem;
  font-weight: 700;
  display: inline;
}
@media screen and (max-width: 767px) {
  #container .point-box ul li p em {
    font-size: 1.6rem;
  }
}
#container .point-box ul li .cur {
  margin-top: 13px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #container .point-box ul li .cur {
    margin-top: 8px;
  }
}
#container .point-box ul li .cur p {
  font-size: 1.8rem;
  border-radius: 500px;
  background: #9A6CAD;
  color: #fff;
  padding: 1px 14px;
  line-height: 1.5;
  max-width: 320px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #container .point-box ul li .cur p {
    font-size: 1.4rem;
    max-width: 240px;
  }
}
@media screen and (max-width: 767px) {
  #container .point-box ul li + li {
    margin-top: 12px;
  }
}
#container .chk-list-outer {
  position: relative;
  background: #FFF;
  padding: 33px 22px 20px;
}
@media screen and (max-width: 767px) {
  #container .chk-list-outer {
    padding: 25px 15px 15px;
  }
}
#container .chk-list-outer .tab-text {
  line-height: 1;
  width: 100%;
  display: block;
  max-width: 125px;
  position: absolute;
  top: -12px;
  left: 22px;
  background: #9A6CAD;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #container .chk-list-outer .tab-text {
    left: 50%;
    transform: translateX(-50%);
  }
}
#container .chk-list-outer .chk-list li p {
  font-size: 1.6rem;
  font-weight: 600;
  position: relative;
  padding-left: 3rem;
}
@media screen and (max-width: 767px) {
  #container .chk-list-outer .chk-list li p {
    padding-left: 2.7rem;
  }
}
#container .chk-list-outer .chk-list li p::after {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/common/icon_chk.webp);
  width: 20px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  #container .chk-list-outer .chk-list li p::after {
    width: 18px;
    height: 19px;
    top: 2px;
  }
}
#container .chk-list-outer .chk-list li p em {
  background: linear-gradient(transparent 0%, #FFF84E 0%);
  display: inline;
}
#container .chk-list-outer .chk-list li + li {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  #container .chk-list-outer .chk-list li + li {
    margin-top: 5px;
  }
}
#container .chk-list-outer + .chk-list-outer {
  margin-top: 33px;
}
@media screen and (max-width: 767px) {
  #container .chk-list-outer + .chk-list-outer {
    margin-top: 25px;
  }
}
#container .onayami-box {
  margin-top: 45px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #container .onayami-box {
    margin-top: 30px;
  }
}
#container .onayami-box.icon::before {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/common/icon_chk_ttl.webp);
  width: 83px;
  height: 30px;
  position: absolute;
  top: -13px;
  left: 20px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #container .onayami-box.icon::before {
    top: -17px;
    left: 15px;
  }
}
#container .onayami-box .title {
  background: #9A6CAD;
  line-height: 1;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 600;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  padding: 0 13px;
  border-radius: 10px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  #container .onayami-box .title {
    font-size: 1.6rem;
    height: 36px;
    padding: 0 14px;
    top: -20px;
  }
}
#container .onayami-box .title::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 33%;
  top: 20px;
  border-right: 12px solid rgb(154, 108, 173);
  border-top: 12px solid transparent;
  border-bottom: 22px solid transparent;
  transform: rotate(120deg);
}
@media screen and (max-width: 767px) {
  #container .onayami-box .title::after {
    top: 17px;
    left: 40%;
  }
}
@media screen and (min-width: 768px) {
  #container .onayami-box .onayami-box-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 5%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .onayami-box .onayami-box-grid {
    display: block;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .onayami-box .onayami-box-grid .onayami-box-inner {
    max-width: 570px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  #container .onayami-box .onayami-box-grid .onayami-box-inner .chk-list-outer {
    padding: 30px 25px !important;
  }
}
@media screen and (min-width: 768px) {
  #container .onayami-box .onayami-box-grid .onayami-box-inner .chk-list-outer .chk-list {
    display: block !important;
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  #container .onayami-box .onayami-box-grid .onayami-box-inner .chk-list-outer .chk-list li {
    width: 100% !important;
    margin-left: 0 !important;
    letter-spacing: normal;
  }
}
#container .onayami-box .onayami-box-grid .onayami-box-inner .title.icon-add {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  margin-bottom: 30px !important;
}
@media screen and (max-width: 767px) {
  #container .onayami-box .onayami-box-grid .onayami-box-inner .title.icon-add {
    margin-bottom: 18px !important;
  }
}
@media screen and (max-width: 374px) {
  #container .onayami-box .onayami-box-grid .onayami-box-inner .title.icon-add span {
    padding: 0 7px !important;
  }
}
#container .onayami-box .onayami-box-grid .onayami-box-inner .title.icon-add .icon {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  left: 20px;
  bottom: -30px;
}
@media screen and (max-width: 767px) {
  #container .onayami-box .onayami-box-grid .onayami-box-inner .title.icon-add .icon {
    left: 5px;
    bottom: -18px;
  }
}
#container .onayami-box .onayami-box-grid .onayami-box-inner .title.icon-add.icon-kids01 .icon {
  background-image: url(./../images/menu/epilation_kids/icon_kids01.webp);
  width: 87px;
  height: 90px;
}
@media screen and (max-width: 767px) {
  #container .onayami-box .onayami-box-grid .onayami-box-inner .title.icon-add.icon-kids01 .icon {
    width: 56px;
    height: 58px;
  }
}
@media screen and (max-width: 374px) {
  #container .onayami-box .onayami-box-grid .onayami-box-inner .title.icon-add.icon-kids01 .icon {
    width: 16.5%;
    padding-top: 17.2%;
    height: 0;
  }
}
#container .onayami-box .onayami-box-grid .onayami-box-inner .title.icon-add.icon-kids01 + .chk-list-outer {
  border-color: #FF9E51 !important;
}
#container .onayami-box .onayami-box-grid .onayami-box-inner .title.icon-add.icon-kids01 + .chk-list-outer .chk-list li p::after {
  background-image: url(./../images/common/icon_chk_kids.webp);
}
#container .onayami-box .onayami-box-grid .onayami-box-inner .title.icon-add.icon-kids02 .icon {
  background-image: url(./../images/menu/epilation_kids/icon_kids02.webp);
  width: 106px;
  height: 109px;
  left: 10px;
}
@media screen and (max-width: 767px) {
  #container .onayami-box .onayami-box-grid .onayami-box-inner .title.icon-add.icon-kids02 .icon {
    width: 68px;
    height: 70px;
    left: -5px;
  }
}
@media screen and (max-width: 374px) {
  #container .onayami-box .onayami-box-grid .onayami-box-inner .title.icon-add.icon-kids02 .icon {
    width: 20%;
    padding-top: 20.7%;
    height: 0;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .onayami-box .onayami-box-grid .onayami-box-inner + .onayami-box-inner {
    margin-top: 75px;
  }
}
@media screen and (max-width: 767px) {
  #container .onayami-box .onayami-box-grid .onayami-box-inner + .onayami-box-inner {
    margin-top: 45px;
  }
}
#container .interview-bnr {
  max-width: 426px;
  margin: 60px auto 0;
}
@media screen and (max-width: 767px) {
  #container .interview-bnr {
    margin: 30px auto 0;
  }
}
#container .interview-bnr .interview-btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #FF9E51;
  padding: 0 25px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767px) {
  #container .interview-bnr .interview-btn {
    padding: 0 30px 0 20px;
  }
}
#container .interview-bnr .interview-btn .img {
  width: 41%;
}
@media screen and (max-width: 767px) {
  #container .interview-bnr .interview-btn .img {
    width: 42.5%;
  }
}
#container .interview-bnr .interview-btn .txt {
  width: 59%;
  padding-left: 10px;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #container .interview-bnr .interview-btn .txt {
    font-size: 1.2rem;
    width: 57.5%;
  }
}
#container .interview-bnr .interview-btn::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
#container .interview-area {
  margin-top: 65px;
}
@media screen and (max-width: 767px) {
  #container .interview-area {
    margin-top: 50px;
  }
}
#container .interview-area .title {
  max-width: 268px;
  margin: 0 0 5px auto;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .interview-area .title {
    max-width: 22.3vw;
  }
}
@media screen and (max-width: 767px) {
  #container .interview-area .title {
    max-width: 157px;
    margin: 0 0 0 auto;
  }
}
#container .interview-area .interview-area-outer {
  overflow: hidden;
  border-radius: 10px;
}
#container .interview-area .interview-area-outer .title-interview {
  background: #FF9E51;
  font-size: 3rem;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 12.5px 75px 12.5px;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .interview-area .interview-area-outer .title-interview {
    padding: 12.5px 45px 12.5px;
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 767px) {
  #container .interview-area .interview-area-outer .title-interview {
    font-size: 2.4rem;
    line-height: 1.3;
    padding: 11px 25px 33px;
    text-align: center;
  }
}
#container .interview-area .interview-area-outer .title-interview span {
  display: block;
}
@media screen and (min-width: 768px) {
  #container .interview-area .interview-area-outer .title-interview span {
    width: 57%;
    margin: 0 0 0 auto;
    padding-left: 60px;
    letter-spacing: normal;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .interview-area .interview-area-outer .title-interview span {
    padding-left: 35px;
  }
}
#container .interview-area .interview-area-outer .interview-area-box {
  background: #FFF2F0;
  padding: 0 75px 40px;
}
@media screen and (min-width: 768px) {
  #container .interview-area .interview-area-outer .interview-area-box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .interview-area .interview-area-outer .interview-area-box {
    padding: 0 35px 4.5vw;
  }
}
@media screen and (max-width: 767px) {
  #container .interview-area .interview-area-outer .interview-area-box {
    padding: 0 10px 50px;
  }
}
#container .interview-area .interview-area-outer .interview-area-box .visual {
  margin-top: -3%;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #container .interview-area .interview-area-outer .interview-area-box .visual {
    width: 43%;
  }
}
@media screen and (max-width: 767px) {
  #container .interview-area .interview-area-outer .interview-area-box .visual {
    width: 87.5%;
    margin: -22px auto 0;
  }
}
@media screen and (min-width: 768px) {
  #container .interview-area .interview-area-outer .interview-area-box .text {
    width: 57%;
    padding: 4% 0 0 65px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .interview-area .interview-area-outer .interview-area-box .text {
    padding: 3vw 0 0 45px;
  }
}
@media screen and (max-width: 767px) {
  #container .interview-area .interview-area-outer .interview-area-box .text {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #container .interview-area .interview-area-outer .interview-area-box .text p {
    text-align: center;
  }
}
#container .interview-area .interview-area-outer .interview-area-box .text .t01 {
  font-size: 2.4rem;
  font-weight: 600;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .interview-area .interview-area-outer .interview-area-box .text .t01 {
    font-size: 2.2vw;
  }
}
@media screen and (max-width: 767px) {
  #container .interview-area .interview-area-outer .interview-area-box .text .t01 {
    font-size: 1.6rem;
  }
}
#container .interview-area .interview-area-outer .interview-area-box .text .t01 + .t02 {
  margin-top: 15px;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .interview-area .interview-area-outer .interview-area-box .text .t01 + .t02 {
    margin-top: 1.2vw;
  }
}
@media screen and (max-width: 767px) {
  #container .interview-area .interview-area-outer .interview-area-box .text .t01 + .t02 {
    margin-top: 11px;
  }
}
#container .interview-area .interview-area-outer .interview-area-box .text .t02 {
  font-size: 1.6rem;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .interview-area .interview-area-outer .interview-area-box .text .t02 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  #container .interview-area .interview-area-outer .interview-area-box .text .t02 {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
#container .interview-area .interview-area-outer .interview-area-box .text .btn-outer {
  margin-top: 30px;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .interview-area .interview-area-outer .interview-area-box .text .btn-outer {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  #container .interview-area .interview-area-outer .interview-area-box .text .btn-outer {
    margin-top: 22px;
  }
}
#container .interview-area .interview-area-outer .interview-area-box .text .btn-outer .n-btn {
  font-size: 1.8rem;
  background: #FF9E51;
  min-height: 73px;
  max-width: 295px;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .interview-area .interview-area-outer .interview-area-box .text .btn-outer .n-btn {
    min-height: 6.1vw;
    max-width: 24.6vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 767px) {
  #container .interview-area .interview-area-outer .interview-area-box .text .btn-outer .n-btn {
    font-size: 1.6rem;
    min-height: 60px;
  }
}
#container .interview-area .interview-area-outer .interview-area-box .text .btn-outer .n-btn::after {
  right: 30px;
}
#container .reason-list ul {
  counter-reset: reason 0;
}
@media screen and (min-width: 768px) {
  #container .reason-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -5.333% -7%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container .reason-list ul {
    margin: 0 0 -5.333% -4%;
  }
}
#container .reason-list ul li {
  position: relative;
  border-top: 1px solid #9A6CAD;
  counter-increment: reason 1;
  padding: 15px 0 0;
}
@media screen and (min-width: 768px) {
  #container .reason-list ul li {
    width: 26.333%;
    margin: 0 0 5.333% 7%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container .reason-list ul li {
    width: 29.333%;
    margin: 0 0 5.333% 4%;
  }
}
#container .reason-list ul li .in .t01 {
  font-size: 2.4rem;
  line-height: 1.5;
  margin: 7px 0 0;
}
#container .reason-list ul li .in .t01 em {
  color: #9A6CAD;
}
#container .reason-list ul li .in .t01.adj-lt {
  letter-spacing: -0.01em;
}
#container .reason-list ul li .in .t02 {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
  margin: 10px 0 0;
}
#container .reason-list ul li .in figure {
  margin: 15px 0 0;
}
#container .reason-list ul li .in figure figcaption {
  font-size: 1.4rem;
  margin: 10px 0 0;
  display: block;
  line-height: 1.4;
  font-weight: 400;
}
#container .reason-list ul li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 5px;
  background: #9A6CAD;
}
#container .reason-list ul li::before {
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  content: counter(reason, decimal-leading-zero);
  font-size: 3.5rem;
  color: #9A6CAD;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #container .reason-list ul li + li {
    margin-top: 45px;
  }
}
#container .contact-box {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  #container .contact-box {
    margin-top: 50px;
  }
}
#container .contact-box .contact-box-inner {
  padding: 50px 90px 75px;
  background: #fff;
  border-radius: 15px;
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container .contact-box .contact-box-inner {
    padding: 50px 30px 75px;
  }
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner {
    padding: 30px 19px 35px;
    border-radius: 10px;
  }
}
#container .contact-box .contact-box-inner .icon {
  display: inline-block !important;
  position: relative;
}
#container .contact-box .contact-box-inner .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#container .contact-box .contact-box-inner .title {
  text-align: center;
}
#container .contact-box .contact-box-inner .title span {
  display: block;
  line-height: 1;
}
#container .contact-box .contact-box-inner .title span.t01 {
  font-size: 1.6rem;
  color: #9A6CAD;
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  margin: 0 0 10px;
}
#container .contact-box .contact-box-inner .title span.t02 {
  font-size: 2.8rem;
}
#container .contact-box .contact-box-inner .btn {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #container .contact-box .contact-box-inner .btn {
    margin: 55px 0 0 -2%;
  }
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .btn {
    margin-top: 40px;
    flex-direction: column-reverse;
  }
}
#container .contact-box .contact-box-inner .btn a,
#container .contact-box .contact-box-inner .btn button {
  display: block;
  text-align: center;
  font-size: 3rem;
  color: #fff;
  line-height: 1;
  border-radius: 500px;
  padding: 40px 0;
}
@media screen and (min-width: 768px) {
  #container .contact-box .contact-box-inner .btn a,
  #container .contact-box .contact-box-inner .btn button {
    width: 48%;
    margin: 0 0 0 2%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container .contact-box .contact-box-inner .btn a,
  #container .contact-box .contact-box-inner .btn button {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .btn a,
  #container .contact-box .contact-box-inner .btn button {
    font-size: 1.8rem;
    padding: 21px 0;
  }
}
#container .contact-box .contact-box-inner .btn a span,
#container .contact-box .contact-box-inner .btn button span {
  display: inline-block;
  position: relative;
}
#container .contact-box .contact-box-inner .btn a.web,
#container .contact-box .contact-box-inner .btn button.web {
  background: #FF8980;
}
#container .contact-box .contact-box-inner .btn a.web span,
#container .contact-box .contact-box-inner .btn button.web span {
  padding-left: 75px;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .btn a.web span,
  #container .contact-box .contact-box-inner .btn button.web span {
    padding-left: 50px;
  }
}
#container .contact-box .contact-box-inner .btn a.web span::after,
#container .contact-box .contact-box-inner .btn button.web span::after {
  background-image: url(./../images/common/icon_web.webp);
  width: 56px;
  height: 53px;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .btn a.web span::after,
  #container .contact-box .contact-box-inner .btn button.web span::after {
    width: 36px;
    height: 34px;
  }
}
#container .contact-box .contact-box-inner .btn a.line,
#container .contact-box .contact-box-inner .btn button.line {
  background: #06C755;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .btn a.line,
  #container .contact-box .contact-box-inner .btn button.line {
    margin-top: 13px;
  }
}
#container .contact-box .contact-box-inner .btn a.line span,
#container .contact-box .contact-box-inner .btn button.line span {
  padding-left: 95px;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .btn a.line span,
  #container .contact-box .contact-box-inner .btn button.line span {
    padding-left: 55px;
  }
}
#container .contact-box .contact-box-inner .btn a.line span::after,
#container .contact-box .contact-box-inner .btn button.line span::after {
  background-image: url(./../images/common/icon_line.webp);
  width: 71px;
  height: 68px;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .btn a.line span::after,
  #container .contact-box .contact-box-inner .btn button.line span::after {
    width: 42px;
    height: 40px;
  }
}
@media screen and (min-width: 768px) {
  #container .contact-box .contact-box-inner .ft-btn {
    margin: 30px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .ft-btn {
    margin-top: 15px;
  }
}
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner {
  display: grid;
  gap: 20px;
  grid-template-columns: auto auto 37.3%;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .ft-btn .ft-btn-inner {
    grid-template-columns: auto;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .contact-box .contact-box-inner .ft-btn .ft-btn-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner a,
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner button {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .contact-box .contact-box-inner .ft-btn .ft-btn-inner a,
  #container .contact-box .contact-box-inner .ft-btn .ft-btn-inner button {
    width: calc(50% - 10px);
  }
}
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner a span,
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner button span {
  display: block;
  line-height: 1;
}
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .tel {
  text-align: center;
  background-color: #E5DBEA;
  padding: 13px 15px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .tel {
    padding: 13px 5px;
  }
}
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .tel .l00 {
  font-size: 2.2rem;
  font-weight: 500;
}
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .tel .l01 {
  margin-top: 15px;
  font-size: 3rem;
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .tel .l01 {
    font-size: 2.2rem;
  }
}
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .tel .l01.icon {
  padding-left: 35px;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .tel .l01.icon {
    padding-left: 30px;
  }
}
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .tel .l01.icon::after {
  background-image: url(./../images/common/icon_tel.webp);
  width: 22px;
  height: 29px;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .tel .l01.icon::after {
    width: 15px;
    height: 20px;
  }
}
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .tel .l02 {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 10px 0 0;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .tel .l02 {
    margin: 11px 0 0;
  }
}
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .form {
  font-size: 1.8rem;
  font-weight: 600;
  padding: 25px 20px;
  border: 1px solid #333;
  border-radius: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .form {
    /*
    margin-top: 15px;
    padding: 15px;
    */
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .form {
    padding: 35px 20px;
  }
}
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .form .icon {
  padding-left: 55px;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .form .icon {
    padding-left: 45px;
  }
}
#container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .form .icon::after {
  background-image: url(./../images/common/icon_mail.webp);
  width: 39px;
  height: 30px;
}
@media screen and (max-width: 767px) {
  #container .contact-box .contact-box-inner .ft-btn .ft-btn-inner .form .icon::after {
    width: 28px;
    height: 22px;
  }
}
#container .contact-box02 {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  #container .contact-box02 {
    margin: 50px -8px 0;
  }
}
#container .contact-box02 .contact-box-inner {
  padding: 50px 7px;
  background: #fff;
  border-radius: 15px;
  border: 2px solid #FF9E51;
}
@media screen and (max-width: 767px) {
  #container .contact-box02 .contact-box-inner {
    padding: 45px 7px;
    border-radius: 10px;
    border-width: 1px;
  }
}
#container .contact-box02 .contact-box-inner .fukidashi-title {
  text-align: center;
  margin: 0 0 10px;
}
#container .contact-box02 .contact-box-inner .fukidashi-title span {
  position: relative;
  display: inline-block;
  line-height: 1;
  font-size: 2rem;
  font-weight: 700;
  color: #FF9E51;
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  #container .contact-box02 .contact-box-inner .fukidashi-title span {
    font-size: 1.6rem;
    padding: 0 15px;
  }
}
#container .contact-box02 .contact-box-inner .fukidashi-title span::before, #container .contact-box02 .contact-box-inner .fukidashi-title span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 2px;
  height: 30px;
  background: #FF9E51;
}
@media screen and (max-width: 767px) {
  #container .contact-box02 .contact-box-inner .fukidashi-title span::before, #container .contact-box02 .contact-box-inner .fukidashi-title span::after {
    height: 25px;
  }
}
#container .contact-box02 .contact-box-inner .fukidashi-title span::before {
  transform: rotate(-30deg);
  left: 0;
}
#container .contact-box02 .contact-box-inner .fukidashi-title span::after {
  transform: rotate(30deg);
  right: 0;
}
@media screen and (min-width: 768px) {
  #container .contact-box02 .contact-box-inner .btn {
    margin: 0 auto;
  }
}
#container .contact-box02 .contact-box-inner .btn a,
#container .contact-box02 .contact-box-inner .btn button {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 2.8rem;
  color: #fff;
  line-height: 1;
  border-radius: 500px;
  background: #FF9E51;
  width: 100%;
  max-width: 474px;
  min-height: 100px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #container .contact-box02 .contact-box-inner .btn a,
  #container .contact-box02 .contact-box-inner .btn button {
    font-size: 1.8rem;
    padding: 21px 0;
    min-height: 80px;
  }
}
#container .contact-box02 .contact-box-inner .btn a span,
#container .contact-box02 .contact-box-inner .btn button span {
  display: inline-block;
  position: relative;
}
#container .info-other {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  #container .info-other {
    margin-top: 35px;
  }
}
#container .doctor-box {
  background: #F9F4FA;
  border-radius: 25px;
  padding: 45px 60px 65px;
}
@media screen and (max-width: 767px) {
  #container .doctor-box {
    border-radius: 10px;
    padding: 22px 18px 45px;
    margin: 0 -8px;
  }
}
#container .doctor-box .min-title em {
  color: #9A6CAD;
  background: none;
}
#container .doctor-box .doctor-box-inner {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  #container .doctor-box .doctor-box-inner {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  #container .doctor-box .doctor-box-inner {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  #container .doctor-box .doctor-box-inner .img {
    width: 29.6%;
  }
}
@media screen and (min-width: 768px) {
  #container .doctor-box .doctor-box-inner .text {
    width: 70.4%;
    padding-left: 35px;
  }
}
@media screen and (max-width: 767px) {
  #container .doctor-box .doctor-box-inner .text {
    margin-top: 15px;
  }
}
#container .doctor-box .doctor-box-inner .text .t01 {
  font-size: 1.8rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  #container .doctor-box .doctor-box-inner .text .t01 {
    font-size: 1.6rem;
  }
}
#container .doctor-box .doctor-box-inner .text .dl-outer {
  margin-top: 15px;
  display: grid;
  grid-template-columns: max-content 1fr;
}
@media screen and (max-width: 767px) {
  #container .doctor-box .doctor-box-inner .text .dl-outer {
    margin-top: 10px;
  }
}
#container .doctor-box .doctor-box-inner .text dl {
  display: contents;
}
#container .doctor-box .doctor-box-inner .text dl dt,
#container .doctor-box .doctor-box-inner .text dl dd {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 2px;
}
#container .doctor-box .doctor-box-inner .text dl dd {
  padding-left: 1rem;
}
#container .doctor-box .doctor-box-inner + .doctor-box-inner {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  #container .doctor-box .doctor-box-inner + .doctor-box-inner {
    margin-top: 40px;
  }
}
#container .acc-trigger {
  cursor: pointer;
}
#container .faq-box ul li .q,
#container .faq-box ul li .a {
  padding: 21px 10px 21px 26px;
}
@media screen and (max-width: 767px) {
  #container .faq-box ul li .q,
  #container .faq-box ul li .a {
    padding: 12px 12px 12px 12px;
  }
}
#container .faq-box ul li .q p,
#container .faq-box ul li .a p {
  font-size: 1.6rem;
  position: relative;
  line-height: 1.8;
  padding-left: 45px;
}
@media screen and (max-width: 767px) {
  #container .faq-box ul li .q p,
  #container .faq-box ul li .a p {
    font-size: 1.4rem;
    padding-left: 30px;
  }
}
#container .faq-box ul li .q p::after,
#container .faq-box ul li .a p::after {
  content: "A";
  position: absolute;
  top: -2px;
  left: 0;
  line-height: 1;
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #9A6CAD;
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  #container .faq-box ul li .q p::after,
  #container .faq-box ul li .a p::after {
    font-size: 2.5rem;
    top: -1px;
  }
}
#container .faq-box ul li .q {
  background: #F9F4FA;
  border-radius: 10px;
  position: relative;
  padding-right: 38px;
}
#container .faq-box ul li .q p {
  font-weight: 600;
  padding-right: 45px;
}
@media screen and (max-width: 767px) {
  #container .faq-box ul li .q p {
    padding-right: 5px;
  }
}
#container .faq-box ul li .q p::after {
  content: "Q";
}
#container .faq-box ul li .q::after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: solid 2px #9A6CAD;
  border-right: solid 2px #9A6CAD;
  position: absolute;
  top: 45%;
  right: 38px;
  transform: rotate(135deg) translateY(50%);
}
@media screen and (max-width: 767px) {
  #container .faq-box ul li .q::after {
    width: 10px;
    height: 10px;
    right: 15px;
  }
}
#container .faq-box ul li .q.focus::after {
  top: 50%;
  transform: rotate(315deg) translateY(-50%);
}
#container .faq-box ul li .a {
  display: none;
}
@media screen and (max-width: 767px) {
  #container .faq-box ul li .a {
    padding-top: 20px;
  }
}
#container .faq-box ul li + li {
  margin-top: 20px;
}
#container #medical-info {
  padding-top: 100px;
  margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
  #container #medical-info {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 767px) {
  #container #medical-info {
    padding-top: 40px;
  }
}
#container #medical-info::before {
  background: #F9F4FA;
}
#container #medical-info .info-slide {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #container #medical-info .info-box {
    display: flex;
    flex-wrap: wrap;
  }
}
#container #medical-info .info-box .info-inner {
  position: relative;
}
@media screen and (min-width: 768px) {
  #container #medical-info .info-box .img {
    width: 44.2%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container #medical-info .info-box .img {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  #container #medical-info .info-box .text {
    width: 55.8%;
    padding-left: 83px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container #medical-info .info-box .text {
    width: 60%;
    padding-left: 40px;
  }
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box .text {
    margin-top: 45px;
  }
}
#container #medical-info .info-box .text .t01 span,
#container #medical-info .info-box .text .t02 span {
  display: block;
}
#container #medical-info .info-box .text .t01 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#container #medical-info .info-box .text .t01 span {
  width: 100%;
  font-weight: 600;
  font-size: 2.8rem;
  letter-spacing: initial;
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box .text .t01 span {
    font-size: 1.8rem;
  }
}
#container #medical-info .info-box .text .t01 span i {
  font-size: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box .text .t01 span i {
    font-size: 1.3rem;
  }
}
#container #medical-info .info-box .text .t01 .logo {
  max-width: 385px;
  margin: 0 0 15px;
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box .text .t01 .logo {
    max-width: 335px;
  }
}
#container #medical-info .info-box .text .t02 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0 0;
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box .text .t02 {
    padding: 0 4%;
  }
}
#container #medical-info .info-box .text .t02 span {
  font-weight: 400;
  font-size: 1.4rem;
  width: calc(100% - 52px);
  padding-left: 15px;
}
#container #medical-info .info-box .text .t02::before {
  background-image: url(./../images/common/icon_logo02.webp);
  width: 52px;
  height: 52px;
}
#container #medical-info .info-box .text .schedule {
  margin: 30px 0 0;
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box .text .schedule {
    margin: 20px 0 0;
  }
}
#container #medical-info .info-box .text .schedule p {
  margin-top: 11px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7;
}
#container #medical-info .info-box .text .schedule p + p {
  margin-top: 5px;
}
#container #medical-info .info-box .text .schedule p em {
  font-weight: 600;
}
#container #medical-info .info-box .text .info-btn {
  margin: 55px 0 0;
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box .text .info-btn {
    margin: 30px 0 0;
  }
}
#container #medical-info .info-box .text .info-btn > div + div {
  margin-top: 20px;
}
#container #medical-info .info-box .text .info-btn ul {
  display: grid;
  grid-template-columns: 1.5fr 2fr;
  gap: 20px 20px;
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box .text .info-btn ul {
    grid-template-columns: 1fr 1fr;
  }
}
#container #medical-info .info-box .text .info-btn ul li a,
#container #medical-info .info-box .text .info-btn ul li button {
  display: block;
  font-size: 1.4rem;
  color: #7A5A7B;
  background: #fff;
  border: 1px solid #7A5A7B;
  line-height: 1;
  border-radius: 500px;
  text-align: center;
  padding: 10px 30px;
  position: relative;
  letter-spacing: initial;
  line-height: 1.2;
  min-height: 42px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box .text .info-btn ul li a,
  #container #medical-info .info-box .text .info-btn ul li button {
    height: 40px;
    padding: 10px 25px;
  }
}
#container #medical-info .info-box .text .info-btn ul li a .rif,
#container #medical-info .info-box .text .info-btn ul li button .rif {
  line-height: 1;
  font-size: 1.4rem;
  color: #fff;
  background: #F57190;
  border-radius: 5px;
  position: absolute;
  top: -20px;
  left: 20px;
  padding: 3px 5px;
}
#container #medical-info .info-box .text .info-btn ul li a .rif i,
#container #medical-info .info-box .text .info-btn ul li button .rif i {
  font-size: 2rem;
  line-height: inherit;
  color: inherit;
}
#container #medical-info .info-box .text .info-btn ul li a::after,
#container #medical-info .info-box .text .info-btn ul li button::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 1px #7A5A7B;
  border-right: solid 1px #7A5A7B;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box .text .info-btn ul li a::after,
  #container #medical-info .info-box .text .info-btn ul li button::after {
    right: 15px;
  }
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box .text .info-btn .info-btn-front ul {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box .text .info-btn .info-btn-front ul li + li {
    margin-top: 30px;
  }
}
#container #medical-info .info-box .text .info-btn .info-btn-front ul li .ico-car {
  display: inline-block;
  position: relative;
  padding-left: 45px;
  left: -15px;
}
#container #medical-info .info-box .text .info-btn .info-btn-front ul li .ico-car::after {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/common/ico_car.svg);
  width: 35px;
  aspect-ratio: 33/25;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#container #medical-info .info-box .text .info-btn .info-btn-back ul li a,
#container #medical-info .info-box .text .info-btn .info-btn-back ul li button {
  background: #7A5A7B;
  color: #fff;
}
#container #medical-info .info-box .text .info-btn .info-btn-back ul li a::after,
#container #medical-info .info-box .text .info-btn .info-btn-back ul li button::after {
  border-color: #fff;
}
#container #medical-info .info-box .text .credit {
  margin-top: 35px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 15px 36px 13px;
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box .text .credit {
    padding: 15px 0 20px;
  }
}
#container #medical-info .info-box .text .credit p {
  text-align: center;
  font-size: 1.2rem;
  color: #666;
  margin: 0 0 12px;
}
#container #medical-info .info-box + .info-box {
  margin-top: 150px;
}
@media screen and (max-width: 767px) {
  #container #medical-info .info-box + .info-box {
    margin-top: 85px;
  }
}
#container .renew-under {
  line-height: 1.5;
}
#container .wp-list-text ul li a,
#container .wp-list-text ul li button {
  display: block;
  padding: 22px 0;
  border-top: 1px solid #707070;
}
#container .wp-list-text ul li a .front-info,
#container .wp-list-text ul li button .front-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#container .wp-list-text ul li a .front-info .category,
#container .wp-list-text ul li button .front-info .category {
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  background: #9A6CAD;
  min-width: 86px;
  padding: 6px 3px;
  text-align: center;
  margin-right: 15px;
  border-radius: 500px;
}
#container .wp-list-text ul li a .front-info .category.media,
#container .wp-list-text ul li button .front-info .category.media {
  background: #E3B142;
}
#container .wp-list-text ul li a .front-info .category.campaign,
#container .wp-list-text ul li button .front-info .category.campaign {
  background: #F761C3;
}
#container .wp-list-text ul li a .front-info .date,
#container .wp-list-text ul li button .front-info .date {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
}
#container .wp-list-text ul li a .text,
#container .wp-list-text ul li button .text {
  display: block;
  font-size: 1.4rem;
  margin-top: 12px;
  line-height: 1.7;
}
#container .wp-list-text ul li a .text em,
#container .wp-list-text ul li button .text em {
  font-weight: 600;
  display: block;
}
#container .wp-list-text ul li a .text i,
#container .wp-list-text ul li button .text i {
  display: block;
  margin-top: 3px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  #container .wp-list-text ul li a .text i,
  #container .wp-list-text ul li button .text i {
    margin-top: 10px;
  }
}
#container .wp-list-blog ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -40px -1.6%;
}
@media screen and (max-width: 767px) {
  #container .wp-list-blog ul {
    margin: 0 0 -20px -1%;
  }
}
#container .wp-list-blog ul li {
  width: 23.4%;
  margin: 0 0 40px 1.6%;
}
@media screen and (max-width: 767px) {
  #container .wp-list-blog ul li {
    width: 49%;
    margin: 0 0 20px 1%;
  }
}
#container .wp-list-blog ul li a,
#container .wp-list-blog ul li button {
  display: block;
}
#container .wp-list-blog ul li a span,
#container .wp-list-blog ul li button span {
  display: block;
}
#container .wp-list-blog ul li a figure,
#container .wp-list-blog ul li button figure {
  display: block;
  position: relative;
  overflow: hidden;
}
#container .wp-list-blog ul li a figure img,
#container .wp-list-blog ul li button figure img {
  display: block;
  width: 100%;
}
#container .wp-list-blog ul li a .front-info,
#container .wp-list-blog ul li button .front-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 11px 0 0;
}
#container .wp-list-blog ul li a .front-info .category,
#container .wp-list-blog ul li button .front-info .category {
  line-height: 1;
  font-size: 1.2rem;
  color: #fff;
  min-width: 89px;
  text-align: center;
  background: #ACA78C;
  display: block;
  padding: 6px 5px;
  border-radius: 500px;
  margin-right: 15px;
}
#container .wp-list-blog ul li a .front-info .category.kids-datsumou,
#container .wp-list-blog ul li button .front-info .category.kids-datsumou {
  background: #56CBC6;
}
#container .wp-list-blog ul li a .front-info .category.mens-datsumou,
#container .wp-list-blog ul li button .front-info .category.mens-datsumou {
  background: #497BB5;
}
#container .wp-list-blog ul li a .front-info .category.kaigo-datsumou,
#container .wp-list-blog ul li button .front-info .category.kaigo-datsumou {
  background: #CF8FEF;
}
#container .wp-list-blog ul li a .front-info .category.iryo-datsumou,
#container .wp-list-blog ul li button .front-info .category.iryo-datsumou {
  background: #F57F74;
}
#container .wp-list-blog ul li a .front-info .date,
#container .wp-list-blog ul li button .front-info .date {
  font-size: 1.4rem;
  line-height: 1;
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container .wp-list-blog ul li a .front-info .date,
  #container .wp-list-blog ul li button .front-info .date {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  #container .wp-list-blog ul li a .front-info .date,
  #container .wp-list-blog ul li button .front-info .date {
    display: none;
  }
}
#container .wp-list-blog ul li a .text,
#container .wp-list-blog ul li button .text {
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: 400;
  margin: 8px 0 0;
}
@media screen and (max-width: 767px) {
  #container .wp-list-blog ul li a .text,
  #container .wp-list-blog ul li button .text {
    padding-right: 11px;
  }
}
#container .bnr-list {
  position: relative;
}
@media screen and (max-width: 767px) {
  #container .bnr-list {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px) {
  #container .bnr-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -1.5% -1.5%;
  }
}
#container .bnr-list ul li {
  display: flex;
}
@media screen and (min-width: 768px) {
  #container .bnr-list ul li {
    width: 48.5%;
    margin: 0 0 1.5% 1.5%;
  }
}
@media screen and (max-width: 767px) {
  #container .bnr-list ul li + li {
    margin-top: 12px;
  }
}
#container .bnr-list:has(+ .more-btn) ul li:nth-child(n+5) {
  display: none;
}
#container .bnr-list + .more-btn {
  width: 100%;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #container .bnr-list + .more-btn {
    margin-top: 30px;
  }
}
#container .bnr-list + .more-btn .n-btn {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  #container .bnr-list + .more-btn .n-btn {
    transition: 0.3s all;
  }
}
#container .bnr-list + .more-btn .n-btn::after {
  transform: translateY(-65%) rotate(135deg);
}
@media screen and (min-width: 768px) {
  #container .bnr-list + .more-btn .n-btn:hover {
    opacity: 0.7;
  }
}
#container .bnr-list + .more-btn .n-btn.on em {
  display: none;
}
#container .bnr-list + .more-btn .n-btn.on::before {
  content: "閉じる";
}
#container .bnr-list + .more-btn .n-btn.on::after {
  transform: translateY(-30%) rotate(-45deg);
}
#container .c-body {
  position: relative;
  margin-bottom: 100px;
}
@media screen and (min-width: 768px) {
  #container .c-body {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) {
  #container .c-body {
    margin-bottom: 45px;
  }
}
#container .c-body.mv-margin {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  #container .c-body.mv-margin {
    margin-bottom: 30px;
  }
}
#container .c-body .c-body-inner {
  position: relative;
  margin: 0 auto;
}
#container .c-body .c-body-inner.base {
  max-width: 1236px;
}
#container .c-body .c-body-inner.base .c-inner {
  padding: 0 18px;
}
#container .c-body .c-body-inner.base.pd0 {
  padding-top: 0;
}
#container .c-body .c-body-inner .contents-box-outer.mt {
  margin-top: 50px !important;
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .contents-box-outer.mt {
    margin-top: 20px !important;
  }
}
#container .c-body .c-body-inner .contents-box-outer + .contents-box-outer {
  margin-top: 110px;
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .contents-box-outer + .contents-box-outer {
    margin-top: 60px;
  }
}
#container .c-body .c-body-inner .detail-box-outer .detail-box-inner {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .detail-box-outer .detail-box-inner {
    margin-top: 25px;
  }
}
#container .c-body .c-body-inner .detail-box-outer + .detail-box-outer {
  margin-top: 85px;
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .detail-box-outer + .detail-box-outer {
    margin-top: 40px;
  }
}
#container .c-body .c-body-inner .table-outer table {
  text-align: center;
}
#container .c-body .c-body-inner .table-outer table.border {
  border: 2px solid #9A6CAD;
}
#container .c-body .c-body-inner .table-outer table .color {
  color: #9A6CAD !important;
}
#container .c-body .c-body-inner .table-outer table tr .through {
  text-decoration: line-through;
}
#container .c-body .c-body-inner .table-outer table tr th,
#container .c-body .c-body-inner .table-outer table tr td {
  position: relative;
  border: 1px solid #C4C4C4;
  text-align: center;
  width: 50%;
  vertical-align: middle;
  line-height: 1.3;
  font-size: 1.6rem;
  background: #fff;
}
@media screen and (min-width: 768px) {
  #container .c-body .c-body-inner .table-outer table tr th,
  #container .c-body .c-body-inner .table-outer table tr td {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .table-outer table tr th,
  #container .c-body .c-body-inner .table-outer table tr td {
    font-size: 1.4rem;
  }
}
#container .c-body .c-body-inner .table-outer table tr th {
  background: #F9F4FA;
  padding: 11px 5px;
}
#container .c-body .c-body-inner .table-outer table tr th i {
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .table-outer table tr th .sub {
    font-size: 1.2rem;
  }
}
#container .c-body .c-body-inner .table-outer table tr th .recm {
  display: inline-block;
  position: relative;
}
#container .c-body .c-body-inner .table-outer table tr th .recm::before {
  content: "";
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/price/icon_fukidashi.webp);
  width: 115px;
  height: 33px;
  position: absolute;
  top: -31px;
  left: -30px;
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .table-outer table tr th .recm::before {
    top: -30px;
    left: -25px;
  }
}
#container .c-body .c-body-inner .table-outer table tr td {
  padding: 23px 5px;
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .table-outer table tr td {
    padding: 9px 9px;
  }
}
#container .c-body .c-body-inner .table-outer table tr td .sub {
  font-size: 1.2rem;
}
#container .c-body .c-body-inner .table-outer table tr td div:not(.bbk) .sub + .pm {
  font-size: 1.2rem;
  color: #333;
  font-weight: 500;
}
#container .c-body .c-body-inner .table-outer table tr td em.b {
  background: repeating-linear-gradient(-45deg, #FEFEA2, #FEFEA2 2px, transparent 2px, transparent 4px) no-repeat 0 0.75em !important;
  font-weight: 600;
}
#container .c-body .c-body-inner .table-outer table tr .brake {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .table-outer table tr .brake {
    display: block;
  }
}
#container .c-body .c-body-inner .table-outer table tr .bbk {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #container .c-body .c-body-inner .table-outer table tr .bbk {
    padding: 0 7px;
  }
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .table-outer table tr .bbk {
    display: block;
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .table-outer table tr .bbk.center {
    text-align: center;
  }
}
#container .c-body .c-body-inner .table-outer table tr .bbk + .bbk {
  margin-top: 2px;
}
@media screen and (min-width: 768px) {
  #container .c-body .c-body-inner .table-outer table tr .bbk.mr0 {
    padding-right: 0;
  }
}
#container .c-body .c-body-inner .table-outer table tr .pm {
  font-size: 1.6rem;
  font-weight: 700;
  color: #9A6CAD;
}
@media screen and (min-width: 768px) {
  #container .c-body .c-body-inner .table-outer table tr .pm {
    font-size: 2.4rem;
  }
}
#container .c-body .c-body-inner .table-outer table tr .pm::after {
  content: "円";
  font-size: 1.2rem;
  font-weight: inherit;
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .table-outer table tr.capmaign td .bbk {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  #container .c-body .c-body-inner .table-outer table tr.capmaign td:nth-child(1) {
    padding-left: 145px;
    padding-right: 145px;
  }
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .table-outer table tr.capmaign td:nth-child(1) {
    padding-top: 20px;
  }
}
#container .c-body .c-body-inner .table-outer table tr.capmaign td:nth-child(1)::after {
  content: "キャンペーン中";
  display: inline-block;
  font-size: 1.2rem;
  color: #FFF84E;
  background: #9A6CAD;
  line-height: 1;
  text-align: center;
  font-weight: 500;
  padding: 5px 0px;
  width: 96px;
  border-radius: 3px;
  letter-spacing: normal;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #container .c-body .c-body-inner .table-outer table tr.capmaign td:nth-child(1)::after {
    top: 50%;
    left: 27px;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .table-outer table tr.capmaign td:nth-child(1)::after {
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    padding: 3px 0;
  }
}
#container .c-body .c-body-inner .table-outer table + table {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .table-outer table + table {
    margin-top: 25px;
  }
}
#container .c-body .c-body-inner .table-outer p {
  font-size: 1.4rem;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  #container .c-body .c-body-inner .table-outer p {
    line-height: 1.6;
  }
}
#container .c-body.bg {
  /*
  padding-top: 65px;
  padding-bottom: 70px;
  */
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #container .c-body.bg {
    padding-top: 45px;
    padding-bottom: 60px;
  }
}
#container .c-body.bg::before, #container .c-body.bg::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#container .c-body.bg::before {
  z-index: -2;
}
#container .c-body.bg::after {
  border-radius: 25px 25px 0 0;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  #container .c-body.bg::after {
    border-radius: 50px 50px 0 0;
  }
}
#container .c-body.bg.gray::before {
  background: #FAFAFA;
}
#container .c-body.bg.gray .text-box .text-box-inner .title {
  background: #E5DBEA;
}
#container .c-body.bg.purple::before {
  background: #F9F4FA;
}
#container #wrapper {
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  #container #wrapper {
    padding-top: 15px;
  }
}
#container #wrapper #reason {
  padding-top: 100px;
  padding-bottom: 100px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #container #wrapper #reason {
    padding-top: 60px;
    padding-bottom: 45px;
  }
}
#container #wrapper #reason .promise {
  position: relative;
  text-align: center;
  padding: 30px 80px 40px;
  margin: 65px 0 30px;
}
@media screen and (max-width: 767px) {
  #container #wrapper #reason .promise {
    padding: 30px 20px 40px;
    margin: 50px 0 30px;
  }
}
#container #wrapper #reason .promise .t01 {
  display: inline-block;
  font-size: 3.2rem;
  border-bottom: 1px solid #9A6CAD;
  padding: 0 0 10px;
  margin: 0 0 40px;
}
@media screen and (max-width: 767px) {
  #container #wrapper #reason .promise .t01 {
    font-size: 2.2rem;
    margin: 0 0 30px;
  }
}
#container #wrapper #reason .promise ul {
  text-align: left;
  counter-reset: promise_num;
}
#container #wrapper #reason .promise ul li {
  font-size: 2.4rem;
  position: relative;
  padding-left: 1.4em;
}
@media screen and (max-width: 767px) {
  #container #wrapper #reason .promise ul li {
    font-size: 1.6rem;
  }
}
#container #wrapper #reason .promise ul li em {
  color: #9A6CAD;
  font-weight: 700;
}
#container #wrapper #reason .promise ul li::before {
  counter-increment: promise_num;
  content: counter(promise_num) ".";
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #9A6CAD;
}
#container #wrapper #reason .promise ul li + li {
  margin-top: 15px;
}
#container #wrapper #reason .promise::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #fff1f1 10%, #eae9f7 90%);
  opacity: 0.7;
  z-index: -1;
}
#container #wrapper .btn-list-flex {
  margin: 60px auto 0;
}
@media screen and (max-width: 767px) {
  #container #wrapper .btn-list-flex {
    margin: 23px auto 0;
  }
}
#container #wrapper .btn-list-flex ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -23px -1.5%;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #container #wrapper .btn-list-flex ul {
    margin: 0 0 -14px -3%;
  }
}
#container #wrapper .btn-list-flex ul li {
  width: 18.5%;
  margin: 0 0 23px 1.5%;
}
@media screen and (max-width: 767px) {
  #container #wrapper .btn-list-flex ul li {
    width: 47%;
    margin: 0 0 14px 3%;
  }
}
#container #wrapper.index #mv-contents .swiper-slide a,
#container #wrapper.index #mv-contents .swiper-slide button {
  display: block;
}
#container #wrapper.index #mv-contents .swiper-slide figure {
  display: block;
  overflow: hidden;
  border-radius: 11px;
}
@media screen and (min-width: 768px) {
  #container #wrapper.index #mv-contents .swiper-pagination {
    margin: 30px 0 0;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.index #mv-contents .swiper-pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
  }
}
#container #wrapper.index #mv-contents .mv-fade-slide {
  overflow: hidden;
}
#container #wrapper.index #mv-contents .mv-fade-slide.swiper-container-initialized + .float-img {
  opacity: 1 !important;
  visibility: visible !important;
}
#container #wrapper.index #mv-contents .index-mv-inner {
  position: relative;
}
#container #wrapper.index #mv-contents .index-mv-inner .float-img {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  max-width: 1200px;
  width: 100%;
  padding: 0 4%;
}
@media screen and (max-width: 767px) {
  #container #wrapper.index #mv-contents .index-mv-inner .float-img {
    padding: 0 7%;
  }
}
#container #wrapper.index #mv-contents .index-mv-inner .float-img img {
  display: block;
  margin-inline: auto;
  max-width: 688px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.index #mv-contents .index-mv-inner .float-img img {
    max-width: 348px;
  }
}
#container #wrapper.index #mv-contents .index-mv-inner + .index-mv-inner {
  margin-top: 63px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.index #mv-contents .index-mv-inner + .index-mv-inner {
    margin-top: 43px;
  }
}
#container #wrapper.index #mv-contents .mv-fade-slide .swiper-slide-active .swiper-img,
#container #wrapper.index #mv-contents .mv-fade-slide .swiper-slide-duplicate-active .swiper-img,
#container #wrapper.index #mv-contents .mv-fade-slide .swiper-slide-prev .swiper-img {
  animation: zoomUpAnimation 12s linear infinite;
}
@keyframes zoomUpAnimation {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
    backface-visibility: hidden;
  }
}
#container #wrapper.index #news-area {
  z-index: 1;
}
#container #wrapper.index #news-area .wp-list-text {
  padding: 55px 120px 35px;
  background: #fff;
  border-radius: 35px;
  position: relative;
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container #wrapper.index #news-area .wp-list-text {
    padding: 55px 60px 35px;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.index #news-area .wp-list-text {
    padding: 30px 10px 30px;
    border-radius: 15px;
  }
}
#container #wrapper.index #case .wp-list-blog ul li a .front-info .category {
  border: 1px solid #9A6CAD;
  color: #9A6CAD;
  background: #fff;
}
#container #wrapper.index #monitors::before {
  background: linear-gradient(90deg, rgb(253, 240, 242) 0%, rgb(243, 237, 245) 50%, rgb(235, 234, 247) 100%);
}
@media screen and (min-width: 768px) {
  #container #wrapper.index #monitors .m-title .n-btn {
    padding: 0 35px 0 25px;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.index #monitors .monitors-slide {
    width: 81.5%;
    margin: 40px auto 0;
  }
}
#container #wrapper.index #monitors .swiper-pagination {
  margin: 30px 0 0;
}
@media screen and (min-width: 768px) {
  #container #wrapper.index #monitors .swiper-pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
  }
}
#container #wrapper.index #monitors + #column::before {
  display: none !important;
}
#container #wrapper.index .campaign-contents {
  margin-top: 170px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.index .campaign-contents {
    margin-top: 50px;
    margin-bottom: 20vw;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.index .campaign-contents .in {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container #wrapper.index .campaign-contents .in {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.index .campaign-contents .in .img {
    flex: 1;
    margin-left: calc(50% - 50vw);
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container #wrapper.index .campaign-contents .in .img {
    margin: 0 calc(50% - 50vw);
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.index .campaign-contents .in .img {
    margin: 0 calc(50% - 50vw);
  }
}
#container #wrapper.index .campaign-contents .in .img figure {
  display: block;
}
@media screen and (min-width: 768px) {
  #container #wrapper.index .campaign-contents .in .img figure {
    border-radius: 0 35px 35px 0;
    overflow: hidden;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container #wrapper.index .campaign-contents .in .img figure {
    border-radius: 0 0 0 0;
  }
}
#container #wrapper.index .campaign-contents .in .img figure img {
  max-height: 562px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container #wrapper.index .campaign-contents .in .img figure img {
    max-height: 340px;
  }
}
#container #wrapper.index .campaign-contents .in .text {
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  #container #wrapper.index .campaign-contents .in .text {
    width: 46.4%;
    padding-left: 35px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1250px) {
  #container #wrapper.index .campaign-contents .in .text {
    width: 50%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container #wrapper.index .campaign-contents .in .text {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.index .campaign-contents .in .text {
    margin-top: 25px;
  }
}
#container #wrapper.index .campaign-contents .in .text .title {
  font-size: 3.2rem;
  font-weight: 600;
  color: #9A6CAD;
  margin-right: -40px;
  position: relative;
  padding-top: 250px;
  z-index: 1;
}
@media only screen and (min-width: 767px) and (max-width: 1250px) {
  #container #wrapper.index .campaign-contents .in .text .title {
    margin-right: 0px;
    padding-top: 180px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container #wrapper.index .campaign-contents .in .text .title {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.index .campaign-contents .in .text .title {
    font-size: 2.4rem;
    margin: 0 0 0;
    padding-top: 145px;
  }
}
#container #wrapper.index .campaign-contents .in .text .title span {
  display: inline;
  background: linear-gradient(transparent 70%, #FFF84E 0%);
}
#container #wrapper.index .campaign-contents .in .text .title::after {
  content: "";
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/common/icon_logo.webp);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 202px;
  height: 203px;
}
@media only screen and (min-width: 767px) and (max-width: 1250px) {
  #container #wrapper.index .campaign-contents .in .text .title::after {
    width: 152px;
    height: 153px;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.index .campaign-contents .in .text .title::after {
    width: 120px;
    height: 120px;
  }
}
#container #wrapper.index .campaign-contents .in .text p {
  font-size: 2.2rem;
  font-weight: 400;
  margin-top: 25px;
  margin-right: -40px;
  line-height: 1.6;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 767px) and (max-width: 1250px) {
  #container #wrapper.index .campaign-contents .in .text p {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container #wrapper.index .campaign-contents .in .text p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.index .campaign-contents .in .text p {
    font-size: 1.6rem;
    margin: 15px 0 0;
  }
}
#container #wrapper.index .campaign-contents .in .text p em {
  font-weight: 600;
}
#container #wrapper.index .campaign-contents .in .text::after {
  content: "";
  display: block;
  width: 666px;
  height: 666px;
  border-radius: 666px;
  background: #fff;
  position: absolute;
  top: 45%;
  left: 56.5%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
}
@media only screen and (min-width: 767px) and (max-width: 1250px) {
  #container #wrapper.index .campaign-contents .in .text::after {
    width: 616px;
    height: 616px;
    top: 56%;
    left: 53%;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.index .campaign-contents .in .text::after {
    width: 110vw;
    height: auto;
    border-radius: 1000px;
    top: 60%;
    left: 50%;
    aspect-ratio: 1;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.menu .c-body.bg {
    padding-top: 65px;
    padding-bottom: 70px;
  }
}
#container #wrapper.menu .img-single {
  max-width: 740px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu .img-single.sp-wide {
    margin: -20px -10px 0;
  }
}
#container #wrapper.menu .btn-list {
  margin: 80px auto 0;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu .btn-list {
    margin: 30px auto 0;
  }
}
#container #wrapper.menu .btn-list ul {
  /*
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 23px 40px;
  @include sp() {
  grid-template-columns: 1fr 1fr;
  gap: 14px 9px;
  }
  */
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -23px -1.5%;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu .btn-list ul {
    margin: 0 0 -14px -3%;
  }
}
#container #wrapper.menu .btn-list ul li {
  /*
  width: 21.5%;
  margin: 0 0 23px 3.5%;
  */
  width: 18.5%;
  margin: 0 0 23px 1.5%;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu .btn-list ul li {
    width: 47%;
    margin: 0 0 14px 3%;
  }
}
#container #wrapper.menu #point::before {
  background: #F9F4FA;
}
#container #wrapper.menu #point .min-title em {
  color: #9A6CAD;
  background: none;
}
#container #wrapper.menu #point .onayami-box {
  margin-top: 75px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #point .onayami-box {
    margin-top: 45px;
  }
}
#container #wrapper.menu #point .onayami-box .title {
  font-size: 2.2rem;
  position: static;
  transform: none;
  display: block;
  text-align: center;
  height: auto;
  margin: 0 0 20px;
  background: no-repeat;
  color: #333;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #point .onayami-box .title {
    font-size: 1.6rem;
    margin: 0 0 15px;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #point .onayami-box .title.sp-mb {
    margin-bottom: 25px;
  }
}
#container #wrapper.menu #point .onayami-box .title span {
  display: inline-block;
  line-height: 1;
  position: relative;
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #point .onayami-box .title span {
    padding: 0 15px;
  }
}
#container #wrapper.menu #point .onayami-box .title span::before, #container #wrapper.menu #point .onayami-box .title span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 1px;
  height: 30px;
  background: #333;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #point .onayami-box .title span::before, #container #wrapper.menu #point .onayami-box .title span::after {
    height: 25px;
  }
}
#container #wrapper.menu #point .onayami-box .title span::before {
  transform: rotate(-30deg);
  left: 0;
}
#container #wrapper.menu #point .onayami-box .title span::after {
  transform: rotate(30deg);
  right: 0;
}
#container #wrapper.menu #point .onayami-box .title::after {
  display: none !important;
  /*
  top: 33px;
  left: 50%;
  @include sp() {
  top: 17px;
  left: 40%;
  }
  */
}
#container #wrapper.menu #point .onayami-box .chk-list-outer {
  border: 1px solid #9A6CAD;
  padding: 40px 25px 40px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #point .onayami-box .chk-list-outer {
    padding: 20px 10px 20px 15px;
    border-radius: 7px;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.menu #point .onayami-box .chk-list-outer ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -15px -3%;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.menu #point .onayami-box .chk-list-outer ul li {
    width: 47%;
    margin: 0 0 15px 3%;
  }
}
#container #wrapper.menu #point .onayami-box .chk-list-outer ul li p {
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #point .onayami-box .chk-list-outer ul li p {
    font-size: 1.4rem;
  }
}
#container #wrapper.menu #point .onayami-box .chk-list-outer ul li p::after {
  top: 0.3rem;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #point .onayami-box .chk-list-outer ul li p::after {
    top: 0px;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #point .onayami-box .chk-list-outer ul li + li {
    margin-top: 10px;
  }
}
#container #wrapper.menu #nintei {
  padding-bottom: 65px;
}
#container #wrapper.menu #nintei .min-title {
  margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #nintei .min-title {
    margin-bottom: 20px;
  }
}
#container #wrapper.menu #nintei .min-title em {
  color: #9A6CAD;
  background: none;
}
@media screen and (min-width: 768px) {
  #container #wrapper.menu #nintei .sub-title {
    line-height: 1.65;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.menu #nintei .lead {
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #nintei .lead {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.menu #nintei .box-normal .in-box > div {
    width: 48%;
    margin: 0 0 0 2%;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.menu #nintei .box-normal .in-box .back-box {
    width: 45%;
    margin: 0 0 0 5%;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #nintei .box-normal .in-box .back-box {
    padding-left: 15%;
  }
}
#container #wrapper.menu #parts .contact-box .contact-box-inner {
  border: 1px solid #707070;
}
#container #wrapper.menu #parts-menu {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #parts-menu {
    margin-top: 50px;
  }
}
#container #wrapper.menu #parts-menu .pm-title {
  font-size: 2.4rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #parts-menu .pm-title {
    font-size: 1.8rem;
  }
}
#container #wrapper.menu #parts-menu .parts-menu-outer {
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #parts-menu .parts-menu-outer {
    margin-top: 15px;
  }
}
#container #wrapper.menu #parts-menu .parts-menu-outer {
  position: relative;
  height: 580px;
  overflow: hidden;
  transition: 0.4s;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  #container #wrapper.menu #parts-menu .parts-menu-outer {
    height: 400px;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #parts-menu .parts-menu-outer {
    height: 140vw;
  }
}
#container #wrapper.menu #parts-menu .parts-menu-outer::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 200px;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 100%);
  transition: 0.4s;
}
#container #wrapper.menu #parts-menu .parts-menu-outer.active::before {
  opacity: 0;
  visibility: hidden;
}
#container #wrapper.menu #parts-menu .parts-menu-outer .more-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#container #wrapper.menu #parts-menu .parts-menu-outer .more-btn .n-btn {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  #container #wrapper.menu #parts-menu .parts-menu-outer .more-btn .n-btn {
    transition: 0.3s all;
  }
}
#container #wrapper.menu #parts-menu .parts-menu-outer .more-btn .n-btn::after {
  transform: translateY(-65%) rotate(135deg);
}
@media screen and (min-width: 768px) {
  #container #wrapper.menu #parts-menu .parts-menu-outer .more-btn .n-btn:hover {
    opacity: 0.7;
  }
}
#container #wrapper.menu #parts-menu .parts-menu-inner ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #parts-menu .parts-menu-inner ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 13px;
  }
}
#container #wrapper.menu #parts-menu .parts-menu-inner ul li {
  border: 1px solid #707070;
}
#container #wrapper.menu #detail-area .box-normal + .box-normal {
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #detail-area .box-normal + .box-normal {
    margin-top: 40px;
  }
}
#container #wrapper.menu.detail #reason::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #707070;
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 1200px;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu.detail #reason::after {
    width: calc(100% - 36px);
  }
}
#container #wrapper.menu.detail #mv-contents {
  margin-bottom: 85px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu.detail #mv-contents {
    margin-bottom: 26px;
  }
}
#container #wrapper.menu #expert .expert-box {
  margin: 40px 0 30px;
}
@media screen and (min-width: 768px) {
  #container #wrapper.menu #expert .expert-box {
    align-items: flex-end;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #expert .expert-box {
    margin: 25px 0 40px;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.menu #expert .expert-box .expert-img {
    max-width: 360px;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #expert .expert-box .expert-img {
    margin: 0 72px 0 -18px;
  }
}
#container #wrapper.menu #expert .expert-box .expert-text {
  position: relative;
}
@media screen and (min-width: 768px) {
  #container #wrapper.menu #expert .expert-box .expert-text {
    margin: 0 0 66px;
    left: -14px;
    width: calc(100% - 356px);
    max-width: 756px;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #expert .expert-box .expert-text {
    margin: -80px -18px 0 30px;
  }
}
#container #wrapper.menu #expert #dec-expert01 {
  top: 55%;
  left: -15%;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #expert #dec-expert01 {
    top: 70%;
    left: -35%;
    width: 434px;
    height: 434px;
  }
}
#container #wrapper.menu #expert #dec-expert02 {
  top: 11%;
  right: -6%;
}
@media screen and (min-width: 768px) {
  #container #wrapper.menu #expert #dec-expert02 {
    width: 478px;
    height: 478px;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #expert #dec-expert02 {
    top: 1%;
    right: -25%;
  }
}
#container #wrapper.menu #float_parts_btn {
  position: fixed;
  aspect-ratio: 158/165;
  width: 176px;
  top: 475px;
  right: -45px;
  transition: 0.3s all;
}
@media screen and (max-width: 767px) {
  #container #wrapper.menu #float_parts_btn {
    width: 130px;
    top: auto;
    right: -35px;
    bottom: 125px;
  }
}
#container #wrapper.menu #float_parts_btn a,
#container #wrapper.menu #float_parts_btn button {
  display: block;
}
#container #wrapper.menu #float_parts_btn.none {
  transform: translateX(100%);
}
#container #wrapper.device #mv-contents {
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.device #mv-contents {
    margin-bottom: 35px;
  }
}
#container #wrapper.device #mv-contents .mv-img {
  position: relative;
}
@media screen and (max-width: 767px) {
  #container #wrapper.device #mv-contents .mv-img {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.device #mv-contents .mv-img::after {
    content: "";
    display: block;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: url(./../images/device/bg_mv.webp);
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: -1;
    margin: 0 calc(50% - 50vw);
  }
}
#container #wrapper.device #mv-contents .mv-text {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.device #mv-contents .mv-text {
    margin-top: 25px;
  }
}
#container #wrapper.device #mv-contents .mv-text .t01 {
  font-size: 1.8rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  #container #wrapper.device #mv-contents .mv-text .t01 {
    font-size: 1.6rem;
  }
}
#container #wrapper.device #mv-contents .mv-text .t02 {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
  margin-top: 7px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.device #mv-contents .mv-text .t02 {
    margin-top: 10px;
  }
}
#container #wrapper.device #mv-contents .mv-text .t02 em {
  background: linear-gradient(transparent 0%, #FFF84E 0%);
  display: inline;
}
#container #wrapper.device #point {
  counter-reset: number 0;
}
#container #wrapper.device #point .m-title {
  margin-bottom: 85px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.device #point .m-title {
    margin-bottom: 75px;
  }
}
#container #wrapper.device #point .min-title::after {
  counter-increment: number 1;
  content: counter(number);
  position: absolute;
  top: -50px;
  left: 0;
  line-height: 1;
  font-size: 12rem;
  z-index: -1;
  color: #E5DBEA;
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #container #wrapper.device #point .min-title::after {
    font-size: 10rem;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.device #point .box-normal + .box-normal {
    margin-top: 70px;
  }
}
#container #wrapper.device #point .float-dec#dec-point01 {
  top: 55%;
  left: -20%;
}
@media screen and (max-width: 767px) {
  #container #wrapper.device #point .float-dec#dec-point01 {
    top: 40%;
    left: -30%;
  }
}
#container #wrapper.device #point .float-dec#dec-point02 {
  top: 11%;
  right: -10%;
}
@media screen and (max-width: 767px) {
  #container #wrapper.device #point .float-dec#dec-point02 {
    top: 1%;
    right: -25%;
  }
}
#container #wrapper.device #product {
  z-index: 1;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.device #product .m-title {
    margin-bottom: 15px;
  }
}
#container #wrapper.device .fda-img {
  max-width: 252px;
  margin: 15px 0 0;
}
@media screen and (max-width: 767px) {
  #container #wrapper.device .fda-img {
    margin: 5px 0 0;
  }
}
#container #faq-body .bd-title-outer {
  margin-bottom: -25px;
}
@media screen and (max-width: 767px) {
  #container #faq-body .bd-title-outer {
    margin-bottom: 0;
  }
}
#container #wrapper.price .btn-outer {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.price .btn-outer {
    margin-top: 15px;
  }
}
#container #wrapper.price .btn-outer .n-btn {
  padding: 0 35px 0 25px;
  letter-spacing: normal;
}
@media screen and (max-width: 767px) {
  #container #wrapper.price .btn_part_pdf {
    margin: 25px auto 45px;
  }
}
#container #wrapper.clinic #reason {
  overflow: hidden;
}
#container #wrapper.clinic #reason #dec-reason01 {
  top: auto;
  bottom: -30%;
  left: auto;
  right: -15%;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #reason #dec-reason01 {
    bottom: -8%;
    right: -45%;
  }
}
#container #wrapper.clinic #clinic-front .text-body {
  text-align: center;
  padding: 50px 0;
}
#container #wrapper.clinic #clinic-front .text-body .mid-text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  /*
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url(./../images/clinic/top/dec.webp);
  */
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.6;
  margin: 0 0 25px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #clinic-front .text-body .mid-text {
    font-size: 1.6rem;
    margin: 0 0 10px;
    padding: 20px 0;
  }
}
#container #wrapper.clinic #clinic-front .text-body .mid-text em {
  color: #9A6CAD;
  background: linear-gradient(transparent 70%, #FFF84E 0%);
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #clinic-front .text-body .mid-text em {
    font-size: 2.4rem;
  }
}
#container #wrapper.clinic #clinic-front .text-body .mid-text i {
  display: block;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #clinic-front .text-body .mid-text i {
    margin: 13px 0 0;
  }
}
#container #wrapper.clinic #clinic-front .text-body .logo {
  max-width: 121px;
  margin-inline: auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #clinic-front .text-body .logo {
    margin-bottom: 20px;
    max-width: 80px;
  }
}
#container #wrapper.clinic #clinic-front .text-body .normal {
  font-size: 1.8rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #clinic-front .text-body .normal {
    font-size: 1.6rem;
  }
}
#container #wrapper.clinic #clinic-front .text-body .min {
  font-size: 1.4rem;
  margin: 22px 0 0;
  line-height: 2.2;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #clinic-front .text-body .min {
    line-height: 1.7;
    text-align: left;
    margin: 20px 0 0;
  }
}
#container #wrapper.clinic #clinic-front .text-body .min em {
  font-size: 1.8rem;
  color: #9A6CAD;
  font-weight: 500;
}
#container #wrapper.clinic #clinic-front #dec-clinic-front01 {
  top: 40%;
  left: -15%;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #clinic-front #dec-clinic-front01 {
    top: 60%;
    left: -25%;
  }
}
#container #wrapper.clinic #clinic-slide {
  margin-bottom: 25px;
}
#container #wrapper.clinic #clinic-slide .loop-slide-outer {
  position: relative;
}
#container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text {
  background: #fff;
  text-align: center;
  padding: 75px 58px 90px;
}
@media screen and (min-width: 768px) {
  #container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text {
    position: absolute;
    top: -15px;
    right: 45px;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text {
    width: 89%;
    margin: -25% auto 0;
    position: relative;
    z-index: 1;
    padding: 25px 25px 0;
  }
}
#container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text .float-text-inner .t01 {
  font-size: 3.4rem;
  color: #9A6CAD;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text .float-text-inner .t01 {
    font-size: 2.4rem;
  }
}
#container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text .float-text-inner .t01 span {
  display: inline-block;
  position: relative;
  padding: 10px 30px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text .float-text-inner .t01 span {
    padding: 10px 20px;
  }
}
#container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text .float-text-inner .t01 span::before, #container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text .float-text-inner .t01 span::after {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/clinic/top/dec00.webp);
  position: absolute;
  width: 21px;
  height: 31px;
}
#container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text .float-text-inner .t01 span::before {
  top: 0;
  left: 0;
}
#container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text .float-text-inner .t01 span::after {
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}
#container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text .float-text-inner .t02 {
  font-size: 2rem;
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text .float-text-inner .t02 {
    font-size: 1.6rem;
    margin-top: 15px;
  }
}
#container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text .float-text-inner .t02 em {
  font-weight: 600;
}
#container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text .float-text-inner .t03 {
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 15px;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #clinic-slide .loop-slide-outer .float-text .float-text-inner .t03 {
    margin: 15px -20px 0;
  }
}
#container #wrapper.clinic #clinic-slide #clinic-swiper {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
@media screen and (min-width: 768px) {
  #container #wrapper.clinic #clinic-payment {
    position: relative;
    z-index: 1;
  }
}
#container #wrapper.clinic #clinic-equipment .btn-outer {
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  #container #wrapper.clinic #clinic-equipment .grid-list.half ul li {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.clinic .medical-access .access-outer {
    padding: 0 125px;
  }
}
#container #wrapper.clinic .medical-access .access-inner {
  position: relative;
  z-index: 1;
}
#container #wrapper.clinic .medical-access .access-inner .access-head {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 50px;
}
@media screen and (min-width: 768px) {
  #container #wrapper.clinic .medical-access .access-inner .access-head {
    padding-left: 63px;
  }
}
#container #wrapper.clinic .medical-access .access-inner .access-title {
  font-size: 2.8rem;
  font-weight: 700;
}
#container #wrapper.clinic .medical-access .access-inner .access-title i {
  font-size: 1.4rem;
  font-weight: 400;
}
#container #wrapper.clinic .medical-access .access-inner .access-lead {
  margin-top: 20px;
  font-size: 1.4rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #container #wrapper.clinic .medical-access .access-inner .access-flex {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container #wrapper.clinic .medical-access .access-inner .access-flex {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area {
    width: calc(100% - 493px);
    padding-right: 73px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area {
    padding: 0 7.5px 30px;
  }
}
#container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area .btn-area-inner {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area .btn-area-inner {
    max-width: 324px;
    margin: 0 0 0 auto;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area .btn-area-inner {
    margin: 0 auto 30px;
  }
}
#container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area .btn-area-inner .normal {
  font-size: 1.4rem;
  margin-top: 25px;
}
#container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area .btn-area-inner .btn-outer + .btn-outer {
  margin-top: 40px;
}
#container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area .btn-area-inner .btn-outer + .btn-outer.min {
  margin-top: 20px;
}
#container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area .btn-area-inner .btn-outer .n-btn {
  border: 1px solid #7A5A7B;
  color: #7A5A7B !important;
  background: #fff;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area .btn-area-inner .btn-outer .n-btn {
    max-width: 100%;
    font-size: 1.4rem;
  }
}
#container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area .btn-area-inner .btn-outer .n-btn .ico-car {
  display: inline-block;
  position: relative;
  padding-left: 45px;
  left: -15px;
}
#container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area .btn-area-inner .btn-outer .n-btn .ico-car::after {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/common/ico_car.svg);
  width: 35px;
  aspect-ratio: 33/25;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area .btn-area-inner .btn-outer .n-btn::after {
  border-color: #7A5A7B;
}
#container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area .fukidashi {
  position: relative;
  padding: 5px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  background-color: #9A6CAD;
  margin: 0 0 17px;
}
#container #wrapper.clinic .medical-access .access-inner .access-flex .btn-area .fukidashi::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 40px;
  bottom: -12px;
  border-right: 12px solid #9A6CAD;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  transform: rotate(120deg);
}
@media screen and (min-width: 768px) {
  #container #wrapper.clinic .medical-access .access-inner .access-flex .img-area {
    width: 493px;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1000px) {
  #container #wrapper.clinic .medical-access .access-inner .access-flex .img-area {
    margin: 0 auto;
  }
}
#container #wrapper.clinic .medical-access .access-inner .access-flex .img-area figcaption {
  line-height: 1.6rem;
  font-size: 1.4rem;
  margin: 10px 0 0;
  font-weight: 600;
}
#container #wrapper.clinic .medical-access .map-outer {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50%;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic .medical-access .map-outer {
    padding-top: 87%;
  }
}
#container #wrapper.clinic .medical-access .map-outer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#container #wrapper.clinic .medical-access .info-access-shop {
  margin-top: 95px;
  max-width: 589px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic .medical-access .info-access-shop {
    margin-top: 50px;
  }
}
#container #wrapper.clinic .medical-access .info-access-shop .sub {
  margin-top: 8px;
  font-size: 1.4rem;
}
#container #wrapper.clinic .medical-access .info-access-shop .img {
  margin-top: 50px;
}
#container #wrapper.clinic .medical-access #dec-medical-access01 {
  top: -50%;
  left: -22%;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic .medical-access #dec-medical-access01 {
    top: -25%;
    left: -40%;
  }
}
#container #wrapper.clinic .medical-access #dec-medical-access02 {
  top: 55%;
  right: -10%;
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic .medical-access #dec-medical-access02 {
    display: none;
  }
}
#container #wrapper.clinic #clinic-footer .contact-box .contact-box-inner {
  border: 1px solid #707070;
}
#container #wrapper.clinic #medical-info {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #container #wrapper.clinic #medical-info {
    padding-bottom: 55px;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.clinic #medical-info .info-box {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #medical-info .info-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.clinic #medical-info .info-box .info-inner {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.clinic #medical-info .info-box .info-inner.img {
    width: 49.5%;
    padding-left: 86px;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.clinic #medical-info .info-box .info-inner.text {
    padding-left: 20px;
    width: 50.5%;
  }
}
#container #wrapper.clinic #medical-info .info-box .info-inner.text .schedule picture {
  margin-top: 25px;
}
#container #wrapper.doctor .c-body.bg {
  position: relative;
  z-index: 1;
}
#container #wrapper.doctor .c-body.bg .text-box .text-box-inner .title {
  background: #fff;
}
#container #wrapper.doctor .c-body.bg .career-box {
  background: #fff !important;
}
#container #wrapper.doctor .doctor-list {
  margin: 85px 0 0;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .doctor-list {
    margin: 25px 0 0;
  }
}
#container #wrapper.doctor .doctor-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px 38px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .doctor-list ul {
    grid-template-columns: repeat(auto-fit, 27.11vw);
    gap: 30px 20px;
  }
}
#container #wrapper.doctor .doctor-list ul li {
  width: calc(20% - 38px);
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .doctor-list ul li {
    width: calc(33.333% - 20px);
  }
}
#container #wrapper.doctor .doctor-list ul .doctor-list-inner {
  display: block;
  text-align: center;
  position: relative;
  padding: 0 0 12px;
}
#container #wrapper.doctor .doctor-list ul .doctor-list-inner::after {
  content: "";
  width: 9px;
  height: 9px;
  border-top: solid 2px #9A6CAD;
  border-right: solid 2px #9A6CAD;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: rotate(135deg) translateX(50%);
}
#container #wrapper.doctor .doctor-list ul .doctor-list-inner figure {
  margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .doctor-list ul .doctor-list-inner figure {
    margin: 0 0 10px;
  }
}
#container #wrapper.doctor .doctor-list ul .doctor-list-inner span {
  display: block;
}
#container #wrapper.doctor .doctor-list ul .doctor-list-inner span.t01 {
  font-size: 1.6rem;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-style: italic;
  letter-spacing: normal;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .doctor-list ul .doctor-list-inner span.t01 {
    font-size: 1.2rem;
    margin: 0px -10px;
    line-height: 1.2;
  }
}
#container #wrapper.doctor .doctor-list ul .doctor-list-inner span.t02 {
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .doctor-list ul .doctor-list-inner span.t02 {
    font-size: 1.4rem;
    margin: 2px -10px 0px;
  }
}
#container #wrapper.doctor .doctor-list ul .doctor-list-inner span.t02 i {
  font-size: 1.6rem;
  display: inline-block;
  padding-right: 15px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .doctor-list ul .doctor-list-inner span.t02 i {
    font-size: 1.2rem;
    padding-right: 5px;
  }
}
#container #wrapper.doctor .doctor-list ul .doctor-list-inner span.t03 {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .doctor-list ul .doctor-list-inner span.t03 {
    font-size: 1.2rem;
    margin: 0px -10px;
  }
}
#container #wrapper.doctor .expert-box {
  position: relative;
  margin: -20px 0 0;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .expert-box {
    margin: -15px 0 0;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.doctor .expert-box .expert-img {
    margin-left: -88px;
    width: 68%;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .expert-box .expert-img {
    margin: 0 -18px;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper.doctor .expert-box .expert-text {
    width: calc(32% + 200px);
    margin: -65px 0 0 -112px;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .expert-box .expert-text {
    margin: -45px -20px 0 22px;
  }
}
#container #wrapper.doctor .dc-body .expert-box:not(:has(.expert-img)) {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .dc-body .expert-box:not(:has(.expert-img)) {
    margin-top: 70px;
  }
}
#container #wrapper.doctor .text-box,
#container #wrapper.doctor .box-normal {
  margin-top: 75px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .text-box,
  #container #wrapper.doctor .box-normal {
    margin-top: 50px;
  }
}
#container #wrapper.doctor .career-box {
  margin: 60px auto 0;
  max-width: 766px;
  background: #F9F4FA;
  border-radius: 20px;
  padding: 35px 50px 45px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .career-box {
    margin: 40px auto 0;
    padding: 30px 25px 25px;
    border-radius: 15px;
  }
}
#container #wrapper.doctor .career-box .career-box-inner .ttl {
  font-size: 1.8rem;
  font-weight: 600;
}
#container #wrapper.doctor .career-box .career-box-inner .text-list {
  margin: 17px 0 0;
}
#container #wrapper.doctor .career-box .career-box-inner .text-list ul li {
  font-size: 1.4rem;
  margin-top: 5px;
  font-weight: 400;
}
#container #wrapper.doctor .career-box .career-box-inner .dl-outer {
  display: grid;
  grid-template-columns: max-content 1fr;
  margin: 15px 0 0;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .career-box .career-box-inner .dl-outer {
    margin: 10px 0 0;
  }
}
#container #wrapper.doctor .career-box .career-box-inner dl {
  display: contents;
}
#container #wrapper.doctor .career-box .career-box-inner dl dt,
#container #wrapper.doctor .career-box .career-box-inner dl dd {
  font-size: 1.4rem;
  margin-top: 10px;
}
#container #wrapper.doctor .career-box .career-box-inner dl dt {
  font-weight: 600;
  color: #9A6CAD;
  text-align: right;
}
#container #wrapper.doctor .career-box .career-box-inner dl dt span {
  display: inline-block;
}
#container #wrapper.doctor .career-box .career-box-inner dl dt .month {
  padding-left: 5px;
}
#container #wrapper.doctor .career-box .career-box-inner dl dd {
  padding-left: 3em;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor .career-box .career-box-inner dl dd {
    padding-left: 2em;
  }
}
#container #wrapper.doctor .career-box .career-box-inner + .career-box-inner {
  margin-top: 35px;
}
#container #wrapper.doctor #doctor-front .dc-ttl {
  text-align: center;
  font-size: 3.4rem;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor #doctor-front .dc-ttl {
    font-size: 1.6rem;
  }
}
#container #wrapper.doctor #doctor-front .dc-ttl + .lead {
  margin: 22px 0 0;
}
#container #wrapper.doctor #doctor-front .lead {
  text-align: center;
}
#container #wrapper.doctor #reason #dec-reason01 {
  display: none !important;
}
#container #wrapper.doctor #dec-doctor01 {
  top: 70%;
  right: -13%;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor #dec-doctor01 {
    display: none;
  }
}
#container #wrapper.doctor #dec-doctor02 {
  top: 37%;
  left: -18%;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor #dec-doctor02 {
    top: 32%;
  }
}
#container #wrapper.doctor #dec-doctor03 {
  top: 80%;
  right: -6%;
  width: 478px;
  height: 478px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor #dec-doctor03 {
    top: 1%;
    right: -20%;
    width: 267px;
    height: 267px;
  }
}
#container #wrapper.doctor #dec-doctor04 {
  top: 37%;
  left: -13%;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor #dec-doctor04 {
    display: none;
  }
}
#container #wrapper.doctor #dec-doctor05 {
  top: -5%;
  right: -6%;
  width: 478px;
  height: 478px;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor #dec-doctor05 {
    top: 1%;
    right: -20%;
    width: 267px;
    height: 267px;
  }
}
#container #wrapper.doctor #dec-doctor06 {
  top: 50%;
  left: -13%;
}
@media screen and (max-width: 767px) {
  #container #wrapper.doctor #dec-doctor06 {
    width: 267px;
    height: 267px;
    top: 90%;
    left: -30%;
  }
}
#container #wrapper[data-type=case] .c-ttl {
  font-size: 3rem;
  display: inline-block;
  border-left: 8px solid #9A6CAD;
  padding-left: 20px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] .c-ttl {
    font-size: 2.4rem;
    border-left-width: 6px;
    padding-left: 15px;
  }
}
#container #wrapper[data-type=case] .case-title .cat {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 5px;
}
#container #wrapper[data-type=case] .case-title .cat span {
  display: inline-block;
  line-height: 1;
  font-size: 1.2rem;
  border: 1px solid #9A6CAD;
  color: #9A6CAD;
  border-radius: 500px;
  padding: 5px 17px;
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] .case-title .cat span {
    padding: 5px 12px;
  }
}
#container #wrapper[data-type=case] .case-title .cat + .c-ttl {
  margin-top: 15px;
}
#container #wrapper[data-type=case] #case-body {
  margin-bottom: 0;
}
#container #wrapper[data-type=case] #case-body .case-title + .case-body-inner {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] #case-body .case-title + .case-body-inner {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper[data-type=case] #case-body .case-body-inner {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper[data-type=case] #case-body .case-body-inner .img {
    width: 45.5%;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper[data-type=case] #case-body .case-body-inner .text {
    width: 54.5%;
    padding-left: 4.5%;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] #case-body .case-body-inner .text {
    margin-top: 25px;
  }
}
#container #wrapper[data-type=case] #case-body .case-body-inner .text .dl-outer {
  border-bottom: 1px solid #333;
}
@media screen and (min-width: 768px) {
  #container #wrapper[data-type=case] #case-body .case-body-inner .text .dl-outer {
    display: grid;
    grid-template-columns: max-content 1fr;
  }
}
@media screen and (min-width: 768px) {
  #container #wrapper[data-type=case] #case-body .case-body-inner .text dl {
    display: contents;
  }
}
#container #wrapper[data-type=case] #case-body .case-body-inner .text dl dt,
#container #wrapper[data-type=case] #case-body .case-body-inner .text dl dd {
  font-size: 1.4rem;
  border-top: 1px solid #333;
  padding: 13px 0;
  letter-spacing: normal;
  line-height: 1.6;
}
#container #wrapper[data-type=case] #case-body .case-body-inner .text dl dt {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #container #wrapper[data-type=case] #case-body .case-body-inner .text dl dt {
    padding-right: 50px;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] #case-body .case-body-inner .text dl dt {
    border-bottom: 1px solid #ccc;
    background: #F4F4F4;
    padding: 6px 10px;
  }
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] #case-body .case-body-inner .text dl dd {
    padding: 15px 10px 20px;
    border-top: none;
  }
}
#container #wrapper[data-type=case] #case-body .case-body-inner + .btn-outer {
  margin-top: 95px;
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] #case-body .case-body-inner + .btn-outer {
    margin-top: 45px;
  }
}
#container #wrapper[data-type=case] #case-list .category-outer {
  margin-bottom: 115px;
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] #case-list .category-outer {
    margin-bottom: 45px;
  }
}
#container #wrapper[data-type=case] #case-list .category-outer .ttl {
  text-align: center;
}
#container #wrapper[data-type=case] #case-list .category-outer .ttl span {
  font-size: 1.4rem;
  font-weight: 500;
  display: inline-block;
  position: relative;
}
#container #wrapper[data-type=case] #case-list .category-outer .ttl span::after {
  content: "";
  background-image: url(./../images/common/icon_category.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  width: 25px;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -40px;
}
#container #wrapper[data-type=case] #case-list .category-outer .category-inner {
  margin: 25px 0 0;
}
#container #wrapper[data-type=case] #case-list .category-outer ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px 12px;
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] #case-list .category-outer ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 9px;
  }
}
#container #wrapper[data-type=case] #case-list .category-outer ul li {
  transition: 0.3s all;
  display: block;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: 600;
  border: 1px solid #9A6CAD;
  color: #9A6CAD;
  border-radius: 500px;
  padding: 11px 11px;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] #case-list .category-outer ul li {
    font-size: 1.4rem;
  }
}
#container #wrapper[data-type=case] #case-list .category-outer ul li.focus {
  background: #9A6CAD;
  color: #fff;
}
@media screen and (min-width: 768px) {
  #container #wrapper[data-type=case] #case-list .category-outer ul li:hover {
    background: #9A6CAD;
    color: #fff;
  }
}
#container #wrapper[data-type=case] #case-list .case-list-inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -110px -2.5%;
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] #case-list .case-list-inner {
    margin-bottom: -50px;
  }
}
#container #wrapper[data-type=case] #case-list .case-list-inner .case-list-body {
  width: 22.5%;
  margin: 0 0 110px 2.5%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] #case-list .case-list-inner .case-list-body {
    width: 47.5%;
    margin-bottom: 50px;
  }
}
#container #wrapper[data-type=case] #case-list .case-list-inner .case-list-body .case-title {
  margin-top: 10px;
  display: block;
  flex-grow: 1;
}
#container #wrapper[data-type=case] #case-list .case-list-inner .case-list-body .n-ttl {
  display: block;
  font-size: 1.4rem;
  padding: 7px 0 11px;
}
#container #wrapper[data-type=case] .case-slide {
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] .case-slide .swiper-button-next,
  #container #wrapper[data-type=case] .case-slide .swiper-button-prev {
    display: none;
  }
}
#container #wrapper[data-type=case] .case-slide .swiper-button-next::after,
#container #wrapper[data-type=case] .case-slide .swiper-button-prev::after {
  content: "";
  width: 25px;
  height: 25px;
  border-top: solid 3px #333;
  border-right: solid 3px #333;
  position: absolute;
  left: 10px;
  top: 0px;
  transform: rotate(-135deg);
  z-index: 2;
}
#container #wrapper[data-type=case] .case-slide .swiper-button-next.none,
#container #wrapper[data-type=case] .case-slide .swiper-button-prev.none {
  display: none !important;
}
#container #wrapper[data-type=case] .case-slide .swiper-button-next::after {
  left: -5px;
  transform: rotate(45deg);
}
#container #wrapper[data-type=case] .slider-thumbnail {
  margin: 10px 0 0;
}
#container #wrapper[data-type=case] .slider-thumbnail .swiper-wrapper {
  justify-content: center;
  margin: 0 0 -1% -1%;
  transform: none !important;
}
#container #wrapper[data-type=case] .slider-thumbnail .swiper-wrapper .swiper-slide {
  opacity: 0.7;
  width: 19% !important;
  margin: 0 0 1% 1%;
  cursor: pointer;
  position: relative;
}
#container #wrapper[data-type=case] .slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
#container #wrapper[data-type=case] .slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after {
  display: block;
  content: "";
  border: 2px solid #666;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#container #wrapper[data-type=case] #voice-body {
  margin: 70px 0 -40px;
  padding: 70px 0;
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] #voice-body {
    margin: 50px 0 -15px;
    padding: 45px 0;
  }
}
#container #wrapper[data-type=case] #voice-body .voice-body-inner {
  max-width: 570px;
  margin: 35px auto 0;
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] #voice-body .voice-body-inner {
    margin: 30px auto 0;
  }
}
#container #wrapper[data-type=case] #voice-body .voice-body-inner .voice-text {
  font-size: 1.4rem;
  line-height: 1.8;
  font-weight: 400;
}
#container #wrapper[data-type=case] #voice-body .voice-body-inner .voice-text + .voice-img {
  margin: 30px auto 0;
}
@media screen and (max-width: 767px) {
  #container #wrapper[data-type=case] #voice-body .voice-body-inner .voice-text + .voice-img {
    margin: 20px auto 0;
  }
}
#container #products-list .products-list-outer ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 150px 36px;
}
@media screen and (max-width: 767px) {
  #container #products-list .products-list-outer ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 0;
  }
}
#container #products-list .products-list-outer ul .inn figure {
  display: block;
  border: 1px solid #CCC;
}
#container #products-list .products-list-outer ul .inn .tab-cat {
  margin-top: 15px;
}
#container #products-list .products-list-outer ul .inn .tab-cat ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 5px;
}
#container #products-list .products-list-outer ul .inn .tab-cat ul li {
  font-size: 1.2rem;
  line-height: 1;
  border-radius: 500px;
  border: 1px solid #9A6CAD;
  background: #F9F4FA;
  padding: 5px 11px;
  color: #9A6CAD;
}
#container #products-list .products-list-outer ul .inn .t01 {
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 10px;
  letter-spacing: normal;
  line-height: 1.6;
}
#container #products-list .products-list-outer ul .inn .t02 {
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 8px;
  line-height: 1.7;
}
#container #products-list .products-list-outer ul .inn .price-outer {
  border-top: 1px solid #CCC;
  margin: 10px 0 0;
  padding: 10px 0 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0 10px;
}
#container #products-list .products-list-outer ul .inn .price-outer .p01 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
  max-width: 48%;
}
#container #products-list .products-list-outer ul .inn .price-outer .p02 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #9A6CAD;
  line-height: 1.2;
}
#container #products-list .products-list-outer ul .inn .price-outer .p02 em {
  font-size: 2rem;
  font-weight: 600;
}
#container #products-list .products-list-outer ul .inn .box-gray {
  background: #F4F4F4;
  padding: 12px 15px;
  margin-top: 17px;
}
#container #products-list .products-list-outer ul .inn .box-gray::before {
  content: "主な成分";
  font-size: 1.4rem;
  font-weight: 500;
  margin: 0 0 7px;
  display: block;
  line-height: 1;
}
#container #products-list .products-list-outer ul .inn .box-gray p {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.7;
}
#container #shop-access .shop-access-list ul {
  counter-reset: number 0;
}
#container #shop-access .shop-access-list ul li .access-text .text {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #container #shop-access .shop-access-list ul li .access-text .text {
    margin-top: 20px;
  }
}
#container #shop-access .shop-access-list ul li .access-text .text .num {
  line-height: 1;
  background: #F9F4FA;
  width: 78px;
  text-align: center;
  display: block;
  padding: 3px 0 5px;
  position: relative;
  top: -9px;
}
@media screen and (max-width: 767px) {
  #container #shop-access .shop-access-list ul li .access-text .text .num {
    width: 57px;
    top: -7px;
  }
}
#container #shop-access .shop-access-list ul li .access-text .text .num::before {
  content: "step";
  line-height: 1;
  color: #9A6CAD;
  font-size: 1.8rem;
  position: relative;
  top: -5px;
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #container #shop-access .shop-access-list ul li .access-text .text .num::before {
    font-size: 1.3rem;
  }
}
#container #shop-access .shop-access-list ul li .access-text .text .num::after {
  counter-increment: number 1;
  content: counter(number);
  line-height: 1;
  font-size: 3.4rem;
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: #9A6CAD;
}
@media screen and (max-width: 767px) {
  #container #shop-access .shop-access-list ul li .access-text .text .num::after {
    font-size: 2.4rem;
  }
}
#container #shop-access .shop-access-list ul li .access-text .text p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.7;
  width: calc(100% - 78px);
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  #container #shop-access .shop-access-list ul li .access-text .text p {
    font-size: 1.4rem;
    width: calc(100% - 57px);
    padding-left: 15px;
  }
}
#container #shop-access .shop-access-list ul li + li {
  margin-top: 65px;
}
@media screen and (max-width: 767px) {
  #container #shop-access .shop-access-list ul li + li {
    margin-top: 50px;
  }
}
#container #shop-access .btn-list {
  margin: 100px auto 0;
}
@media screen and (max-width: 767px) {
  #container #shop-access .btn-list {
    margin: 50px auto 0;
  }
}
#container #shop-access .btn-list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -23px -3.5%;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #container #shop-access .btn-list ul {
    margin: 0 0 -14px -3%;
  }
}
#container #shop-access .btn-list ul li {
  width: 18.5%;
  margin: 0 0 23px 3.5%;
}
@media screen and (max-width: 767px) {
  #container #shop-access .btn-list ul li {
    width: 47%;
    margin: 0 0 14px 3%;
  }
}
#container .page-numbers:not(.next):not(.prev):not(.dots) {
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: #707070;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  line-height: 25px;
  font-size: 1.4rem;
}
#container .page-numbers.prev, #container .page-numbers.next {
  color: #707070 !important;
}
#container .column_content em {
  background: repeating-linear-gradient(-45deg, #FFFF00, #FFFF00 2px, transparent 2px, transparent 4px) no-repeat 0 0.75em;
}
#container .campaign-list ul li + li {
  margin-top: 130px;
}
@media screen and (max-width: 767px) {
  #container .campaign-list ul li + li {
    margin-top: 60px;
  }
}
#container .campaign-list-img {
  position: relative;
}
@media screen and (max-width: 767px) {
  #container .campaign-list-img {
    margin-inline: -18px;
  }
}
#container .campaign-list-date {
  position: absolute;
  top: 20px;
  right: 40px;
  text-align: center;
  background: #FFF84E;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 110px;
  width: 110px;
  height: 110px;
}
@media screen and (max-width: 767px) {
  #container .campaign-list-date {
    top: 8vw;
    right: 4.8vw;
    width: 19.4666666667vw;
    height: 19.4666666667vw;
    border-radius: 19.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #container .campaign-list-date.sp-adj01 {
    top: 20vw;
    right: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  #container .campaign-list-date.sp-adj02 {
    top: 56vw;
    right: 4.8vw;
  }
}
#container .campaign-list-date span {
  display: block;
  line-height: 1;
}
#container .campaign-list-date span.head {
  font-size: 3.8rem;
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #container .campaign-list-date span.head {
    font-size: 6.6666666667vw;
  }
}
#container .campaign-list-date span.txt {
  font-size: 2rem;
  padding-top: 3px;
}
@media screen and (max-width: 767px) {
  #container .campaign-list-date span.txt {
    font-size: 3.4666666667vw;
    padding-top: 0.8vw;
  }
}
#container .btn-outer-reserve {
  max-width: 300px;
  margin-top: 35px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #container .btn-outer-reserve {
    margin-top: 30px;
  }
}
#container .btn-outer-reserve .btn {
  background: #FF8980;
  display: block;
  text-align: center;
  font-size: 1.8rem;
  color: #fff;
  line-height: 1;
  border-radius: 500px;
  height: 60px;
  align-items: center;
  display: flex;
  justify-content: center;
}
#container .btn-outer-reserve .btn span {
  padding-left: 50px;
  display: inline-block;
  position: relative;
}
#container .btn-outer-reserve .btn span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/common/icon_web.webp);
  width: 36px;
  height: 34px;
}
#container .note01 {
  margin-top: 25px;
  font-size: 1.6rem;
  text-indent: -1em;
  margin-left: 1em;
}
@media screen and (max-width: 767px) {
  #container .note01 {
    margin-top: 20px;
    font-size: 1.4rem;
  }
}
#container .note01::before {
  content: "※";
}
#container .note01 + .note01 {
  margin-top: 10px;
}

.bread {
  max-width: 1236px;
  padding: 0 18px;
  margin: 0 auto 15px;
}
@media screen and (max-width: 767px) {
  .bread {
    margin: 0 auto 10px;
  }
}
.bread ul {
  display: flex;
  flex-wrap: wrap;
}
.bread ul li {
  position: relative;
}
.bread ul li:not(:last-child)::after {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #555;
  border-right: 1px solid #555;
  transform: rotate(45deg);
  content: "";
  margin: 0 6px 0 4px;
  position: relative;
  top: -2px;
}
.bread ul li a,
.bread ul li h1 {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 300;
  color: #555;
}

@media screen and (max-width: 767px) {
  #footer-body {
    padding-bottom: 55px;
  }
}

#footer-float-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  transition: 0.3s all;
  transform: translateY(100%);
  background: #fff;
}
#footer-float-btn.fixed {
  transform: translateY(0);
}
#footer-float-btn ul {
  display: flex;
  gap: 0 2px;
}
#footer-float-btn ul li {
  width: 100%;
}
#footer-float-btn ul li a,
#footer-float-btn ul li button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 600;
  height: 55px;
  width: 100%;
}
#footer-float-btn ul li a span,
#footer-float-btn ul li button span {
  display: block;
  position: relative;
  padding: 0 5px 0 33px;
}
#footer-float-btn ul li a span::after,
#footer-float-btn ul li button span::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#footer-float-btn ul li a.line,
#footer-float-btn ul li button.line {
  background: #06C755;
}
#footer-float-btn ul li a.line span,
#footer-float-btn ul li button.line span {
  padding-left: 38px;
}
#footer-float-btn ul li a.line span::after,
#footer-float-btn ul li button.line span::after {
  background-image: url(./../images/common/icon_line.webp);
  width: 32px;
  height: 30px;
}
#footer-float-btn ul li a.tel,
#footer-float-btn ul li button.tel {
  background: #7A7B7A;
}
#footer-float-btn ul li a.tel span::after,
#footer-float-btn ul li button.tel span::after {
  background-image: url(./../images/common/icon_phone.webp);
  width: 21px;
  height: 35px;
}
#footer-float-btn ul li a.web,
#footer-float-btn ul li button.web {
  background: #FF8980;
}
#footer-float-btn ul li a.web span::after,
#footer-float-btn ul li button.web span::after {
  background-image: url(./../images/common/icon_web.webp);
  width: 25px;
  height: 24px;
}

.float-dec {
  position: absolute;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/common/dec_img01.webp);
  z-index: -1;
  width: 786px;
  height: 786px;
}
@media screen and (max-width: 767px) {
  .float-dec {
    width: 302px;
    height: 302px;
  }
}
.float-dec#dec-menu01 {
  top: 30%;
  left: -20%;
}
.float-dec#dec-menu02 {
  width: 413px;
  height: 413px;
  top: 50%;
  right: -3%;
}
.float-dec#dec-reason01 {
  top: -25%;
  left: -22%;
}
@media screen and (max-width: 767px) {
  .float-dec#dec-reason01 {
    top: -6%;
    left: auto;
    right: -33%;
  }
}
.float-dec#dec-info01 {
  top: 55%;
  left: -20%;
}
@media screen and (max-width: 767px) {
  .float-dec#dec-info01 {
    top: 40%;
    left: -30%;
  }
}
.float-dec#dec-info02 {
  top: 11%;
  right: -10%;
}
@media screen and (max-width: 767px) {
  .float-dec#dec-info02 {
    top: 1%;
    right: -25%;
  }
}

/**/
@media screen and (max-width: 767px) {
  .interval-table {
    margin-right: -18px;
  }
}
.interval-table .interval-table-outer {
  position: relative;
  overflow: auto;
}
.interval-table .interval-table-outer .interval-table-inner {
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interval-table .interval-table-outer .interval-table-inner {
    width: 920px;
  }
}
.interval-table .interval-table-outer .interval-table-inner thead tr th {
  background: #9A6CAD;
  color: #fff;
  position: relative;
}
.interval-table .interval-table-outer .interval-table-inner thead tr th > p {
  min-height: 60px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.interval-table .interval-table-outer .interval-table-inner thead tr th .color {
  color: #333;
}
.interval-table .interval-table-outer .interval-table-inner thead tr:first-child th {
  width: 13.5%;
}
@media screen and (max-width: 767px) {
  .interval-table .interval-table-outer .interval-table-inner thead tr:first-child th {
    width: 13.8%;
  }
}
.interval-table .interval-table-outer .interval-table-inner thead tr:first-child th:first-child {
  width: 19%;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .interval-table .interval-table-outer .interval-table-inner thead tr:first-child th:first-child {
    width: 17.2%;
  }
}
.interval-table .interval-table-outer .interval-table-inner thead tr:first-child th:first-child p {
  position: relative;
  z-index: 1;
}
.interval-table .interval-table-outer .interval-table-inner thead tr:first-child th:first-child p::after {
  content: "";
  height: 100%;
  width: 1px;
  background: #ccc;
  position: absolute;
  top: 0;
  right: -1px;
  z-index: 1;
}
.interval-table .interval-table-outer .interval-table-inner thead tr:first-child th:first-child::before {
  content: "";
  height: 100%;
  width: 1px;
  background: #ccc;
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 1;
}
.interval-table .interval-table-outer .interval-table-inner thead tr:first-child th:first-child::after {
  content: "";
  background: linear-gradient(45deg, #F9F4FA 0%, #F9F4FA 50%, #9A6CAD 50%, #9A6CAD 100%);
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.interval-table .interval-table-outer .interval-table-inner tbody tr th,
.interval-table .interval-table-outer .interval-table-inner tbody tr td {
  padding: 7px 7px;
}
@media screen and (max-width: 767px) {
  .interval-table .interval-table-outer .interval-table-inner tbody tr th,
  .interval-table .interval-table-outer .interval-table-inner tbody tr td {
    padding: 12px 5px;
  }
}
.interval-table .interval-table-outer .interval-table-inner tbody tr th > p,
.interval-table .interval-table-outer .interval-table-inner tbody tr td > p {
  min-height: 82px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .interval-table .interval-table-outer .interval-table-inner tbody tr th > p,
  .interval-table .interval-table-outer .interval-table-inner tbody tr td > p {
    min-height: 72px;
  }
}
.interval-table .interval-table-outer .interval-table-inner tbody tr:nth-child(even) {
  background: #F4F4F4;
}
.interval-table .interval-table-outer .interval-table-inner tr th,
.interval-table .interval-table-outer .interval-table-inner tr td {
  border: 1px solid #CCC;
  vertical-align: middle;
}
.interval-table .interval-table-outer .interval-table-inner tr th {
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .interval-table .interval-table-outer .interval-table-inner tr th {
    line-height: 1.3;
  }
}
.interval-table .interval-table-outer .interval-table-inner tr th.top-th {
  position: sticky;
  top: 0;
}
.interval-table .interval-table-outer .interval-table-inner tr th.left-th {
  background: #F9F4FA;
  position: sticky;
  left: 0;
}
.interval-table .interval-table-outer .interval-table-inner tr th.left-th::after {
  content: "";
  height: 100%;
  width: 1px;
  background: #ccc;
  position: absolute;
  top: 0;
  left: -1px;
  z-index: 1;
}
.interval-table .interval-table-outer .interval-table-inner tr th.left-th > p::after {
  content: "";
  height: 100%;
  width: 1px;
  background: #ccc;
  position: absolute;
  top: 0;
  right: -1px;
  z-index: 1;
}
.interval-table .interval-table-outer .interval-table-inner tr th span:not(.color) {
  font-size: 1.2rem;
  line-height: 1.4;
  display: inline-block;
  margin: 5px 0 0;
}
.interval-table .interval-table-outer .interval-table-inner tr td.bg {
  background: #E5DBEA;
}

#interval-body .sub-text {
  margin-top: 20px;
}
#interval-body .sub-text ul li {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7;
}
#interval-body .sub-text ul li + li {
  margin-top: 3px;
}
#interval-body .sub-text ul li::before {
  content: "※";
}

/**/
.page_top {
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 60px;
  height: 60px;
  z-index: 10;
  transition: 0.3s all;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .page_top {
    right: 5px;
    bottom: 65px;
    width: 50px;
    height: 50px;
  }
}
.page_top.fixed {
  opacity: 1;
  visibility: visible;
}

.swiper {
  display: none;
}

.swiper.swiper-container-initialized {
  display: block;
}

.pagination {
  position: relative;
  width: 88%;
  margin: 0 auto;
  padding: 5rem 0 0;
}

.page-numbers_box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-numbers:not(.next):not(.prev):not(.dots) {
  display: block;
  border: 1px solid #ccc;
  font-weight: bold;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 1.5rem;
  background-color: #fff;
}

.page-numbers.current {
  background-color: rgba(251, 180, 174, 0.4) !important;
}

.page-numbers.prev, .page-numbers.next {
  font-size: 2.5rem;
  color: #ccc !important;
}

.page-numbers.next {
  margin-left: 0.5em;
}

.page-numbers.prev {
  margin-right: 0.5em;
}

.column_box {
  padding-left: 18px;
  padding-right: 18px;
  margin-top: 50px;
}

@media (max-width: 1023px) {
  .page-numbers:not(.next):not(.prev):not(.dots) {
    width: 41px;
    height: 41px;
    line-height: 41px;
    margin-left: 0.2em;
    margin-right: 0.2em;
    background-color: #fff;
  }
  .page-numbers.prev, .page-numbers.next {
    font-size: 1.8rem;
  }
}
/**/
.news_detail .detail_body p,
.column_detail .detail_body p {
  font-weight: 400;
  line-height: 1.8;
}
.news_detail .detail_body a,
.news_detail .detail_body button,
.column_detail .detail_body a,
.column_detail .detail_body button {
  color: #9A6CAD;
}
.news_detail .detail_body h2,
.column_detail .detail_body h2 {
  border-bottom: none;
  border-left: 8px solid #9A6CAD;
  text-align: left !important;
  padding: 5px 0 5px 10px;
  font-size: 3rem;
  margin: 1.5em 0 1em;
}
@media screen and (max-width: 767px) {
  .news_detail .detail_body h2,
  .column_detail .detail_body h2 {
    font-size: 1.8rem;
    border-width: 6px;
  }
}
.news_detail .detail_title,
.column_detail .detail_title {
  font-size: 3.4rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .news_detail .detail_title,
  .column_detail .detail_title {
    font-size: 2rem;
  }
}
.news_detail .detail_date,
.column_detail .detail_date {
  font-size: 1.8rem;
  margin: 0 0 30px;
}
@media screen and (max-width: 767px) {
  .news_detail .detail_date,
  .column_detail .detail_date {
    font-size: 1.6rem;
    margin: 0 0 20px;
  }
}
.news_detail .detail_date::before,
.column_detail .detail_date::before {
  display: none !important;
}
.news_detail .btn_area,
.column_detail .btn_area {
  margin: 50px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news_detail .btn_area .prev_btn,
.news_detail .btn_area .next_btn,
.column_detail .btn_area .prev_btn,
.column_detail .btn_area .next_btn {
  position: relative;
  width: auto;
  float: none;
}
.news_detail .btn_area .prev_btn a,
.news_detail .btn_area .prev_btn button,
.news_detail .btn_area .next_btn a,
.news_detail .btn_area .next_btn button,
.column_detail .btn_area .prev_btn a,
.column_detail .btn_area .prev_btn button,
.column_detail .btn_area .next_btn a,
.column_detail .btn_area .next_btn button {
  display: inline-block;
}
.news_detail .btn_area .prev_btn a::after,
.news_detail .btn_area .prev_btn button::after,
.news_detail .btn_area .next_btn a::after,
.news_detail .btn_area .next_btn button::after,
.column_detail .btn_area .prev_btn a::after,
.column_detail .btn_area .prev_btn button::after,
.column_detail .btn_area .next_btn a::after,
.column_detail .btn_area .next_btn button::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 2px #707070;
  border-right: solid 2px #707070;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.news_detail .btn_area .prev_btn,
.column_detail .btn_area .prev_btn {
  font-size: 1.4rem;
}
.news_detail .btn_area .prev_btn a,
.news_detail .btn_area .prev_btn button,
.column_detail .btn_area .prev_btn a,
.column_detail .btn_area .prev_btn button {
  padding-left: 20px;
  display: inline-block;
}
.news_detail .btn_area .prev_btn a::after,
.news_detail .btn_area .prev_btn button::after,
.column_detail .btn_area .prev_btn a::after,
.column_detail .btn_area .prev_btn button::after {
  left: 0;
  transform: translateY(-50%) rotate(-135deg);
}
.news_detail .btn_area .next_btn,
.column_detail .btn_area .next_btn {
  font-size: 1.4rem;
}
.news_detail .btn_area .next_btn a,
.news_detail .btn_area .next_btn button,
.column_detail .btn_area .next_btn a,
.column_detail .btn_area .next_btn button {
  padding-right: 20px;
  display: inline-block;
}
.news_detail .btn_area .next_btn a::after,
.news_detail .btn_area .next_btn button::after,
.column_detail .btn_area .next_btn a::after,
.column_detail .btn_area .next_btn button::after {
  right: 0;
}
.news_detail .link_btn,
.column_detail .link_btn {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .news_detail .link_btn,
  .column_detail .link_btn {
    margin: -30px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .news_detail .link_btn,
  .column_detail .link_btn {
    margin: 45px 0 0;
  }
}
.news_detail .link_btn a,
.news_detail .link_btn button,
.column_detail .link_btn a,
.column_detail .link_btn button {
  background: #7A5A7B;
  text-align: center;
  border-radius: 500px;
  font-size: 1.4rem;
  padding: 0 35px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  line-height: 1.2;
  color: #fff !important;
  max-width: 226px;
  margin: 0 auto;
  height: auto;
}
@media screen and (max-width: 767px) {
  .news_detail .link_btn a,
  .news_detail .link_btn button,
  .column_detail .link_btn a,
  .column_detail .link_btn button {
    font-size: 1.2rem;
    padding: 0 25px;
  }
}
.news_detail .link_btn a::after,
.news_detail .link_btn button::after,
.column_detail .link_btn a::after,
.column_detail .link_btn button::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .news_detail .link_btn a::after,
  .news_detail .link_btn button::after,
  .column_detail .link_btn a::after,
  .column_detail .link_btn button::after {
    right: 15px;
  }
}
@media screen and (min-width: 768px) {
  .news_detail .link_btn a:hover,
  .news_detail .link_btn button:hover,
  .column_detail .link_btn a:hover,
  .column_detail .link_btn button:hover {
    opacity: 0.7;
  }
}
.news_detail.media .detail_body h2,
.column_detail.media .detail_body h2 {
  border-color: #E3B142;
}
.news_detail.media .detail_body a,
.news_detail.media .detail_body button,
.column_detail.media .detail_body a,
.column_detail.media .detail_body button {
  color: #E3B142;
}

.column_detail .btn_area {
  margin: 90px 0 0 0;
}
@media screen and (max-width: 767px) {
  .column_detail .btn_area {
    margin: 60px 0 0 0;
  }
}

@media screen and (min-width: 768px) {
  .column_related {
    margin-top: 50px;
  }
}

.news_box {
  width: 100% !important;
}
.news_box .news_item {
  border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 768px) {
  .news_box .news_item {
    padding: 45px 0;
  }
}
@media screen and (max-width: 767px) {
  .news_box .news_item {
    padding: 35px 0px;
  }
}
@media screen and (min-width: 768px) {
  .news_box .news_item:first-of-type {
    padding-top: 0;
  }
}

.news_inner .news_title {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .news_inner .news_title {
    font-size: 1.4rem;
    line-height: 1.7;
  }
}
.news_inner .news_text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7;
  margin-top: 0.8em;
  padding-top: 0.8em;
  height: 6em;
}
@media screen and (min-width: 768px) {
  .news_inner .news_textArea {
    width: 63%;
    margin-left: 56px;
  }
}
@media screen and (min-width: 768px) {
  .news_inner .news_image {
    width: 35%;
    padding-right: 0px;
  }
}

.cat_date_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 15px;
  padding: 0 0 5px;
}
@media screen and (max-width: 767px) {
  .cat_date_flex {
    padding: 12px 0;
  }
}
.cat_date_flex.mb {
  padding-bottom: 15px;
}
.cat_date_flex .news_category {
  line-height: 1;
  border-radius: 500px;
  color: #fff;
  background: #9A6CAD;
  font-size: 1.2rem;
  min-width: 89px;
  padding: 6px 10px;
  text-align: center;
}
.cat_date_flex .news_category.media {
  background: #E3B142;
}
.cat_date_flex .news_category.campaign {
  background: #F761C3;
}
.cat_date_flex .news_date {
  padding: 0;
  background: none;
  line-height: 1;
  color: #333;
  font-size: 1.6rem;
}

.btn_part_pdf {
  margin: 50px auto 0;
  max-width: 320px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .btn_part_pdf {
    margin-top: 35px;
  }
}
.btn_part_pdf a,
.btn_part_pdf button {
  display: block;
}

/* ===================================================
	プラバシーポリシー / privacy
=================================================== */
#pp_box .pp_box {
  border: 1px solid #f0f0f0;
  padding: 50px;
  margin: 0 0 120px 0;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  #pp_box .pp_box {
    padding: 20px 25px;
    margin: 0 0 0px 0;
  }
}
#pp_box .pp_box p {
  font-size: 1.6rem;
  margin: 0 0 40px 0;
  line-height: 200%;
}
@media screen and (max-width: 767px) {
  #pp_box .pp_box p {
    font-size: 1.4rem;
    margin: 0 0 20px 0;
  }
}
#pp_box .pp_box h2 {
  font-weight: bold;
  font-size: 2rem;
  margin: 0 0 10px;
}
@media screen and (max-width: 767px) {
  #pp_box .pp_box h2 {
    font-size: 1.8rem;
  }
}
#pp_box .pp_box h3 {
  font-weight: bold;
  margin: 0 0 5px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  #pp_box .pp_box h3 {
    font-size: 1.6rem;
  }
}
#pp_box .pp_box .gray_bk {
  background: #f2f2f2;
  padding: 20px 40px;
  margin: 0 0 50px 0;
  width: 50%;
}
@media screen and (max-width: 767px) {
  #pp_box .pp_box .gray_bk {
    width: 100%;
    padding: 15px 20px;
    margin: 0 0 35px;
  }
}
#pp_box .pp_box .gray_bk p {
  margin: 0;
}

#download-body .download ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px 25px;
}
@media screen and (max-width: 767px) {
  #download-body .download ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
#download-body .download ul li .dw-inner {
  background: #fff;
  border: 1px solid #CCC;
  border-radius: 10px;
  padding: 30px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  #download-body .download ul li .dw-inner {
    padding: 20px 20px;
  }
}
#download-body .download ul li .dw-inner .t01 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  margin: 0px 0px 25px;
  font-feature-settings: "palt";
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  #download-body .download ul li .dw-inner .t01 {
    margin: 0px 0px 15px;
  }
}
#download-body .download + .download {
  margin-top: 75px;
}
@media screen and (max-width: 767px) {
  #download-body .download + .download {
    margin-top: 50px;
  }
}

/* ===================================================
	パートナーシップ / partnership
=================================================== */
#partnership .text-link-list {
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  #partnership .text-link-list {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  #partnership .text-link-list ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
#partnership .partnership-li {
  border-bottom: solid 1px #AAAAAA;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
}
@media screen and (max-width: 767px) {
  #partnership .partnership-li {
    padding: 15px 10px 20px;
  }
}
#partnership .partnarship-li-flex {
  display: flex;
}
#partnership .partnership-li:first-of-type {
  border-top: solid 1px #AAAAAA;
  width: 100%;
}
#partnership .partnership-ul {
  padding-bottom: 100px;
}
#partnership .a-shop-image-img {
  height: 151.2px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #partnership .a-shop-image-img {
    width: 252px;
    margin-left: 40px;
  }
}
@media screen and (max-width: 767px) {
  #partnership .a-shop-image-img {
    min-width: 100px;
    width: auto;
    height: 60px;
  }
}
#partnership .avance-logo-img {
  height: 151.2px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #partnership .avance-logo-img {
    width: 252px;
  }
}
@media screen and (max-width: 767px) {
  #partnership .avance-logo-img {
    min-width: 100px;
    width: auto;
    height: 60px;
  }
}
#partnership .a-shop-url a,
#partnership .a-shop-url button {
  display: block;
  width: 100%;
  max-width: 230px;
  color: #FFF;
  background: #9A6CAD;
  text-align: center;
  padding: 6px;
  margin-top: 10px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #partnership .a-shop-url a,
  #partnership .a-shop-url button {
    max-width: 170px;
    color: #FFF;
    padding: 3px;
  }
}
@media screen and (min-width: 768px) {
  #partnership .a-shop-url a:hover,
  #partnership .a-shop-url button:hover {
    opacity: 0.7;
  }
}
#partnership .a-shop-text {
  font-size: 1.4rem;
  padding-left: 2rem;
  flex: auto;
  margin-top: 5px;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #partnership .a-shop-text {
    font-size: 1.3rem;
    padding-left: 1rem;
  }
}
#partnership .partnership-place {
  font-size: 2.4rem;
  color: #fbb4ae;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
}
@media screen and (max-width: 767px) {
  #partnership .partnership-place {
    font-size: 2rem;
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}
#partnership .a-shop-avance-image {
  display: flex;
}
@media screen and (max-width: 767px) {
  #partnership .a-shop-avance-image {
    display: grid;
  }
}
@media screen and (max-width: 767px) {
  #partnership .partnership-ul {
    padding-bottom: 30px;
  }
}
#partnership .a-shop-category {
  font-weight: bold;
}
#partnership .a-shop-name {
  font-weight: bold;
  padding-bottom: 12px;
  font-size: 1.7rem !important;
}
@media screen and (max-width: 767px) {
  #partnership .a-shop-name {
    padding-bottom: 10px;
    font-size: 1.45rem !important;
  }
}
#partnership .p-m-i {
  font-size: 1.8rem;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  #partnership .p-m-i {
    font-size: 1.6rem;
  }
}
#partnership .p-access-ikon {
  display: inline-block;
  vertical-align: middle;
  color: #fbb4ae;
  line-height: 1;
  position: relative;
  width: 0.8em;
  height: 0.8em;
  background: currentColor;
  border: 0.1em solid currentColor;
  border-radius: 40% 60% 0% 100%/40% 100% 0% 60%;
  box-sizing: content-box;
  transform: rotate(45deg);
  top: -4px;
  margin-right: 5px;
}
#partnership .p-access-ikon::before {
  content: "";
  position: absolute;
  top: 18%;
  left: 18%;
  width: 0.336em;
  height: 0.336em;
  background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
#partnership .p-mokuji_anchor {
  margin-top: -100px;
  padding-top: 100px;
  z-index: -1;
  position: relative;
}
@media screen and (max-width: 767px) {
  #partnership .p-mokuji_anchor {
    margin-top: -50px;
    padding-top: 50px;
  }
}

/* form add */
.form_thanks .title_box {
  text-align: center;
  padding: 0 0 50px 0;
}
@media screen and (max-width: 767px) {
  .form_thanks .title_box {
    padding: 0 0 20px 0;
  }
}
.form_thanks .title_box h2 {
  font-size: 3rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .form_thanks .title_box h2 {
    font-size: 2rem;
  }
}

.form_msg {
  font-weight: 400;
  line-height: 1.8;
}
.form_msg .tel {
  position: relative;
  line-height: 1;
}

.tel .material-icons {
  position: absolute;
  top: 10%;
  left: 0;
  font-size: 3.2rem;
}

.tel_number {
  font-size: 3.2rem;
  padding-left: 1.25em;
}

#wrapper.contact .text_label, #wrapper.contact input[type=email], #wrapper.contact .wpcf7-text, #wrapper.contact textarea {
  border: 1px solid #000;
}
#wrapper.contact span.rq {
  color: #fff;
  background: #9A6CAD;
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #wrapper.contact span.rq {
    font-size: 1.4rem;
  }
}
#wrapper.contact .step-img {
  max-width: 430px;
  margin: 0 auto 40px;
}
#wrapper.contact .check_box p {
  font-size: 1.4rem;
}
#wrapper.contact .wpcf7-submit {
  background: #7A5A7B;
  text-align: center;
  border-radius: 500px;
  font-size: 1.4rem;
  padding: 0 35px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  line-height: 1.2;
  color: #fff !important;
  max-width: 226px;
  margin: 0 auto;
  height: auto !important;
}
#wrapper.contact .back_btn {
  margin: 35px 0 0;
}
#wrapper.contact .back_btn .wpcf7-previous {
  background: #F0EDED;
  text-align: center;
  border-radius: 500px;
  font-size: 1.4rem;
  padding: 0 35px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  line-height: 1.2;
  color: #333 !important;
  max-width: 226px;
  margin: 0 auto;
  height: auto !important;
}
@media screen and (min-width: 768px) {
  #wrapper.contact .back_btn .wpcf7-previous:hover {
    opacity: 0.7;
  }
}

#wrapper.confirm .wpcf7-submit {
  max-width: 300px;
  min-height: 60px;
  font-size: 2rem;
}

.contact .radio_small {
  left: 0px !important;
}

.name_small p > label {
  margin: -3px 0 5px;
}

#wrapper.form.contact textarea {
  background: #f6f6f6;
  border: none;
}

.wpcf7-response-output {
  font-size: 1.6rem;
  padding: 15px 30px !important;
}

.column-btn-outer {
  text-align: center;
  margin-top: 2em;
}
.column-btn-outer .column-fukidashi {
  display: inline-block;
  line-height: 1;
  position: relative;
  padding: 0 10px;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 10px;
  margin-right: 60px;
}
.column-btn-outer .column-fukidashi::before, .column-btn-outer .column-fukidashi::after {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 2px;
  height: 22px;
  background: #333;
}
.column-btn-outer .column-fukidashi::before {
  transform: rotate(-20deg);
  left: 0;
}
.column-btn-outer .column-fukidashi::after {
  transform: rotate(20deg);
  right: 0;
}
.column-btn-outer .column-btn {
  position: relative;
  z-index: 0;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: auto;
  height: 50px;
  align-items: center;
  line-height: 1.35;
  max-width: 233px;
  margin: 0 auto;
  position: relative;
  border-radius: 9999px;
  transition: 0.3s all;
}
.column-btn-outer .column-btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  background-color: #e8867a;
  border-radius: 9999px;
}
.column-btn-outer .column-btn strong::after {
  content: "";
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
}
.column-btn-outer .column-btn:not(.normal)::before {
  border: 3px solid #fff;
}
.column-btn-outer .column-btn:not(.normal)::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -2;
  top: 3px;
  left: 3px;
  background-color: #BBB;
  border-radius: 9999px;
}
.column-btn-outer .column-btn:not(.normal).large {
  max-width: 293px;
  height: 60px;
  width: 100%;
}
.column-btn-outer .column-btn.normal {
  height: 40px;
  padding: 0px 20px;
  line-height: 1.2;
}
.column-btn-outer .column-btn.normal strong::before {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.column-btn-outer .column-btn.btn_reserve strong {
  text-align: left;
  padding-right: 60px;
}
.column-btn-outer .column-btn.btn_reserve strong::after {
  background-image: url(./../images/common/btn/btn_reserve.png);
  aspect-ratio: 131/87;
  width: 131px;
  right: 0;
}
.column-btn-outer .column-btn.btn_reserve_shinsaibashi strong {
  padding-left: 55px;
}
.column-btn-outer .column-btn.btn_reserve_shinsaibashi strong::after {
  background-image: url(./../images/common/btn/btn_reserve_shinsaibashi.png);
  aspect-ratio: 131/87;
  width: 131px;
  left: 0;
}
.column-btn-outer .column-btn.btn_price strong {
  padding-left: 30px;
}
.column-btn-outer .column-btn.btn_price strong::after {
  background-image: url(./../images/common/btn/btn_price.png);
  aspect-ratio: 43/52;
  width: 43px;
  left: 20px;
  bottom: 5px;
}
.column-btn-outer .column-btn.btn_doctor strong {
  padding-left: 35px;
}
.column-btn-outer .column-btn.btn_doctor strong::after {
  background-image: url(./../images/common/btn/btn_doctor.png);
  aspect-ratio: 63/59;
  width: 63px;
  left: -5px;
  bottom: 3px;
}
.column-btn-outer .column-btn.btn_epilation_ladies strong {
  padding-left: 22px;
}
.column-btn-outer .column-btn.btn_epilation_ladies strong::after {
  background-image: url(./../images/common/btn/btn_epilation_ladies.png);
  aspect-ratio: 29/26;
  width: 58px;
  left: 12px;
}
.column-btn-outer .column-btn.btn_epilation_mens strong {
  padding-left: 22px;
}
.column-btn-outer .column-btn.btn_epilation_mens strong::after {
  background-image: url(./../images/common/btn/btn_epilation_mens.png);
  aspect-ratio: 1/1;
  width: 46px;
  left: 20px;
}
.column-btn-outer .column-btn.btn_epilation_kids strong {
  padding-left: 22px;
}
.column-btn-outer .column-btn.btn_epilation_kids strong::after {
  background-image: url(./../images/common/btn/btn_epilation_kids.png);
  aspect-ratio: 1/1;
  width: 46px;
  left: 20px;
}
.column-btn-outer .column-btn.btn_epilation_nursing strong {
  padding-left: 22px;
}
.column-btn-outer .column-btn.btn_epilation_nursing strong::after {
  background-image: url(./../images/common/btn/btn_epilation_nursing.png);
  aspect-ratio: 1/1;
  width: 43px;
  left: 20px;
}
@media screen and (min-width: 768px) {
  .column-btn-outer .column-btn:hover {
    opacity: 0.7;
  }
}

#container .wp-list-blog ul li a .front-info .category.l_blue,
.column_category_badge.l_blue {
  background: #59d1cc !important;
}

.column.l_blue .column_detail strong {
  color: #59d1cc !important;
}
.column.l_blue .column_detail h2 {
  background-color: #cdf1f0 !important;
}
.column.l_blue .column_detail h3 {
  border-color: #59d1cc !important;
}
.column.l_blue .column_detail .soudan_btn,
.column.l_blue .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] {
  background-color: #79cfcb !important;
}
.column.l_blue .column_detail .soudan_btn strong,
.column.l_blue .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] strong {
  color: #fff !important;
}
.column.l_blue .column_detail .column-btn::before {
  background-color: #79cfcb !important;
}
.column.l_blue .column_detail .column-btn.dark::before {
  background-color: #2DC1BB !important;
}

#container .wp-list-blog ul li a .front-info .category.d_blue,
.column_category_badge.d_blue {
  background: #4B7EB9 !important;
}

.column.d_blue .column_detail strong {
  color: #4B7EB9 !important;
}
.column.d_blue .column_detail h2 {
  background-color: #c9d8ea !important;
}
.column.d_blue .column_detail h3 {
  border-color: #4B7EB9 !important;
}
.column.d_blue .column_detail .soudan_btn,
.column.d_blue .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] {
  background-color: #4B7EB9 !important;
}
.column.d_blue .column_detail .soudan_btn strong,
.column.d_blue .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] strong {
  color: #fff !important;
}
.column.d_blue .column_detail .column-btn::before {
  background-color: #4B7EB9 !important;
}
.column.d_blue .column_detail .column-btn.dark::before {
  background-color: #286CBC !important;
}

#container .wp-list-blog ul li a .front-info .category.pink,
.column_category_badge.pink {
  background: #f78075 !important;
}

.column.pink .column_detail strong {
  color: #f78075 !important;
}
.column.pink .column_detail h2 {
  background-color: #fdd9d6 !important;
}
.column.pink .column_detail h3 {
  border-color: #f78075 !important;
}
.column.pink .column_detail .soudan_btn,
.column.pink .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] {
  background-color: #f78075 !important;
}
.column.pink .column_detail .soudan_btn strong,
.column.pink .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] strong {
  color: #fff !important;
}
.column.pink .column_detail .column-btn::before {
  background-color: #F78075 !important;
}
.column.pink .column_detail .column-btn.dark::before {
  background-color: #F46053 !important;
}

#container .wp-list-blog ul li a .front-info .category.purple,
.column_category_badge.purple {
  background: #d191f2 !important;
}

.column.purple .column_detail strong {
  color: #9E56AD !important;
}
.column.purple .column_detail h2 {
  background-color: #f1defb !important;
}
.column.purple .column_detail h3 {
  border-color: #d191f2 !important;
}
.column.purple .column_detail .soudan_btn,
.column.purple .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] {
  background-color: #9E56AD !important;
}
.column.purple .column_detail .soudan_btn strong,
.column.purple .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] strong {
  color: #fff !important;
}
.column.purple .column_detail .column-btn::before {
  background-color: #9E56AD !important;
}
.column.purple .column_detail .column-btn.dark::before {
  background-color: #9839AC !important;
}

#container .wp-list-blog ul li a .front-info .category.green,
.column_category_badge.green {
  background: #59d16f !important;
}

.column.green .column_detail strong {
  color: #79cf86 !important;
}
.column.green .column_detail h2 {
  background-color: #cdf1d4 !important;
}
.column.green .column_detail h3 {
  border-color: #59d16f !important;
}
.column.green .column_detail .soudan_btn,
.column.green .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] {
  background-color: #79cf86 !important;
}
.column.green .column_detail .soudan_btn strong,
.column.green .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] strong {
  color: #fff !important;
}
.column.green .column_detail .column-btn::before {
  background-color: #79CF86 !important;
}
.column.green .column_detail .column-btn.dark::before {
  background-color: #3AC64F !important;
}

#container .wp-list-blog ul li a .front-info .category.browm,
.column_category_badge.browm {
  background: #d38152 !important;
}

.column.browm .column_detail strong {
  color: #cf9579 !important;
}
.column.browm .column_detail h2 {
  background-color: #f1d8cd !important;
}
.column.browm .column_detail h3 {
  border-color: #d38152 !important;
}
.column.browm .column_detail .soudan_btn,
.column.browm .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] {
  background-color: #cf9579 !important;
}
.column.browm .column_detail .soudan_btn strong,
.column.browm .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] strong {
  color: #fff !important;
}
.column.browm .column_detail .column-btn::before {
  background-color: #CF9579 !important;
}
.column.browm .column_detail .column-btn.dark::before {
  background-color: #CB7B54 !important;
}

#container .wp-list-blog ul li a .front-info .category.r_purple,
.column_category_badge.r_purple {
  background: #d15aa7 !important;
}

.column.r_purple .column_detail strong {
  color: #cf79b0 !important;
}
.column.r_purple .column_detail h2 {
  background-color: #f1cce3 !important;
}
.column.r_purple .column_detail h3 {
  border-color: #d15aa7 !important;
}
.column.r_purple .column_detail .soudan_btn,
.column.r_purple .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] {
  background-color: #cf79b0 !important;
}
.column.r_purple .column_detail .soudan_btn strong,
.column.r_purple .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] strong {
  color: #fff !important;
}
.column.r_purple .column_detail .column-btn::before {
  background-color: #CF79B0 !important;
}
.column.r_purple .column_detail .column-btn.dark::before {
  background-color: #B43E89 !important;
}

#container .wp-list-blog ul li a .front-info .category.orange,
.column_category_badge.orange {
  background: #f57935 !important;
}

.column.orange .column_detail strong {
  color: #e8905f !important;
}
.column.orange .column_detail h2 {
  background-color: #fcd8c1 !important;
}
.column.orange .column_detail h3 {
  border-color: #f57935 !important;
}
.column.orange .column_detail .soudan_btn,
.column.orange .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] {
  background-color: #e8905f !important;
}
.column.orange .column_detail .soudan_btn strong,
.column.orange .column_detail a[href="https://www.hiyori.clinic/form/reserve/"] strong {
  color: #fff !important;
}
.column.orange .column_detail .column-btn::before {
  background-color: #E8905F !important;
}
.column.orange .column_detail .column-btn.dark::before {
  background-color: #ED5E1E !important;
}

@media screen and (min-width: 768px) {
  .soudan_btn:hover {
    opacity: 0.7;
  }
}

.soudan_btn.renew {
  padding: 10px 20px;
  color: #fff;
  border-radius: 25px;
  text-decoration: none;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: auto;
  height: 72px;
  align-items: center;
  line-height: 1.35;
  max-width: 300px;
  margin: 0 auto;
  position: relative;
  background: #e8867a;
}
.soudan_btn.renew strong {
  display: inline-block;
  position: relative;
  top: -1px;
  padding: 0 20px;
}
.soudan_btn.renew strong::after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  position: absolute;
  right: 0;
  top: calc(50% + 1px);
  transform: translateY(-50%) rotate(45deg);
}
.soudan_btn.renew.normal {
  min-height: 40px;
  height: auto;
  padding: 0 30px 0 20px;
  border-radius: 500px;
  font-size: 1.4rem;
  max-width: 226px;
  margin: 0 auto;
  line-height: 1.2;
  letter-spacing: normal;
}
@media screen and (max-width: 767px) {
  .soudan_btn.renew.normal {
    font-size: 1.3rem;
    padding: 0 20px 0 15px;
  }
}
.soudan_btn.renew.normal::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

body.interview #container #nintei {
  margin-bottom: 0;
}
body.interview #container .mv-interview .mv-interview-inner {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  body.interview #container .mv-interview .mv-interview-inner .text {
    width: 53.35%;
  }
}
@media screen and (max-width: 767px) {
  body.interview #container .mv-interview .mv-interview-inner .text {
    display: contents;
  }
}
body.interview #container .mv-interview .mv-interview-inner .text .mv-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  background: #FF9E51;
  min-height: 280px;
  border-radius: initial;
}
@media screen and (max-width: 767px) {
  body.interview #container .mv-interview .mv-interview-inner .text .mv-title {
    margin: 0 0 0 -18px;
    width: 94.5%;
    min-height: 124px;
    order: 1;
  }
}
body.interview #container .mv-interview .mv-interview-inner .text .mv-title span {
  color: #fff;
  font-size: 3.2rem;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  body.interview #container .mv-interview .mv-interview-inner .text .mv-title span {
    font-size: 2.2rem;
    position: relative;
    top: -5%;
  }
}
body.interview #container .mv-interview .mv-interview-inner .text .mv-lead {
  font-size: 1.6rem;
  padding: 6% 0px 0px 3.9%;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  body.interview #container .mv-interview .mv-interview-inner .text .mv-lead {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  body.interview #container .mv-interview .mv-interview-inner .text .mv-lead {
    padding: 6% 0px 3.5% 0;
    font-size: 1.4rem;
    order: 3;
  }
}
body.interview #container .mv-interview .mv-interview-inner .visual {
  position: relative;
  padding: 6% 2.7% 5% 0px;
}
@media screen and (min-width: 768px) {
  body.interview #container .mv-interview .mv-interview-inner .visual {
    width: 46.65%;
  }
}
@media screen and (max-width: 767px) {
  body.interview #container .mv-interview .mv-interview-inner .visual {
    order: 2;
    padding: 0 0 6% 0;
    margin: -20px 0 0 auto;
    width: 81.5%;
    position: relative;
    right: -18px;
  }
}
@media screen and (min-width: 768px) {
  body.interview #container .mv-interview .mv-interview-inner .visual figure {
    margin-left: -16.5%;
  }
}
body.interview #container .mv-interview .mv-interview-inner .visual::after {
  content: "";
  width: 69.4%;
  height: 80%;
  background: #FFE4CE;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  body.interview #container .mv-interview .mv-interview-inner .visual::after {
    width: 44.2%;
    height: 66%;
  }
}
@media screen and (min-width: 768px) {
  body.interview #container .btn-list-flex ul li {
    min-width: 226px;
  }
}
body.interview #container .btn-list-flex ul li .n-btn {
  padding: 0 30px 0 15px;
}
#interview-body #interview-body-list ul li .sq-title {
  position: relative;
  margin: 0 0 45px;
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li .sq-title {
    margin: 0 0 25px;
  }
}
#interview-body #interview-body-list ul li .sq-title span {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 3.6rem;
  display: block;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li .sq-title span {
    font-size: 2.2rem;
  }
}
#interview-body #interview-body-list ul li .sq-title::after {
  content: "";
  display: block;
  background: #FFE4CE;
  width: 94px;
  height: 94px;
  position: absolute;
  top: -2em;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li .sq-title::after {
    width: 77px;
    height: 77px;
    top: -1em;
    left: -18px;
  }
}
#interview-body #interview-body-list ul li .box-interview.flex .in-box {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #interview-body #interview-body-list ul li .box-interview.flex .in-box {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li .box-interview.flex .in-box {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 768px) {
  #interview-body #interview-body-list ul li .box-interview.flex .in-box .front-box {
    width: 68.15%;
    padding-left: 34px;
  }
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li .box-interview.flex .in-box .front-box {
    margin-top: 25px;
  }
}
@media screen and (min-width: 768px) {
  #interview-body #interview-body-list ul li .box-interview.flex .in-box .back-box {
    width: 31.85%;
  }
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li .box-interview.flex .in-box .back-box {
    width: 62.3%;
    margin: 0 auto;
  }
}
#interview-body #interview-body-list ul li .interview-body-outer .box-normal.flex .in-box {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li .interview-body-outer .box-normal.flex .in-box {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li .interview-body-outer .box-normal.flex .in-box .front-box {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li .interview-body-outer .box-normal.flex .in-box .back-box {
    margin-top: 0px;
  }
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li .interview-body-outer .box-normal.flex .in-box .back-box figure {
    margin: 0 -18px;
  }
}
#interview-body #interview-body-list ul li .interview-body-outer .interview-body-inner .line-title {
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
  padding-left: 36px;
  letter-spacing: normal;
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li .interview-body-outer .interview-body-inner .line-title {
    font-size: 1.4rem;
  }
}
#interview-body #interview-body-list ul li .interview-body-outer .interview-body-inner .line-title::after {
  content: "";
  width: 28px;
  height: 3px;
  background: #FF9E51;
  position: absolute;
  top: 0.65em;
  left: 0;
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li .interview-body-outer .interview-body-inner .line-title::after {
    top: 0.6em;
  }
}
#interview-body #interview-body-list ul li .interview-body-outer .interview-body-inner .lead-mid {
  font-size: 1.6rem;
  margin-top: 10px;
  line-height: 1.7;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li .interview-body-outer .interview-body-inner .lead-mid {
    font-size: 1.4rem;
  }
}
#interview-body #interview-body-list ul li .interview-body-outer .interview-body-inner .lead-mid em {
  color: #FF9E51;
  font-weight: 700;
}
#interview-body #interview-body-list ul li .interview-body-outer .interview-body-inner + .interview-body-inner {
  margin-top: 3em;
}
#interview-body #interview-body-list ul li + li .interview-body-outer {
  margin-top: 10em;
}
@media screen and (max-width: 767px) {
  #interview-body #interview-body-list ul li + li .interview-body-outer {
    margin-top: 5em;
  }
}

.alert_sq {
  text-align: center;
  padding: 0 0 30px;
  margin: 130px 0 0;
}
@media screen and (max-width: 767px) {
  .alert_sq {
    padding: 0 0 40px;
    margin: -10px 0 0;
  }
}
.alert_sq p {
  max-width: 700px;
  margin: 0 auto;
  padding: 16px 15px;
  background: linear-gradient(0deg, rgb(236, 227, 243) 0%, rgb(252, 223, 226) 100%);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 160px;
}
@media screen and (max-width: 767px) {
  .alert_sq p {
    max-width: 339px;
    padding: 10px 15px;
    min-height: 126px;
  }
}
.alert_sq p::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -45px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/common/alert_sq.webp);
  width: 229px;
  height: 209px;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .alert_sq p::after {
    background-image: url(./../images/common/alert_sq_sp.webp);
    width: 143px;
    height: 162px;
    left: -19px;
  }
}
.alert_sq p span {
  display: inline-block;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
  letter-spacing: normal;
  text-align: left;
  padding-left: 140px;
}
@media screen and (max-width: 767px) {
  .alert_sq p span {
    font-size: 1.8rem;
    padding-left: 115px;
  }
}

#container .reserve-btn-list {
  margin: 50px auto 0;
}
@media screen and (max-width: 767px) {
  #container .reserve-btn-list {
    margin: 40px auto 0;
    max-width: 300px;
  }
}
@media screen and (min-width: 768px) {
  #container .reserve-btn-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -23px -2.4%;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  #container .reserve-btn-list ul li {
    width: 24.6%;
    margin: 0 0 23px 2.4%;
  }
}
#container .reserve-btn-list ul li a,
#container .reserve-btn-list ul li button {
  display: block;
  background: #7A5A7B;
  text-align: center;
  border-radius: 500px;
  font-size: 1.8rem;
  padding: 0 35px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  line-height: 1.2;
  color: #fff !important;
  outline: none;
  border: none !important;
  width: 100%;
}
#container .reserve-btn-list ul li a .icon,
#container .reserve-btn-list ul li button .icon {
  display: inline-block;
  position: relative;
  padding-left: 55px;
}
#container .reserve-btn-list ul li a .icon::after,
#container .reserve-btn-list ul li button .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#container .reserve-btn-list ul li a.web,
#container .reserve-btn-list ul li button.web {
  background: #FF8980;
}
#container .reserve-btn-list ul li a.web .icon::after,
#container .reserve-btn-list ul li button.web .icon::after {
  background-image: url(./../images/common/icon_web.webp);
  width: 36px;
  height: 34px;
}
#container .reserve-btn-list ul li a.line,
#container .reserve-btn-list ul li button.line {
  background: #06C755;
}
#container .reserve-btn-list ul li a.line .icon::after,
#container .reserve-btn-list ul li button.line .icon::after {
  background-image: url(./../images/common/icon_line.webp);
  width: 42px;
  height: 40px;
}
@media screen and (max-width: 767px) {
  #container .reserve-btn-list ul li + li {
    margin-top: 15px;
  }
}

#wrapper[data-type=monitors] #mv-contents {
  margin-bottom: 0 !important;
}
#wrapper[data-type=monitors] #monitors-list {
  background: #F7F7F7;
  margin: 0;
  padding: 60px 0 100px;
}
@media screen and (max-width: 767px) {
  #wrapper[data-type=monitors] #monitors-list {
    padding: 35px 0 60px;
  }
}

@media screen and (min-width: 768px) {
  #container .monitors-list-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 3.4%;
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  #container .monitors-list-inner {
    margin: 0 -8px;
  }
}
#container .monitor-list-body {
  border: 1px solid #CCC;
  border-radius: 15px;
  padding: 19px 19px 30px;
  position: relative;
  background: #fff;
  display: block;
}
@media screen and (max-width: 767px) {
  #container .monitor-list-body {
    padding: 14px 9px 33px;
  }
}
#container .monitor-list-body > figure {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 51.5%;
}
#container .monitor-list-body > figure img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translate(-50%, -50%);
}
#container .monitor-list-body span:not(.n-btn) {
  display: block;
}
#container .monitor-list-body .monitor-title {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  #container .monitor-list-body .monitor-title {
    margin-top: 15px;
  }
}
#container .monitor-list-body .monitor-title .n-ttl {
  font-size: 1.8rem;
  font-weight: 700;
}
#container .monitor-list-body .monitor-title + .monitor-conditions {
  margin-top: 20px;
}
#container .monitor-list-body .monitor-benefits {
  margin-top: 15px;
}
#container .monitor-list-body .monitor-benefits .tttl {
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  border-radius: 500px;
  background: #EBD2EB;
  display: block;
  padding: 5px 5px;
}
@media screen and (max-width: 767px) {
  #container .monitor-list-body .monitor-benefits .tttl {
    font-size: 1.2rem;
  }
}
#container .monitor-list-body .monitor-benefits .text {
  color: #9A6CAD;
  font-size: 2.2rem;
  font-weight: 700;
  margin-top: 15px;
}
#container .monitor-list-body .monitor-benefits + .monitor-conditions {
  margin-top: 20px;
}
#container .monitor-list-body .monitor-conditions .tttl {
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  border-radius: 500px;
  background: #EFEFEF;
  display: block;
  padding: 5px 5px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #container .monitor-list-body .monitor-conditions .tttl {
    font-size: 1.2rem;
  }
}
#container .monitor-list-body .monitor-conditions .content {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  #container .monitor-list-body .monitor-conditions .content {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 15px;
  }
}
#container .monitor-list-body .monitor-conditions .content i {
  font-size: 1.6rem;
  font-weight: 600;
  position: relative;
  padding-left: 2.5rem;
  letter-spacing: normal;
  display: block;
}
#container .monitor-list-body .monitor-conditions .content i::after {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/common/icon_chk.webp);
  width: 20px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  #container .monitor-list-body .monitor-conditions .content i + i {
    margin-top: 12px;
  }
}
#container .monitor-list-body .monitor-conditions .text01,
#container .monitor-list-body .monitor-conditions .text02 {
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 15px;
  line-height: 1.7;
}
#container .monitor-list-body .n-btn {
  max-width: 260px;
  margin: 15px auto 0;
}
@media screen and (max-width: 767px) {
  #container .monitor-list-body .n-btn {
    max-width: 278px;
  }
}
#container .monitor-list-body .n-btn.detail {
  border: 1px #ccc solid !important;
  background: #F7F7F7 !important;
  font-size: 1.2rem !important;
  color: #333 !important;
  max-width: 200px;
  margin-top: 25px;
}
#container .monitor-list-body .n-btn.detail::after {
  border-color: #333;
}
#container .monitor-list-body::after {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/monitors/icon_monitor.svg);
  width: 18.3%;
  aspect-ratio: 1/1;
  position: absolute;
  top: -10px;
  left: -10px;
}
@media screen and (max-width: 767px) {
  #container .monitor-list-body::after {
    width: 29.5%;
    left: -6px;
  }
}
@media screen and (max-width: 767px) {
  #container .monitor-list-body + .monitor-list-body {
    margin-top: 30px;
  }
}
#container .monitor-list-body.slide-type {
  padding: 22px 22.5px 30px;
}
@media screen and (max-width: 767px) {
  #container .monitor-list-body.slide-type {
    padding: 12px 12px 25px;
  }
}
#container .monitor-list-body.slide-type .monitor-title .n-ttl {
  font-size: 1.6rem;
}
#container .monitor-list-body.slide-type .monitor-benefits .tttl {
  font-size: 1.2rem;
  padding: 6px 5px;
}
#container .monitor-list-body.slide-type .monitor-benefits .text {
  font-size: 1.8rem;
}
#container .monitor-list-body.slide-type .n-btn {
  border: 1px #ccc solid;
  background: #F7F7F7;
  font-size: 1.2rem;
  color: #333 !important;
  max-width: 200px;
  margin-top: 22px;
  min-height: 35px;
}
#container .monitor-list-body.slide-type .n-btn::after {
  border-color: #333;
}
@media screen and (min-width: 768px) {
  #container .monitor-list-body.slide-type::after {
    top: 10px;
    left: 10px;
  }
}

.price-data .detail-title-min::after {
  content: "料金表";
}
.price-data + .price-data {
  margin-top: -1px !important;
}
.price-data + .price-data table tr:first-child {
  display: none !important;
}
.price-data.last-none table tr:last-child {
  display: none !important;
}

.text-alert {
  border: 1px solid #9A6CAD;
  background-color: #F9F4FA;
  max-width: 951px;
  width: calc(100% - 36px);
  margin-inline: auto;
  padding: 15px 25px;
  margin-block: 50px 70px;
}
@media screen and (max-width: 767px) {
  .text-alert {
    padding: 15px 15px;
    margin-block: 30px 40px;
  }
}
.text-alert__img {
  max-width: 342px;
  margin-inline: auto;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .text-alert__img {
    max-width: 100%;
    width: 100%;
  }
}
.text-alert .alert-ttl {
  font-size: 1.8rem;
  font-weight: 700;
  color: #9A6CAD;
  font-family: "Zen Maru Gothic", sans-serif;
}
.text-alert .alert-lead {
  font-size: 1.4rem;
  color: #666;
  margin-top: 5px;
}
.text-alert .alert-link {
  font-size: 1.4rem;
  color: #666 !important;
  margin-top: 5px;
  text-align: right;
}
.text-alert .alert-link a,
.text-alert .alert-link button {
  position: relative;
  display: inline-block;
  color: #666 !important;
  text-align: left;
  padding-right: 10px;
}
.text-alert .alert-link a::after,
.text-alert .alert-link button::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

/* モーダル */
.modal-overlay {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999999;
}

.modal-container {
  position: relative;
  background-color: #fff;
  max-height: 80vh;
  max-width: 850px;
  overflow-y: auto;
  padding: 75px 115px;
  width: 100%;
  border-radius: 30px;
}
@media screen and (max-width: 767px) {
  .modal-container {
    width: 90%;
    padding: 80px 19px;
  }
}

.modal-header {
  text-align: center;
}
.modal-header__logo {
  width: 112px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .modal-header__logo {
    width: 92px;
  }
}
.modal-header__title {
  font-size: 2.4rem;
  font-weight: 700;
  margin: 5px 0 0;
}
@media screen and (max-width: 767px) {
  .modal-header__title {
    font-size: 1.9rem;
  }
}

.modal-btn__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .modal-btn__list {
    grid-template-columns: auto;
  }
}
.modal-btn__list a,
.modal-btn__list button {
  background: #06C755;
  text-align: center;
  border-radius: 500px;
  font-size: 1.8rem;
  padding: 0 35px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  line-height: 1.2;
  color: #fff !important;
  outline: none;
  border: none !important;
  width: 100%;
}
.modal-btn__list-tel {
  display: grid;
  gap: 20px;
}
.modal-btn__list-tel a,
.modal-btn__list-tel button {
  display: flex;
  align-items: center;
  gap: 15px;
  min-height: 60px;
  padding: 5px 10px 5px 15px;
  background-color: #E5DBEA;
  border-radius: 10px;
}
.modal-btn__list-tel a .front,
.modal-btn__list-tel button .front {
  font-size: 1.8rem;
  line-height: 1.3;
  min-width: 108px;
}
.modal-btn__list-tel a .back,
.modal-btn__list-tel button .back {
  display: grid;
  align-items: center;
  grid-template-columns: 15px auto;
  gap: 5px;
  font-size: 1.8rem;
  font-family: "Outfit", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.modal-btn__list-tel a .back::before,
.modal-btn__list-tel button .back::before {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(./../images/common/icon_tel.webp);
  width: 15px;
  height: 20px;
}

.modal-close {
  position: absolute;
  top: 20px;
  right: 15px;
  background: transparent;
  border: 0;
}

.modal-close::before {
  content: "";
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 32px;
  aspect-ratio: 16/15;
  background-image: url(./../images/common/modal_close.svg);
}

.modal-content {
  margin: 60px 0 0 0;
}
.modal-content#modal-reserve-content .modal-btn__list a,
.modal-content#modal-reserve-content .modal-btn__list button {
  background: #FF8980;
}

.modal-open {
  display: block;
  margin: 100px auto;
}

/* モーダルアニメーション */
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal-overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal-container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal-overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal-container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal-container,
.micromodal-slide .modal-overlay {
  will-change: transform;
}

button[data-micromodal-trigger] {
  width: 100%;
  transition: 0.3s all;
  opacity: 1;
  transform: 0.3s all;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  button[data-micromodal-trigger]:hover {
    opacity: 0.7;
  }
}/*# sourceMappingURL=styles.css.map */