@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@700&display=swap";
.p-case {
  padding-bottom: 9rem; /* 90px */
}

.p-case__archive {
  display: flex;
  flex-wrap: wrap;
  gap: 2.67%;
}

.p-case__archive__post {
  width: 31.55%;
}

.p-case__archive__post a {
  display: block;
  font-weight: bold;
  background: #f8f5f2;
}

.p-case__archive__post img {
  width: 100%;
  height: 20.9rem; /* 209px */
  object-fit: cover;
}

.p-case__archive__post .in {
  display: inline-block;
  padding: 1.4rem 2rem 2.4rem; /* 14px 20px 24px */
}

.p-case__archive__post .title {
  font-size: 1.8rem; /* 18px */
  line-height: 1.33;
}

.p-case__archive__post .tag {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.2rem; /* 12px */
}

.p-case__archive__post .tag span {
  font-size: 1.2rem; /* 12px */
  background: #00bc8b;
  color: #fff;
  border-radius: 30px;
  display: inline-block;
  margin: 0 0.7rem 0.7rem 0; /* 0 7px 7px 0 */
  padding: 0.3rem 1rem; /* 3px 10px */
}

.p-case__archive__post .more {
  background: #00bc8b;
  color: #fff;
  font-size: 1.6rem; /* 16px */
  padding: 1.1rem; /* 11px */
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-case__archive__post .more::after {
  content: "";
  display: inline-block;
  width: 0.5rem; /* 5px */
  height: 0.8rem; /* 8px */
  margin-left: 1rem; /* 10px */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 7 11.807"><path fill="%23ffffff" d="M.321,11.486a1.1,1.1,0,0,1,0-1.551L4.353,5.9.321,1.872A1.1,1.1,0,0,1,1.872.321L6.679,5.128a1.1,1.1,0,0,1,0,1.551L1.872,11.486a1.1,1.1,0,0,1-1.551,0" /></svg>');
  background-position: center center;
  background-repeat: no-repeat;
}

.p-column {
  padding: 7rem 0 9rem; /* 70px 0 90px */
  position: relative;
}

.p-column__title {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00bc8b;
  font-size: 2.4rem; /* 24px */
  letter-spacing: 0.1em;
  margin-bottom: 1.8rem; /* 18px */
}

.p-column__title::before,
.p-column__title::after {
  content: "";
  display: block;
  height: 3rem; /* 30px */
  width: 0.2rem; /* 2px */
  background: #00bc8b;
  margin: 0 1.5rem; /* 0 15px */
}

.p-column__title::before {
  transform: rotate(-30deg);
}

.p-column__title::after {
  transform: rotate(30deg);
}

.p-column__fukidashi {
  text-align: center;
  margin-bottom: 1.5rem; /* 15px */
  padding-right: 8.3rem; /* 83px */
}

.p-column__archive {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-column__archive__post {
  width: 49%;
  margin-bottom: 2rem; /* 20px */
}

.p-column__archive__post a {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 1.8rem 2rem 1.7rem; /* 18px 20px 17px */
}

.p-column__archive__post a .img {
  width: 42%;
}

.p-column__archive__post a .img img {
  width: 100%;
  height: 14.9rem; /* 149px */
  object-fit: cover;
}

.p-column__archive__post a .overview {
  width: 55%;
  padding-top: 0.2rem; /* 2px */
}

.p-column__archive__post a .label {
  font-size: 1.4rem; /* 14px */
  color: #fff;
  font-weight: bold;
  background: #00bc8b;
  margin-right: 1.3rem; /* 13px */
  padding: 0.5rem 1rem; /* 5px 10px */
}

.p-column__archive__post a .date {
  color: #727171;
  font-size: 1.4rem; /* 14px */
  display: inline-block;
  transform: translateY(-0.2rem); /* -2px */
}

.p-column__archive__post a .title {
  display: block;
  font-weight: bold;
  font-size: 1.6rem; /* 16px */
  line-height: 1.5;
  margin-top: 0.8rem; /* 8px */
}

.p-column__more {
  margin-top: 4rem; /* 40px */
}

.p-column__illust {
  position: absolute;
  left: 12rem; /* 120px */
  bottom: -2.4rem; /* -24px */
}

.p-clinic {
  padding-top: 12rem; /* 120px */
}

.p-clinic__information {
  display: flex;
  justify-content: space-between;
}

.p-clinic__information__img {
  width: 47.3%;
}

.p-clinic__information__content {
  width: 50%;
}

.p-clinic__information__content__title {
  color: #00bc8b;
  font-weight: bold;
  font-size: 1.8rem; /* 18px */
  padding-bottom: 0.5rem; /* 5px */
  margin-bottom: 0.2rem; /* 2px */
  border-bottom: 1px solid #00bc8b;
}

.p-clinic__information__content__title + p {
  margin-bottom: 2rem; /* 20px */
}

.p-clinic__information__content__title + p a {
	color: #00bc8b;
	font-weight: bold;
	border-bottom: 1px solid #00bc8b;
}

.p-main__hero__title {
  line-height: 0;
}

.p-main__news {
/*   display: flex; */
/*   align-items:flex-start; */
/*   justify-content: space-between; */
  padding: 2.3rem 0; /* 23px 0 */
  height: 16rem;
  overflow: hidden;
  position: relative;
  transition: .5s;
  &:after{
	  content: "";
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  width: 100%;
	  height: 5rem;
	  background: linear-gradient(rgba(248, 245, 242, 0) 0%, #f8f5f2 68%);
  }
  &.active{
	  height: auto;
	  &:after{
		  content: none;
	  }
  }
}
@media screen and (max-width: 768px) {
	.p-main__news {
		height: 27rem;
	}
}
/* .p-main__news div{
	width: calc(100% - 27.8rem);
} */
@media screen and (max-width: 768px) {
.p-main__news div{
	width: auto;
}	
}
.p-main__news__box {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.p-main__news__box div {
	width: calc(100% - 27.8rem);
}

@media screen and (max-width: 768px) {
.p-main__news__box div{
	width: auto;
}	
}

.p-main__news__title {
  width: 17.8rem; /* 178px */
  font-size: 2.5rem; /* 25px */
  color: #00bc8b;
  font-family: "Nunito Sans", sans-serif;
}

.p-main__news__post {
  display: flex;
  align-items:flex-start;
/*   width: calc(100% - 17.8rem);  *//* calc(100% - 178px) */
  position: relative;
  padding: 1rem 2rem 1rem 0; /* 10px 0 */
}

.p-main__news__post .date {
  width: 10rem; /* 100px */
  font-size: 1.4rem; /* 14px */
  line-height: 1.6;
  white-space: nowrap;
}

.p-main__news__more {
	width: 100%;
	margin-top: 3rem;
}

@media screen and (max-width: 768px) {
	.p-main__news__more{
		margin-bottom: 3rem;
	}
}

.detailsbtn{
	text-align: center;
	.box{
		display: table;
		table-layout: fixed;
		cursor: pointer;
		margin: auto;
		.text,.icon{
			display: table-cell;
			vertical-align: middle;
		}
		&.active{
			.icon{
				.line{
					opacity: 0;
				}
			}
		}
	}
	.text{
		font-weight: bold;
		font-size: 1.4rem;
		letter-spacing: 0.1em;
		line-height:1;
		color: #00bc8b;	
		padding-right: 1rem;	
		}		

}

.p-main__news__post .title {
  font-size: 1.6rem; /* 16px */
  width: calc(100% - 10rem); /* calc(100% - 100px) */
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.p-main__news__post::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.7rem; /* 7px */
  height: 1.2rem; /* 12px */
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 7 11.807"><path fill="%23333333" d="M.321,11.486a1.1,1.1,0,0,1,0-1.551L4.353,5.9.321,1.872A1.1,1.1,0,0,1,1.872.321L6.679,5.128a1.1,1.1,0,0,1,0,1.551L1.872,11.486a1.1,1.1,0,0,1-1.551,0" /></svg>');
  background-position: center center;
  background-repeat: no-repeat;
}

.p-open {
  padding-top: 7rem; /* 70px */
  overflow: hidden;
}

.p-open__navi {
  display: none;
}

.p-open__lead {
  text-align: center;
  font-weight: bold;
  font-size: 5rem; /* 50px */
  line-height: 1.6;
}

.p-open__lead.p-open__lead--small {
  font-size: 4.4rem; /* 44px */
}

.p-open__lead .border {
  position: relative;
  display: inline-block;
}

.p-open__lead .border::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3rem; /* 30px */
  background: #d1f0e8;
  z-index: -1;
}

.p-open__guarantee {
  display: block;
  margin-top: 3.6rem; /* 36px */
  margin-bottom: 8.4rem; /* 84px */
}

.p-open__monitor {
  padding-top: 8rem; /* 80px */
}

.p-open__monitor__in {
  background: #fff;
  position: relative;
}

.p-open__monitor__badge {
  width: 17.4rem; /* 174px */
  position: absolute;
  top: -12rem; /* -120px */
  left: 0;
}

.p-open__monitor__title {
  font-weight: bold;
  color: #00bc8b;
  font-size: 4rem; /* 40px */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -3rem; /* -30px */
  padding-left: 5.4rem; /* 54px */
  letter-spacing: 0.05em;
  margin-bottom: -1rem; /* -10px */
}

.p-open__monitor__title::before {
  content: "";
  display: inline-block;
  margin-right: 1.3rem; /* 13px */
  width: 5.4874rem; /* 54.874px */
  height: 4rem; /* 40px */
  background-image: url("../img/top/monitor_icon.svg");
}

.p-open__monitor__price {
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-open__monitor__price .arrow {
  display: block;
  margin: 0 3rem; /* 30px */
}

.p-open__monitor__price .normal {
  width: 35.6rem;
}

.p-open__monitor__price .special {
  position: relative;
  z-index: 5;
  width: 43.7rem;
}

.p-open__monitor__more {
  display: flex;
  align-items: center;
  background: #00bc8b;
  margin-top: 2.7rem; /* 27px */
  color: #fff;
  font-size: 2rem; /* 20px */
  padding: 1.4rem 5rem 1.4rem 9rem; /* 14px 50px 14px 90px */
}

.p-open__monitor__more .start {
  font-weight: bold;
  color: #ffe87f;
}

.p-open__monitor__more .slash {
  display: inline-block;
  margin: 0 1.4rem; /* 14px */
}

.p-open__monitor__more .button {
  font-size: 1.6rem; /* 16px */
  border: 1px solid #fff;
  border-radius: 30px;
  width: 13rem; /* 130px */
  height: 3.3rem; /* 33px */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  position: relative;
}

.p-open__monitor__more .button::after {
  content: "";
  position: absolute;
  right: 1.2rem; /* 12px */
  top: 50%;
  width: 0.5rem; /* 5px */
  height: 0.843rem; /* 8.43px */
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 7 11.807"><path fill="%23ffffff" d="M.321,11.486a1.1,1.1,0,0,1,0-1.551L4.353,5.9.321,1.872A1.1,1.1,0,0,1,1.872.321L6.679,5.128a1.1,1.1,0,0,1,0,1.551L1.872,11.486a1.1,1.1,0,0,1-1.551,0" /></svg>');
  background-position: center center;
  background-repeat: no-repeat;
}

.p-open__consultation {
  margin-top: 8.3rem; /* 83px */
  display: flex;
  justify-content: space-between;
}

.p-open__consultation__illust {
  padding-top: 3.5rem; /* 35px */
  min-width: 25rem; /* 250px */
  padding-right: 1em;
}

.p-open__consultation__box {
  background: #fff;
  width: 100%;
  padding: 2.3rem 5rem 3rem; /* 23px 50px 30px */
  position: relative;
  overflow: hidden;
}

.p-open__consultation__box + .p-open__consultation__box {
  margin-top: 3rem; /* 30px */
}

.p-open__consultation__box__title {
  display: flex;
  align-items: center;
  font-weight: bold;
}

.p-open__consultation__box__title .label {
  background: #00bc8b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem; /* 20px */
  color: #fff;
  border-radius: 5px;
  width: 6.1rem; /* 61px */
  height: 3.4rem; /* 34px */
}

.p-open__consultation__box__title .main {
  font-size: 3rem; /* 30px */
  letter-spacing: 0.05em;
  display: block;
  margin-left: 1.5rem; /* 15px */
}

.p-open__consultation__box__check {
  background: #f8f5f2;
  display: flex;
  flex-wrap: wrap;
  padding: 2.2rem 3rem 2rem; /* 22px 30px 20px */
  padding-right: 30%;
  margin-top: 1.2rem; /* 12px */
}

.p-open__consultation__box__check li {
  margin: 0.4rem 8% 0.5rem 0; /* 4px 8% 5px 0 */
}

.p-open__consultation__box__more {
  position: absolute;
  bottom: -5rem; /* -50px */
  right: -3.7rem; /* -37px */
  width: 16.5rem; /* 165px */
  height: 16.5rem; /* 165px */
  border-radius: 100px;
  font-size: 2rem; /* 20px */
  font-weight: bold;
  background: #00bc8b;
  color: #fff;
  padding-top: 3.4rem; /* 34px */
  padding-left: 3.3rem; /* 33px */
}

/* ーーーーーーーーーーーーーーーーーーーーーーー */

.p-open__consultation__box__more::after {
  content: "";
  display: block;
  margin-top: 0.8rem; /* 8px */
  margin-left: 0.8rem; /* 8px */
  width: 7.0408rem; /* 70.408px */
  height: 1.8274rem; /* 18.274px */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 70.408 18.274"><g transform="translate(0 0)"><path d="M59.768,16.428H1.915a1.915,1.915,0,1,1,0-3.83H59.768a1.915,1.915,0,1,1,0,3.83" transform="translate(0 -5.376)" fill="%23fff"/><path d="M113.465,8.438,103.146.2a.9.9,0,0,0-1.454.7v16.48a.9.9,0,0,0,1.454.7l10.32-8.24a.9.9,0,0,0,0-1.4" transform="translate(-43.394 0)" fill="%23fff"/></g></svg>');
  background-position: center center;
  background-repeat: no-repeat;
}

.p-open__gallery {
  width: 162.6rem; /* 1626px */
  margin: 0 auto;
  padding: 9rem 0 8.6rem; /* 90px 0 86px */
}

.p-open__gallery .swiper {
  overflow: visible;
}

.p-open__gallery .swiper-wrapper {
  transition-timing-function: linear;
}

.p-open__gallery img {
  width: 38.7rem; /* 387px */
}

.p-about {
  padding-top: 9rem; /* 90px */
  padding-bottom: 9rem; /* 90px */
}

.p-about__lead {
  text-align: center;
  font-weight: bold;
  font-size: 4rem; /* 40px */
  margin-top: -1rem; /* -10px */
}

.p-about__lead mark {
  color: #00bc8b;
}

.p-about__column {
  display: flex;
  justify-content: space-between;
  margin-top: 7.8rem; /* 78px */
  padding-bottom: 12rem; /* 120px */
  position: relative;
}

.p-about__column.p-about__column--prp {
  padding-bottom: 0;
}

.p-about__column.p-about__column--prp::after {
  content: none;
}

.p-about__column::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 4.8916rem; /* 48.916px */
  height: 6.8rem; /* 68px */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox=" 0 0 48.916 68"><g transform="translate(-935.543 -4005.404)"><path d="M1.331,47.585a4.542,4.542,0,0,1,0-6.424l16.7-16.7-16.7-16.7A4.542,4.542,0,0,1,7.754,1.33L27.67,21.246a4.543,4.543,0,0,1,0,6.424L7.754,47.585a4.542,4.542,0,0,1-6.424,0" transform="translate(984.459 4005.404) rotate(90)" fill="%2300bc8b"/><path d="M1.331,47.585a4.542,4.542,0,0,1,0-6.424l16.7-16.7-16.7-16.7A4.542,4.542,0,0,1,7.754,1.33L27.67,21.246a4.543,4.543,0,0,1,0,6.424L7.754,47.585a4.542,4.542,0,0,1-6.424,0" transform="translate(984.459 4044.404) rotate(90)" fill="%2300bc8b"/></g></svg>');
  background-position: center center;
  background-repeat: no-repeat;
}

.p-about__graph {
  width: 50%;
}

.p-about__graph img {
  transform: scale(1.06) translateX(-1.5rem) translateY(-1.2rem); /* -15px -12px */
}

.p-about__check {
  width: 50%;
}

.p-about__check__list {
  background: #f8f5f2;
  margin-bottom: 1rem; /* 10px */
  padding: 1.5rem 1.8rem; /* 15px 18px */
}

.p-about__result {
  text-align: center;
  margin-top: 8.4rem; /* 84px */
  padding-bottom: 5rem; /* 50px */
  background-image: url("../img/top/result_background.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.p-about__result__label span {
  color: #00bc8b;
  background: #ffe87f;
  font-weight: bold;
  font-size: 3rem; /* 30px */
  border-radius: 40px;
  letter-spacing: 0.05em;
  width: 79rem; /* 790px */
  height: 7.8rem; /* 78px */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transform: translateY(-50%);
}

.p-about__result__title {
  font-weight: bold;
  color: #00bc8b;
  font-size: 5rem; /* 50px */
  letter-spacing: 0.05em;
  margin-bottom: 1.8rem; /* 18px */
  margin-top: -0.6rem; /* -6px */
}

.p-about__result__lead {
  font-weight: bold;
  font-size: 3rem; /* 30px */
  padding-right: 4rem; /* 40px */
}

.p-about__more {
  margin-top: 3rem; /* 30px */
}

/* ---------------- */

.p-doctor {
  padding-top: 7rem;
  padding-bottom: 9rem;
  position: relative;
  z-index: 1;
}

.p-doctor__block {
  position: relative;
}

.p-doctor__block.p-doctor__block--reverse .p-doctor__block__text {
  max-width: 100%;
}
.p-doctor__block.p-doctor__block--reverse .p-doctor__block__text p {
  transform: translateX(53%);
}

.p-doctor__block.p-doctor__block--reverse .p-doctor__block__text::after {
  right: auto;
  left: 0;
}
.p-doctor__block.p-doctor__block--reverse .p-doctor__block__img {
  left: auto;
  right: 52.5%;
}

.p-doctor__block__text {
  padding: 4.5rem 0;
  max-width: 57rem;
  background: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  line-height: 3;
  z-index: 1;
}

.p-doctor__block__text::after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  right: 0;
  top: 0;
  background: #fff;
  z-index: -1;
}

.p-doctor__block__text .large {
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 1;
}

.p-doctor__block__text .green {
  color: #00bc8b;
}
.p-doctor__block__img {
  width: 67.1rem;
  position: absolute;
  top: 2.8rem;
  left: 52.5%;
}
.p-doctor__block__img .name {
  position: absolute;
  bottom: 11rem;
  right: 0;
  font-weight: bold;
  color: #fff;
  background: #00bc8b;
  font-size: 1.6rem;
  width: 33.6rem;
  padding: 0.9rem 1.2rem;
}

.p-doctor__fukidashi {
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-size: 4rem;
  padding: 16rem 0 7rem;
}

.p-doctor__fukidashi .green {
  color: #00bc8b;
}
.p-doctor__fukidashi .in {
  position: relative;
  display: inline-block;
}
.p-doctor__fukidashi .in::before,
.p-doctor__fukidashi .in::after {
  content: "";
  position: absolute;
  width: 6.4162rem;
  height: 4.9489rem;
  z-index: -1;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 64.162 49.489"><path d="M24.621,4.476C19.15,9.2,12.932,14.922,12.932,20.641c0,1.741.5,3.482,2.238,4.228,9.7,3.482,9.7,9.948,9.7,12.186A12.3,12.3,0,0,1,12.435,49.489C4.228,49.489,0,42.526,0,35.314,0,18.652,14.922,4.973,20.394,0Zm39.045,0c-5.472,4.974-11.69,10.446-11.69,16.165,0,2.239,1,3.731,2.239,4.228,6.217,1.989,9.947,5.72,9.947,12.186A12.467,12.467,0,0,1,51.728,49.489c-8.207,0-12.684-6.963-12.684-14.175C39.044,18.9,54.215,4.973,59.685,0Z" fill="%23d1f0e8"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
}

.p-doctor__fukidashi .in::before {
  left: -4.7rem;
  top: -2.9rem;
}

.p-doctor__fukidashi .in::after {
  right: -4.3rem;
  bottom: -1.6rem;
  transform: scale(-1, -1);
}

.p-doctor__more {
  margin-top: 15rem;
}

.p-menu__title {
  padding-top: 7rem;
}

.p-menu__overview {
  text-align: center;
  padding-top: 7rem;
  padding-bottom: 9rem;
}

.p-menu__overview.p-menu__overview--top {
  padding-top: 0;
  margin-top: -4.4rem;
}
.p-menu__overview__fukidashi {
  transform: translateX(2.5rem);
  margin-bottom: 0.5rem;
}

.p-menu__overview__table {
  text-align: center;
}

.p-menu__overview__table__wrap table {
  width: 100%;
}

.p-menu__overview__table__wrap thead {
  font-weight: bold;
  color: #00bc8b;
  font-size: 1.8rem;
}

.p-menu__overview__table__wrap .line {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.9rem;
}

.p-menu__overview__table__wrap .line::before,
.p-menu__overview__table__wrap .line::after {
  content: "";
  display: block;
  height: 1px;
  flex: 1;
  background: #00bc8b;
  margin: 0 0.5rem;
}
.p-menu__overview__table__wrap tbody th,
.p-menu__overview__table__wrap tbody td {
  border: 0.5rem solid #d1f0e8;
  width: 20%;
}

.p-menu__overview__table__wrap tbody th {
  background: #f8f5f2;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  vertical-align: middle;
}

.p-menu__overview__table__wrap tbody td {
  background: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  height: 8.5rem;
  vertical-align: middle;
}

.p-menu__overview__table__wrap tbody .bold {
  font-weight: bold;
}
.p-menu__overview__table__wrap tbody .large {
  font-size: 1.8rem;
}

.p-menu__overview__table__wrap tbody .green {
  color: #00bc8b;
}
.p-menu__overview__table__wrap tbody .background {
  background: #ffe87f;
}
.p-menu__overview__table__wrap tbody .small {
  font-size: 1.2rem;
}

.p-menu__overview__table__wrap tbody .stealth {
  background: none;
}
.p-menu__overview__table__wrap tbody .head {
  height: 4.6rem;
}
.p-menu__overview__button {
  display: flex;
  justify-content: center;
  margin-top: 5.5rem;
}

.p-menu__overview__button a {
  margin: 0 1.5rem;
  position: relative;
}

.p-menu__overview__button a::before {
  content: "";
  position: absolute;
  top: -5rem;
  left: 40%;
  height: 5rem;
  width: 0.3rem;
  pointer-events: none;
  background-image: url("../img/line_dot.svg");
}

.p-menu__overview__button a:last-child::before {
  transform: rotate(-40deg);
  left: 4%;
  top: -5.6rem;
  height: 5.9rem;
}

.p-menu__overview__more {
  margin-top: 4rem;
}

.p-menu__difference {
  padding-top: 8.4rem;
}
.p-menu__difference__column {
  display: flex;
  justify-content: space-between;
  margin-top: 3.4rem;
}

.p-menu__difference__column__row {
  width: 48.6%;
}

.p-menu__difference__title {
  text-align: center;
  background: #d1f0e8;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
  padding: 0.9rem 0;
}

.p-menu__difference__title.p-menu__difference__title--green {
  background: #00bc8b;
  color: #fff;
}
.p-menu__difference__purpose {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}

.p-menu__difference__purpose .label {
  background: #f8f5f2;
  font-weight: bold;
  border-radius: 0.5rem;
  font-size: 1.8rem;
  width: 6.6rem;
  height: 3.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}

.p-menu__difference__image {
  position: relative;
  padding-bottom: 4.6rem;
  margin-bottom: 2rem;
}

.p-menu__difference__image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2.1168rem;
  height: 3.2247rem;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 21.168 32.247"><path d="M31.276,8.475,22.149.666A2.775,2.775,0,0,0,17.57,2.775V6.768H3.816a3.815,3.815,0,1,0,0,7.631H17.57v3.994A2.774,2.774,0,0,0,22.149,20.5l9.127-7.809a2.775,2.775,0,0,0,0-4.217" transform="translate(21.168) rotate(90)" fill="%2300bc8b"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
}

.p-menu__difference__image.p-menu__difference__image--last {
  padding-bottom: 0;
  margin-bottom: 2.6rem;
}
.p-menu__difference__image.p-menu__difference__image--last::after {
  content: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.p-menu__difference__image figcaption {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.8;
  margin-top: 0.6rem;
}

/* ここからスマホ ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

@media screen and (max-width: 768px) {
  .p-case {
    padding-bottom: 16vw;
  }

  .p-case__archive {
    gap: 0;
    justify-content: space-between;
  }
  .p-case__archive__post {
    width: 48.5%;
  }

  .p-case__archive__post img {
    height: 26.4vw;
  }

  .p-case__archive__post .in {
    padding: 1.6vw 2.6666666667vw 2.6666666667vw;
  }

  .p-case__archive__post .title {
    font-size: 3.7333333333vw;
  }
  .p-case__archive__post .tag {
    margin-top: 2.6666666667vw;
  }

  .p-case__archive__post .tag span {
    font-size: 3.2vw;
    margin: 0 1.0666666667vw 1.0666666667vw 0;
    padding: 0.8vw 2.6666666667vw;
  }

  .p-case__archive__post .more {
    font-size: 3.7333333333vw;
    padding: 1.8666666667vw;
  }

  .p-column {
    padding: 13.3333333333vw 0;
  }

  .p-column__title {
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 4.8vw;
  }

  .p-column__title::before,
  .p-column__title::after {
    height: 10.6666666667vw;
    margin: 0 5.3333333333vw;
  }

  .p-column__fukidashi {
    padding: 0;
    margin-bottom: 10px;
  }

  .p-column__archive__post {
    width: 100%;
    margin-bottom: 4vw;
  }

  .p-column__archive__post a {
    padding: 4vw;
  }

  .p-column__archive__post a .img img {
    height: 25.3333333333vw;
  }

  .p-column__archive__post a .overview {
    padding-top: 0;
  }
  .p-column__archive__post a .label {
    font-size: 3.2vw;
    padding: 1.3333333333vw 2.6666666667vw;
    margin-right: 1.6vw;
  }

  .p-column__archive__post a .date {
    font-size: 3.2vw;
    vertical-align: middle;
  }
  .p-column__archive__post a .title {
    font-size: 3.7333333333vw;
  }

  .p-column__more {
    margin-top: 4vw;
  }

  .p-column__illust {
    bottom: auto;
    top: -6.6666666667vw;
    left: 0;
    width: 32.5333333333vw;
  }
  .p-clinic {
    padding-top: 15.4666666667vw;
  }

  .p-clinic__information {
    display: block;
  }

  .p-clinic__information__img {
    width: 100%;
  }

  .p-clinic__information__content {
    width: 100%;
    padding-top: 3.2vw;
  }

  .p-clinic__information__content__title {
    font-size: 4.8vw;
    padding-bottom: 1.3333333333vw;
    margin-bottom: 1.3333333333vw;
  }
  .p-clinic__information__content__title + p {
    margin-bottom: 2.4vw;
  }

  .p-main {
    padding-top: 17.3333333333vw;
  }
  .p-main__news {
    justify-content: space-between;
    padding: 1.3333333333vw 0;
    align-items: flex-start;
  }

  .p-main__news__title {
    width: 23.5%;
    font-size: 5.3333333333vw;
  }

  .p-main__news__post {
    display: block;
    width: 89%;
    padding-left:6vw;
  }

  .p-main__news__post .date {
    display: block;
    width: 100%;
    font-size: 3.7333333333vw;
  }

  .p-main__news__post .title {
    width: 100%;
    font-size: 3.7333333333vw;
  }

  .p-main__news__post::after {
    width: 1.8666666667vw;
    height: 3.2vw;
    right: -8vw;
  }
  .p-open {
    padding-top: 10.6666666667vw;
  }
  .p-open__navi {
    display: flex;
    flex-wrap: wrap;
    background: #00bc8b;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 8.8vw;
    padding: 4vw 4vw 2.6666666667vw;
  }
  .p-open__navi li {
    width: 50%;
  }
  .p-open__navi li:nth-child(1),
  .p-open__navi li:nth-child(2) {
    border-bottom: 1px solid #fff;
  }
  .p-open__navi li:nth-child(1),
  .p-open__navi li:nth-child(3) {
    border-right: 1px solid #fff;
  }
  .p-open__navi a {
    display: block;
    padding: 3.4666666667vw 0 4vw;
  }
  .p-open__navi .jp {
    display: block;
    width: 100%;
    font-size: 4.2666666667vw;
    line-height: 1.3;
  }
  .p-open__navi .en {
    line-height: 1.5;
    font-size: 3.2vw;
    font-family: "Nunito Sans", sans-serif;
  }
  .p-open__lead {
    font-size: 8vw;
  }

  .p-open__lead.p-open__lead--small {
    font-size: 6.4vw;
  }
  .p-open__lead .border {
    line-height: 2;
  }
  .p-open__lead .border::after {
    height: 4vw;
    bottom: 2.6666666667vw;
  }

  .p-open__guarantee {
    margin-top: 8vw;
    margin-bottom: 19.2vw;
  }

  .p-open__monitor {
    padding-top: 16.5333333333vw;
  }

  .p-open__monitor__badge {
    width: 25.3333333333vw;
    top: -28.8vw;
    left: 5.3333333333vw;
  }

  .p-open__monitor__title {
    padding-left: 0;
    line-height: 1.2;
    align-items: flex-start;
    font-size: 8vw;
    top: -3.7333333333vw;
    margin-bottom: 0.8vw;
  }

  .p-open__monitor__title::before {
    width: 12vw;
    height: 8.5333333333vw;
    margin-right: 2.6666666667vw;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-top: 1.3333333333vw;
  }

  .p-open__monitor__price {
    display: block;
    text-align: center;
    padding: 0 5.3333333333vw;
  }

  .p-open__monitor__price .arrow {
    width: 5.3333333333vw;
    margin: 3.2vw auto;
  }

  .p-open__monitor__more {
    display: block;
    margin-top: 6.1333333333vw;
    font-size: 4.8vw;
    padding: 2.6666666667vw;
  }
  .p-open__monitor__more .start {
    display: block;
    text-align: center;
  }

  .p-open__monitor__more .slash {
    display: none;
  }

  .p-open__monitor__more .end {
    margin-top: 1.3333333333vw;
    padding-left: 9.8666666667vw;
    display: inline-block;
    line-height: 1.4;
    font-size: 3.7333333333vw;
  }

  .p-open__monitor__more .button {
    position: absolute;
    right: 12.5333333333vw;
    bottom: 4.8vw;
    width: 25.6vw;
    height: 7.2vw;
    font-size: 3.7333333333vw;
  }

  .p-open__monitor__more .button::after {
    width: 1.3333333333vw;
    height: 2.248vw;
    right: 2.1333333333vw;
  }

  .p-open__consultation {
    margin-top: 10.6666666667vw;
    display: block;
  }
  .p-open__consultation__illust {
    padding-top: 0;
    width: 65.3333333333vw;
    margin: 0 auto -40vw;
    min-width: auto;
  }
  .p-open__consultation__box {
    width: 100%;
    padding: 8vw 5.3333333333vw 18.6666666667vw;
  }

  .p-open__consultation__box + .p-open__consultation__box {
    margin-top: 5.3333333333vw;
  }

  .p-open__consultation__box__title {
    align-items: flex-start;
  }

  .p-open__consultation__box__title .label {
    font-size: 4.2666666667vw;
    width: 13.3333333333vw;
    height: 7.2vw;
  }

  .p-open__consultation__box__title .main {
    line-height: 1.2;
    font-size: 6.1333333333vw;
    margin-left: 2.6666666667vw;
  }

  .p-open__consultation__box__check {
    padding-right: 0;
    margin-top: 3.7333333333vw;
    padding: 4.2666666667vw 5.3333333333vw 3.2vw;
  }

  .p-open__consultation__box__check li {
    margin: 0 0 1.3333333333vw 0;
  }

  .p-open__consultation__box__more {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 13.3333333333vw;
    border-radius: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-open__consultation__box__more::after {
    margin-top: 0;
    margin-left: 3.2vw;
  }

  .p-open__gallery {
    width: 201.6vw;
    padding: 13.3333333333vw 0 14.9333333333vw;
  }

  .p-open__gallery img {
    width: 48vw;
  }

  .p-about {
    padding-top: 13.3333333333vw;
    padding-bottom: 16vw;
  }
  .p-about__lead {
    line-height: 1.8;
    margin-top: -4.5333333333vw;
    font-size: 8vw;
  }

  .p-about__column {
    display: block;
    margin-top: 4.8vw;
    padding-bottom: 4vw;
  }

  .p-about__column::after {
    width: 9vw;
    bottom: -3vw;
  }

  .p-about__graph {
    width: 100%;
    margin-top: 4vw;
  }

  .p-about__graph img {
    transform: scale(1) translateX(0) translateY(0);
  }

  .p-about__check {
    width: 100%;
  }
  .p-about__check__list {
    padding: 2.6666666667vw 5.3333333333vw;
    margin-bottom: 1.8666666667vw;
  }

  .p-about__result {
    margin-top: 17.8666666667vw;
    padding-bottom: 3.2vw;
  }

  .p-about__result__label span {
    width: 100%;
    width: 81.3333333333vw;
    height: 17.6vw;
    line-height: 1.2;
    font-size: 4.8vw;
    transform: translateY(-68%);
  }

  .p-about__result__title {
    font-size: 6.1333333333vw;
    width: 61.3333333333vw;
    margin-left: auto;
    margin-top: -9.6vw;
    margin-bottom: 0.5333333333vw;
  }

  .p-about__result__lead {
    padding-right: 0;
    width: 59.7333333333vw;
    font-size: 4.2666666667vw;
    margin-left: auto;
  }

  .p-doctor {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw;
  }
  .p-doctor__block {
    display: flex;
    flex-direction: column-reverse;
    margin: 0 -4vw;
    padding: 8vw 4vw 3.2vw;
    background: #fff;
  }

  .p-doctor__block.p-doctor__block--reverse .p-doctor__block__text p {
    transform: translateX(0);
  }

  .p-doctor__block.p-doctor__block--reverse .p-doctor__block__img {
    right: 0;
  }

  .p-doctor__block__text {
    max-width: auto;
    padding: 1.3333333333vw 0;
    font-size: 3.7333333333vw;
  }

  .p-doctor__block__text::after {
    content: none;
  }

  .p-doctor__block__text .large {
    font-size: 4.8vw;
  }

  .p-doctor__block__img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }

  .p-doctor__block__img .name {
    width: auto;
    padding: 1.5vw 3vw;
    font-size: 3.4vw;
    bottom: 5vw;
  }

  .p-doctor__fukidashi {
    font-size: 8vw;
    line-height: 1.8;
    padding: 7.4666666667vw 0;
  }
  .p-doctor__fukidashi .in::before,
  .p-doctor__fukidashi .in::after {
    width: 9.6vw;
    height: 7.4666666667vw;
  }

  .p-doctor__fukidashi .in::before {
    left: -6.9333333333vw;
    top: -1.8666666667vw;
  }

  .p-doctor__fukidashi .in::after {
    right: -6.6666666667vw;
    bottom: -1.0666666667vw;
  }

  .p-doctor__more {
    margin-top: 8vw;
  }

  .p-menu__title {
    padding-top: 13.3333333333vw;
  }
  .p-menu__overview {
    padding-top: 8vw;
    padding-bottom: 13.3333333333vw;
  }

  .p-menu__overview__fukidashi {
    transform: translateX(0);
    margin-bottom: 4.8vw;
  }
  .p-menu__overview__table__wrap {
    overflow-x: scroll;
    overflow-y: visible;
    margin-right: -4vw;
  }

  .p-menu__overview__table__wrap table {
    width: 138.6666666667vw;
  }

  .p-menu__overview__table__wrap thead {
    font-size: 4.2666666667vw;
  }

  .p-menu__overview__table__wrap .line {
    margin-bottom: 2.6666666667vw;
  }

  .p-menu__overview__table__wrap tbody th,
  .p-menu__overview__table__wrap tbody td {
    padding: 0 2.6666666667vw;
  }

  .p-menu__overview__table__wrap tbody th {
    font-size: 3.7333333333vw;
  }

  .p-menu__overview__table__wrap tbody td {
    font-size: 3.2vw;
    height: 22.6666666667vw;
  }
  .p-menu__overview__table__wrap tbody .large {
    font-size: 3.7333333333vw;
  }

  .p-menu__overview__table__wrap tbody .small {
    font-size: 3.2vw;
  }

  .p-menu__overview__button {
    margin-top: 8vw;
    gap: 1.8666666667vw;
  }

  .p-menu__overview__button a {
    margin: 0;
    flex: 1;
    height: 12.2666666667vw;
    font-size: 3.7333333333vw;
    padding-right: 2.6666666667vw;
  }
  .p-menu__overview__button a::after {
    right: 2.6666666667vw;
  }
  .p-menu__overview__button a::before {
    transform: rotate(45deg);
    top: -9vw;
    left: 81%;
    height: 9.2vw;
  }
  .p-menu__overview__button a:last-child::before {
    transform: rotate(-34deg);
    left: 50%;
    top: -9vw;
    height: 9vw;
  }
  .p-menu__overview__more {
    margin-top: 6.6666666667vw;
  }

  .p-menu__difference__column {
    margin-top: 6.6666666667vw;
    gap: 3.7333333333vw;
  }

  .p-menu__difference__column__row {
    flex: 1;
    width: auto;
  }

  .p-menu__difference__title {
    padding: 0 2.6666666667vw;
    font-size: 4.2666666667vw;
    height: 15.4666666667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
  }

  .p-menu__difference__purpose {
    margin-bottom: 1.3333333333vw;
    display: block;
  }

  .p-menu__difference__purpose .label {
    width: 100%;
    height: 8.5333333333vw;
    font-size: 4.2666666667vw;
    margin: 0;
  }
  .p-menu__difference__image {
    padding-bottom: 6.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }

  .p-menu__difference__image::after {
    width: 8.5333333333vw;
    height: 4vw;
  }

  .p-menu__difference__image figcaption {
    margin-top: 1.3333333333vw;
    font-size: 3.7333333333vw;
  }
}

	    .p-open__navi_box{
		    display: none;
	    }
	    .itemtext{
		    display: block;
		    text-align: center;
		    margin-bottom: 30px;
		    background: #F8F5F2;
		    padding: 20px 0;
			    .txt{
				    font-size: 16px;
				    position: relative;
				    display: inline-block;
				    &:before{
					    content: "";
					    position: absolute;
					    left:-25px;
					    top: 50%;
					    transform: translateY(-50%);
					    width: 20px;
					    height: 20px;
					    background: url('../img/icon.svg') no-repeat center center / contain;
				    }
			    }
			}

	    @media screen and (max-width: 768px) {
		    
	    .p-open__navi_box{
		    display: flex;
		    background: #00BC8B;
		    box-sizing: border-box;
		    padding: 20px;
		    flex-flow: wrap;
		    margin-bottom: 8.8vw;
		    li{
			    width: calc(100% / 3);
			    text-align: center;
				display: flex;
				justify-content: center;
				box-sizing: border-box;
				aspect-ratio: 1;
				&:nth-child(1),
				&:nth-child(4){
					justify-content:flex-start;
				}

				&:nth-child(3n){
					justify-content: flex-end;
				}
			    &:not(:nth-child(3n)){
				    border-right: 1px solid white;
			    }
			    &:nth-child(-n+3){
				    border-bottom: 1px solid white;
			    }
			    a{
					display:flex;
					padding-top: 20px;
			    }
			    .icon{
				    display: block;
				    margin: 0 auto 10px;
			    }
			    .jp{
    display: block;
    width: 100%;
    font-size:14px;
    line-height: 1.3;
    color: white;
    font-weight: bold;	
			    }
		    }
	    }
	    
	    }


	.eventitembox{
		background:#F8F5F2;
		position: relative;
		border: 1px solid #00BC8B;
		border-bottom: none;
		box-sizing: border-box;
		height: 220px;
		.anchor-txt{
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 2;
		}
		.eventitembox--bottombox{
			background: #00BC8B;			
			display: flex;
			justify-content: center;
			height: 40px;
			align-items: center;
			.text{
				font-weight:bold;
				font-size: 17px;
				letter-spacing: 0.22em;
				line-height:1;
				color: #fff;
				display: inline-block;
				position: relative;
				&:after{
					content: "";
					position: absolute;
					width: 15px;
					height: 10px;
					display: block;
					background: url(../img/top/eventitem-arrow.svg) no-repeat center center / contain;
					top: 50%;
					transform: translateY(-50%);
					right: -20px;
				}
			}
		}
		.eventitembox--box{
			background: #F8F5F2;
			position: relative;
			&:after{
				content: "";
				position: absolute;
				width:calc(100% - 40px);
				height:100%;
				background: url(../img/top/eventitem-bg.png) no-repeat center right / contain;
				top: 0;
				right: 40px;				
			}
			&:before{
				content: "";
				position: absolute;
				width:100%;
				height:calc(100% - 10px);
				background: url(../img/top/eventitem-item.png) no-repeat center right / contain;
				right: 0;
				top: 20px;
				z-index: 2;
			}
			.inbox{
				padding: 12px 0 35px 35px;
				box-sizing: border-box;
				position: relative;
				z-index: 2;
				&:before{
					content: "";
					position: absolute;
					width:50px;
					height:71px;
					background:url(../img/top/eventitem-icon.svg) no-repeat center center / contain;
					left: 30px;
					top: 0;
					
				}
			}
			.text{
				font-weight:bold;
				font-size: 22px;
				letter-spacing: 0.16em;
				color: #333;
				span{
					color: #00BC8B;
				}				
			}
			.itemtxt{
				font-size: 22px;
				font-weight: bold;
				margin-bottom: 5px;
				span{
					background: linear-gradient(transparent 50%, #FFE87F 50%);
				}
			}
			
			.timebox{
				display: flex;
				align-items: flex-end;
				justify-content:flex-start;
					color: #E9723D;	
					margin-bottom: 10px;	
					padding-left: 50px;		
				.item{
					font-weight:bold;
					font-size: 25px;
					line-height:1;
				}
				.minitem{
					font-size: 22px;
					font-weight:bold;
					transform: translateY(5px);
					small{
						font-weight:bold;
						font-size: 15px;
					}
				}
				.itemday{
					transform: translateY(5px);
					padding: 0 5px 0 10px;
					display: flex;
					align-items: flex-end;
					.txt{
						font-size: 45px;
						line-height: 1;
						font-weight: bold;
					}
					small{
						font-size: 22px;
						font-weight: bold;						
					}
					
					.itxt{
						font-size: 15px;
						width: 25px;
						height: 25px;
						border-radius: 50%;
						background: #E9723D;
						margin-left: 5px;				
						color: white;
						display: inline-block;
						line-height: 25px;
						text-align: center;
						font-weight: bold;
						transform: translateY(-4px);
					}
				}
			}
		}
	}

	.bannersindexbox{
		display: flex;
		justify-content: center;
		.banner,.eventitembox{
			width: calc(100% / 2 - 15px);
		}
	}

	@media screen and (max-width: 768px) {
	.bannersindexbox{
		display: block;
		.banner,.eventitembox{
			width: 100%;
		}
		.eventitembox{
			margin-bottom: 15px;
		}
	}
	.eventitembox{
		height:auto;
		.eventitembox--bottombox{
			height: 12.267vw;
			.text{
				font-size: 4.533vw;
				&:after{
					width: 4vw;
					height: 2.667vw;
					right: -5.333vw;
				}
			}
		}
		.eventitembox--box{
			&:after{
				width:calc(100% - 10.667vw);
				right: 10.667vw;				
			}
			&:before{
				height:calc(100% - 10.667vw);
				top: 1.333vw;
			}
			.inbox{
				padding: 3.2vw 0 3.333vw 3.333vw;
				&:before{
					width:8.333vw;
					height:11.933vw;
					left: 2vw;
					top: 0;
					
				}
			}
			.text{
				font-size: 4.867vw;
			}
			.itemtxt{
				font-size: 4.867vw;
				margin-bottom: 1.333vw;
			}
			
			.timebox{
					margin-bottom: 2.667vw;	
					padding-left: 8.333vw;	
					flex-wrap: wrap;	
				.item{
					font-size: 5.667vw;
				}
				.minitem{
					font-size: 5.867vw;
					width: 100%;
					small{
						font-size: 4vw;
					}
				}
				.itemday{
					padding: 0 1.333vw 0 2.667vw;
					transform: translateY(1px);
					.txt{
						font-size: 7vw;

					}
					small{
						font-size: 4.867vw;
					}
					
					.itxt{
						font-size: 4vw;
						width: 6.667vw;
						height: 6.667vw;
						margin-left: 1.333vw;				
						line-height: 6.667vw;
						transform: translateY(-1px);						
					}
				}
			}
		}
	}
	
		
	}
.topmoviebox{
	padding-top: 9.6rem;
}
.topmoviebox .l-container{
	padding: 0;
}
.topmoviebox .list {
    display: flex;
    gap: 2.5rem
}

@media (max-width: 768px) {
.topmoviebox .list {
        display:block
    }
    
    .topmoviebox .l-container{
	    max-width: none;
	    width: 100vw;
	    margin: 0 0 0 -4vw;	    
    }
    
.topmoviebox .slick-prev {
        background: url(../img/top/slider-prev.svg) no-repeat center center / contain;
        left: 2rem
    }

.topmoviebox .slick-next {
        background: url(../img/top/slider-next.svg) no-repeat center center / contain;
        right: 2rem
    }
    
.topmoviebox .slick-prev,
.topmoviebox .slick-next {
        width: 4.1rem;
        height: 4.1rem;
        z-index: 100
    }
        
    
}

.topmoviebox .list .cap {
    width: 100%;
    max-width: calc((100% - 2.5rem *2) / 3);
    position: relative;
    padding-top: 19.5rem
}

@media (max-width: 1023px) {
.topmoviebox .list .cap {
        padding-top:15.7rem
    }
}

@media (max-width: 768px) {
.topmoviebox .list .cap {
        max-width:none;
        padding-top: 15rem;
        margin: 0 1.45rem
    }
}

.topmoviebox .list .cap iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
.topmoviebox .list .cap iframe {
        aspect-ratio:1.8;
        object-fit: cover
    }
}