@charset "utf-8";


/* ------------------------------------------------------------ fv */
#fv{ overflow: hidden; border-radius: 17px; }
#fv .btns{ padding: 15px 0 0; }

.fv-slider{ display: flex; }
.slick-dotted.slick-slider{ margin-bottom: -10px; }
.slick-dots { z-index: 10; bottom: 25px; }
.slick-dots li { width: 8px; height: 8px; }
.slick-dots li button { width: 8px; height: 8px; padding: 0; }
.slick-dots li button::before { width: 8px; height: 8px; background: #d5d5d5; border-radius: 100px; }
.slick-dots li.slick-active button::before { background: #fdb7b7; }

.news-bnr{ position: relative; z-index: 10; width: 100%; margin: 5% auto 0; }
.news-bnr__link{ position: relative; display: flex; justify-content: center; align-items: center; background: #fff; padding: 15px; box-shadow: 0 0  25px 0px rgba(0, 0, 0, 0.3); }
.news-bnr__link .arrow{ position: absolute; right: 20px; border-width: 1px; border-color: var(--main-color); }
.news-bnr__pic{ width: 40%; height: auto; }
.news-bnr__txt{ margin-left: -20px; font-size: 14px; font-family: "yu-mincho-pr6n", sans-serif; font-weight: 400; font-style: normal; }


/* ------------------------------------------------------------ sample */
#sample{ padding: 25px 0 0; }

.sample-list { display: flex; justify-content: space-between; align-items: flex-start; }
.sample-item { text-align: center; cursor: pointer; padding: 7px; }
.sample-pic { width: 100%; height: auto; margin: 0 auto 12px; }
.sample-text { font-size: 10px; font-family: "yu-mincho-pr6n", sans-serif; font-weight: 400; font-style: normal; }

.panel{ display: none; padding: 30px 2% 10px; }

.js-accodionBox{ display: none; }

.accordion{ cursor: pointer; margin-bottom: 8px; background: #fff; }
.accordion-ttl{ display: block; position: relative; padding: 15px; font-size: 16px; font-family: "yu-mincho-pr6n", sans-serif; font-weight: 400; font-style: normal; text-align: center; }
.accordion-ttl:before{ transform: rotate(45deg); position: absolute; right: 15px; content: ""; width: 12px; height: 12px; border-top: 1px solid var(--main-color); border-right: 1px solid var(--main-color); }

.number-lists{ display: flex; align-items: center; flex-wrap: wrap; gap: 10px 2px; padding: 15px 0; }
.number-lists span{ font-size: 14px; font-family: "linotype-didot", serif; font-weight: 400; font-style: normal; }

.actor-name{ padding: 0 0 17px; }
.actor-item{ position: relative; margin-bottom: 3px; }
.actor-photo{ width: 100%; }
.actor-photo img{ width: 100%; height: auto; }
.actor-info{ position: absolute; right: 3%; top: 50%; transform: translate(0,-50%); width: 55%; text-align: center; }
.actor-name-ja{ padding: 0 0 10px; font-size: 20px; font-family: "yu-mincho-pr6n", sans-serif; font-weight: 400; font-style: normal; }
.actor-name-en{ font-size: 11px; font-family: "linotype-didot", serif; font-weight: 400; font-style: normal; }
.actor-name.white{ color: #fff; }

.actor-actions{ display: flex; align-items: stretch; gap: 6px; }
.actor-btn{ display: flex; align-items: center; justify-content: center; gap: 3px; width: calc(100% / 2 - 3px); padding: 6px; border-radius: 50px; background: #fff; border: 1px solid #d0d0d0; }
.actor-btn__txt{ font-size: 11px; }
.actor-btn__icon{ width: auto; height: 14px; }


/* is-active */
.sample-item.is-active{ background: rgba(255,156,156,0.1); border-radius: 10px 10px 0 0; }
.panel.is-show{ display: block; background: rgba(255,156,156,0.1); }


/* ------------------------------------------------------------ about */
#about{ padding: 50px 0 0; }

.about-box { background: #fff3f7; }
.about-box { margin-bottom: 15px; }
.about-box__ttl { padding: 13px 10px 10px; text-align: center; color: #fff; font-size: 19px; font-family: "yu-mincho-pr6n", sans-serif; font-weight: 400; font-style: normal; background: var(--main-color); }
.about-box__wrap { padding: 15px 3%; }

.merit-item { display: flex; align-items: flex-start; gap: 7px; margin: 0 0 26px; }
.merit-item:last-child { margin-bottom: 0; }
.merit-num { color: #ffb8b8; font-family: "linotype-didot", serif; font-weight: 400; font-style: normal; width: 35px; text-align: center; font-size: 23px; }
.merit-text { font-size: 14px; line-height: 1.5; width: calc(100% - 35px);}
.merit-text span{font-size: 16px; line-height: 160%;font-family: 'Noto-Sans-JP-Medium'; display: inline-block; padding: 0 0 6px; color: #e91a5e;}

.price { text-align: center; }
.price-lead { margin: 0 0 12px; font-size: 14px; color: #111; letter-spacing: 0.02em; font-family: 'Noto-Sans-JP-Medium';}
.price-main { margin: 0 0 14px; font-size: 29px; color: #e91a5e; letter-spacing: 0.02em; font-family: 'Noto-Sans-JP-Regular'; }
.price-main span{font-size: 16px;font-family: 'Noto-Sans-JP-Medium';}
.price-note { font-size: 12px; }

.join { }
.join-lead { text-align: center; font-size: 18px; color: #e91a5e; font-family: 'Noto-Sans-JP-Regular'; line-height: 150%;}
.join-contents { padding: 0 0 10px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.join-figure { width: 70px; font-size: 14px; line-height: 1.5; }
.join-text { display: block; font-size: 13px; line-height: 1.5; position: relative;}
.join-text span{ transition: 0.3s; font-size: 13px; line-height: 180%; display: inline; border-bottom: 1px solid #e91a5e;}
.join-text span img{margin: 0 0 4px 3px;}
.join-text:not(:last-child){margin: 0px 0 10px;}
.join-text:hover {opacity:1; }
.join-text.thumb-hover span{color: #e91a5e; transition: 0.3s;}
.video-wrapper { margin: 0 0 15px; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-wrapper p{font-size: 70px; font-family: 'Noto-Sans-JP-Regular'; line-height: 160%; position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);}
.video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	
/* ------------------------------------------------------------ fv */
#fv{ border-radius: 0; }

/* ------------------------------------------------------------ sample */

/* ------------------------------------------------------------ about */

/* ------------------------------------------------------------ news */




}