.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}
@media screen and (max-width: 479px){
    .about-wrapper {
        padding-top: 80px;
        height: 350px !important;
    }
}

a {
  color: #333 !important;
  text-decoration: underline ;
}

.container {
  max-width: 1200px;
  padding: 0 16px;
}

.container.inner-bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/inner-img.png');
  background-position: 50% 50%;
  background-size: cover;
  margin-top: 140px;
}

.container.mt-20 {
  margin-top: 20px;
}

.container.mt-20.w800 {
  max-width: 800px;
}

.container.title-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 125px;
}

.footer {
  padding-top: 50px;
  padding-bottom: 60px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #f0f0f0;
  text-align: center;
}

.footer-flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: left;
  letter-spacing: 0.1em;
}

.footer-logo-link {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.card.mr-20:last-child {
    margin-right: 0;
}

.footer-image {
  width: 268px;
  height: 100%;
  margin-bottom: 40px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 0% 50%;
  object-position: 0% 50%;
}

.footer-link {
  display: block;
  margin-bottom: 10px;
  color: #444;
  font-size: 14px;
  line-height: 34px;
  text-decoration: underline;
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3';
}

.footer-link:hover {
  text-decoration: underline;
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3';
}

.pc {
  display: block;
}

.sp{
  display: none;
}

.div-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.margin-right-60 {
  margin-right: 60px;
}

.footer-black {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.text-block {
  color: #fff;
  font-size: 12px;
  text-align: center;
  font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN';
}

.text-block.sp {
  display: none;
  text-align: center;
  font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN';
}

.h2 {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
}

.h2.thin {
  margin-top: 0px;
  font-weight: 400;
}

.mb-50 {
  margin-bottom: 50px;
}

.h2.thin.mb-50 {
  margin-bottom: 50px;
}

.h2.thin.contact {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.h2.thin.mb-60 {
  margin-bottom: 60px;
}

.h2.bottom40 {
  margin-bottom: 40px;
}

.contact-text {
  margin-bottom: 40px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.contact-btn {
  display: inline-block;
  padding: 10px 30px;
  background-color: #000;
  line-height: 50px;
  text-decoration: none;
}

.text-white {
  color: #fff;
}

.div-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.line-img {
  height: 40px;
  margin-right: 25px;
}

.flex-eround {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-eround.between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.staff-flex {
  width: 1000px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: flex-start;
  display: flex;
}

.flex-eround.j-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-eround.j-center.around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative;
}

.flex-eround.j-center.around.movie-page {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-eround.wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

.section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.line-contact {
  padding-top: 70px;
  padding-bottom: 70px;
}

.section.bg-yellow {
  background-color: #fae926;
}

.section.blue {
  background-color: #a3dfd6;
}

.section.mt-150 {
  margin-top: 150px;
}

.h2-sub {
  width: 70%;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  line-height: 26px;
  font-weight: 400;
  text-align: left;
}

.h2-sub.center {
  font-weight: 100;
  letter-spacing: 0.1em;
}

.h2-sub.center.thin {
  font-weight: 400;
}

.h2-sub.center.thin.mb-60 {
  margin-bottom: 60px;
}

.card {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card.mr-20 {
  margin-right: 20px;
  background-color: #f9e925;
  border: initial;
  text-align: -webkit-center;
}

.card-title {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 700;
}

.paragraph {
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  width: 369.33px;
}

.flex-moview-event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.center {
  text-align: center;
}

.center.mt-30 {
  margin-top: 30px;
}

.section-under {
  border-bottom: 100px solid #fff;
  border-left: 100vw solid #f9e925;
}

.section-under.blue {
  border-left-color: #a3dfd6;
}

.section-top {
  border-bottom: 100px solid #f9e925;
  border-left: 100vw solid #fff;
}

.section-top.blue {
  border-bottom-color: #a3dfd6;
}

.for-read-more {
  position: relative;
}

.flag-movie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0 10px;
}

.flag-movie-title {
  margin-right: 10px;
  margin-top: initial;
  height: 100%;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  margin-right: 5px;
}

.flag-movie-like {
  margin-bottom: auto;
  width: 70px;
}

.read-more {
  position: absolute;
  left: auto;
  top: 5%;
  right: 0%;
  bottom: auto;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.read-more.line-none {
  text-decoration: none;
}

.movie-sample {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.middle-text {
  margin-right: 10px;
  margin-bottom: 20px;
  height: 100%;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.5em;
}

.show-title {
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
  height: 100%;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.5em;
}

.event-text {
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  width: 369.33px;
  text-align: left;
}

.mb-20 {
  margin-bottom: 20px;
}

.line {
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #ccc;
}

.line.margin-tb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.line.black {
  background-color: #000;
}

.line.black.mt-10 {
  margin-top: 10px;
}

.line.black.mb-30 {
  margin-bottom: 30px;
}

.staff-coment {
  color: #35a282;
  font-size: 12px;
  line-height: 22px;
  font-weight: 700;
}

.staff-img {
  width: 60px;
  height: 60px;
}

.staff-img.mr-20 {
  margin-right: 20px;
}

.staff-img {
  border-radius: 60%;
  height: 60px;
}

.staff-img.mr-20.circle {
  overflow: hidden;
  border-radius: 50%;
}

.staff-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.space30 {
  height: 30px;
}

.vertical {
  font-size: 48px;
  line-height: 60px;
  font-weight: 400;
}

.news-section .flex-eround.j-center.around{
    width: 63%;
    margin: 0 auto;
}

.news-absolute {
  font-weight: 100;
  position: absolute;
  top: 0px;
  left: -90px;
  font-size: 20px;
}

.vertical.sub {
  letter-spacing: 0.1em;
  margin-right: 70px;
  font-size: 23px;
  line-height: 45px;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN';
  font-weight: 600;
}

.vertical.small-pc {
  letter-spacing: 1.5px;
  display: block;
  margin-right: 55px;
  font-size: 15px;
  line-height: 3em;
  font-weight: 100;
}

.vertical.small-pc.link {
  margin-right: 40px;
  color: #333;
  text-decoration: overline;
}

.vertical.small-pc.link.visual-link{
    line-height: 1.8;
    border-left: 1px solid #000;
    color: #000!important;
    text-decoration: none;
}

.vertical.small-sp {
  display: none;
}
.movie-box {
  width: 70%;
}

.tag-box {
  margin-bottom: 30px;
}

.tag {
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 5px 20px;
  border: 1px solid #000;
  border-radius: 20px;
  text-decoration: none;
}

.news-wrapper {
    width: 100%;
}

.news {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #333;
  text-decoration: none;
}

.date {
  width: 180px;
}

.section.mt-150.decrease-pt.wf-section.news-section .date {
    width: auto;
    margin-right: 25px;
}

.news-text {
  width: 500px;
}

.top-section {
  height: 750px;
  width: 80vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/top-img3.png');
  background-position: 10% 10%;
  background-size: cover;
}

.navbar {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 10px;
}

.news-more {
  display: inline;
  color: #333;
  font-size: 18px;
  font-weight: 400;
  text-align: right;
  text-decoration: none;
}

.toptoscroll {
  position: fixed;
  left: auto;
  top: auto;
  right: 2%;
  bottom: 2%;
  z-index: 10;
}

.inner-head {
  font-size: 30px;
  font-weight: 100;
}

.inner-sub-head {
  letter-spacing: 0.1em;
  font-weight: normal;
}

.nav-link-text {
  margin-right: 1vw;
  margin-left: 0.5vw;
  padding-top: 5px;
  padding-right: 7px;
  padding-left: 7px;
  color: #000;
  font-size: 13px;
  text-decoration: none;
}

.nav-link-text:hover {
  background-color: #f9e925;
}

.nav-link-text.w--current {
  display: inline-block;
  padding-top: 5px;
  padding-right: 7px;
  padding-left: 7px;
  background-color: #fae926;
}

.nav-link-text.no-margin {
  margin-right: 0px;
}

.image {
  margin-left: 20px;
}

.bred {
  margin-top: 20px;
}

.bred-sample {
  display: inline-block;
  margin-right: 20px;
  margin-left: 20px;
  font-size: 16px;
}

.bred-link {
  color: #333;
  text-decoration: underline;
}

.bred-link.m-r20 {
  margin-right: 20px;
  font-size: 16px;
}

.grid {
  grid-row-gap: 0px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid.mb-50 {
  margin-bottom: 50px !important;
}

.h3 {
  line-height: 1.5em;
  font-weight: 400;
}

.h3.mb-60 {
  margin-top: 0px;
  margin-bottom: 60px;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN';
  letter-spacing: 0.1em;
}

.normal-font {
  font-weight: normal;
}

.about-text {
  line-height: 33px;
}

.staff-card {
  width: 176px;
  margin-right: 1.8vw;
}

.staff-card-img {
  width: 100%;
  height: 173px;
  margin-bottom: 15px;
}

.staff-text {
  font-size: 16px;
  font-weight: 700;
}

.staff-text.mb-15 {
  margin-bottom: 15px;
  font-weight: 400;
}

.staff-text.mb-15.bold {
  font-weight: 700;
}

.footer-left-text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 34px;
  font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN';
}

.movie-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.movie-left {
  width: 70%;
  margin-right: 70px;
}

.movie-right {
  width: 30%;
}

.movie-category-title {
  margin-top: 35px;
  font-size: 17px;
  line-height: 27px;
}

.movie-category-post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.post-left-content {
  width: 100%;
}

.post-right-img {
  width: 43%;
  min-height: 140px;
  margin-left: 20px;
}

.movie-post-title {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height:1.5em
}

.movie-post-text {
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height:1.5em
}

.body-2 {
  font-weight: 400;
}

.category-box {
  margin-bottom: 30px;
}

.category-box-title {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
}

.li {
  margin-bottom: 20px;
  display: inline-block;
}

li.under-line:hover {
  background: linear-gradient(transparent 50%, #fcee21 0%);
}


.tag-flex {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.pagenation-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.page-btn {
  width: 44px;
  height: 44px;
  margin-right: 10px;
  border: 1px solid #000;
  border-radius: 50%;
  background-color: #f3f3f2;
  font-size: 16px;
  line-height: 44px;
  font-weight: 400;
  text-align: center;
}

.page-btn.current-page-white {
  background-color: #fff;
}

.current-bred {
  display: inline-block;
  font-size: 16px;
}

.section-2 {
  height: 570px;
  margin-top: -245px;
  background-image: url('../images/Leaning-bg.png');
  background-position: 50% 50%;
  background-size: 100% 100%;
}

.about-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 110%;
  padding-top: 220px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.top-left-img {
  width: 40%;
  height: 280px;
}

.top-right-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.top-contenue-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.top-btn-wrapper {
  position: relative;
}

.image-4 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.heading {
  display: none;
}

.dropdown {
  display: none;
}

.search_form {
  display: none;
}

.w800 {
  width: 800px;
  margin: 40px auto;
}

.sample-box {
  height: 166px;
}

.paragraph-4 {
  line-height: 1.8em;
}

.post-box {
  /*width: 41vw!important;*/
  margin-right: 0px;
  width: 30%;
}

.wd-41.post-box {
    width: 41vw !important;
}

.posts-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.post-wrapper a{
    text-decoration: none;
}

.post-wrapper a:hover{
    opacity: 0.5;
}

.movie-container.container.w-container .posts-wrapper.between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 0%;
}

.posts-wrapper.between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 10%;
}

.posts-wrapper.around {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  -ms-flex-pack: justify;
  justify-content: space-around;
}

.post-img-sample {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.post-title-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.title-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.post-category {
  padding: 2px 10px;
  margin: 0 0 auto 0;
  border-radius: 4px;
  background-color: #eabd07;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  width: 60px;
}

.post-category.btn-green {
  background-color: #4ea05f;
}

._12px-text {
  font-size: 12px;
  line-height: 21px;
}

.mb-30 {
  margin-bottom: 30px;
}

.staff-coment-text {
  line-height: 22px;
}

.align-right {
  text-align: right;
}

.staff-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.staff-introduction {
  line-height: 1.8em;
  letter-spacing: 0.1em;
}

.nav-link-wrapper {
  display: inline-block;
}

.card-img-wrapper {
  height: 174px;
}

.staff-circle {
  width: 100%;
  height: 100%;
}

.archive-img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

.post-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

.post-img.circle {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.img-howto {
  width: 519px;
  height: 361px;
}

.img-howto.pr {
  margin: 0 0 0 auto;
}

.img-howto.pl {
  margin: 0 auto 0 0;
}

.movie-page-img-wrapper {
  position: relative;
  height: 447px;
}

.category-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  padding-bottom: 0px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.category-text {
  display: inline;
  font-size: 14px;
  letter-spacing: 0.1em;
  font-weight: normal;
}

.category-text.under-line {
  border-bottom: 10px solid #f8e925;
}

.category-top {
  width: 765px;
  margin-top: 40px;
}

.category-name {
  font-size: 22px;
  font-weight: bold;
}

.category-explanation {
  font-size: 14px;
  padding-top: 15px;
}


.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex.mt-30 {
  margin-top: 30px;
}

.flex.tate {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex.mt-30 {
  margin-top: 40px;
}

.flex.mt-30.mb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
  justify-content: center;
}

.movie-date {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}

.mr-20 {
  margin-right: 20px;
  letter-spacing: 0.1em;
}

.sns-linkbox {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-15.font-bold {
  font-weight: 700;
}

.show-movie-title {
    margin-bottom: 15px;
    font-size: 25px;
    letter-spacing: 0.1em;
}

p.movie-page-text.description {
    margin-bottom: 20px;
}

.movie-page-text {
  line-height: 1.8em;
  letter-spacing:0.1em
}

.movie-page-box {
  margin-bottom: 30px;
}

.teacher-img {
  width: 120px;
  height: 120px;
  margin-right: 40px;
}

.teacher-name {
  font-size: 20px;
  line-height: 24px;
}

.text-14px {
  line-height: 24px;
}

.is-hidden{
    display: none;
}

.small-teacher-img {
  width: 75px;
  height: 75px;
  margin-right: 20px;
}

.mb-60 {
  margin-bottom: 60px;
}

._3colum-img {
  width: 369.33px;
}

.div-block-3 {
  width: 39vw;
}

.head-img-sp {
  display: none;
}

.only-sp-img {
  display: none;
}

.top-hero-text {
  color: #fff;
}

.top-hero-text.main-title {
  position: relative;
  margin-top: 0;
  height: 40vh;
  line-height: 2.5em;
  display: inline-block;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
  font-size: 33px;
  font-weight: 100;
  letter-spacing: 0.1em;
  color: black;
}

.top-sub-title {
  position: absolute;
  right: -100px;
  font-size: 20px;
  letter-spacing: 0.45em;
  font-weight: 500;
  font-family: system-ui;
}

.under-logo {
  display: none;
}

.div-block-6 {
  display: none;
}

.div-block-7 {
  margin-top: -180px;
  margin-left: 65vw;
}

.pop-up {
  padding: 60px 60px 60px;
}

.popup-text {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.login-btn {
  height: 50px;
  margin-right: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #f9e925;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
}

.signup-btn {
  height: 50px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #86d874;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
}

.contact-btn-pop {
  display: inline-block;
  width: 47%;
  height: 50px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
}

.close-pop {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  margin-top: 10px;
  margin-right: 10px;
  padding: 8px;
}

.content_inner {
  max-width: 1000px;
  padding: 0 16px;
  margin: 0 auto;
  margin-top: 100px;
  padding-top: 20px;
}

.inner {
  margin: 0 auto;
}

.title {
  font-size: 14px;
  text-align: center;
  font-weight: 500;
}

.title-large {
  font-size: 28px;
}

.title-large {
  text-transform: uppercase;
  display: block;
  font-weight: 500;
  letter-spacing: 2px;
}

.content_inner .tbl-form td ul.name li {
  display: inline-block;
  margin-right: 30px;
}

.content_inner .form-register.tbl-form tr:first-child {
  border-top: 1px solid #3eb134;
}

.content_inner .form-register.tbl-form td {
  padding: 30px 0;
}

.mb-2 {
  margin-bottom: 20px !important;
}

.content_inner .tbl-form .req {
  color: #f00;
}

.content_inner .form-register.tbl-form tr {
  border-bottom: 1px solid #3eb134;
  background: none;
}

.content_inner .form-register.tbl-form th {
  padding: 30px 30px 30px 0;
}

.content_inner .tbl-form td ul.name li > span {
  margin-right: 10px;
}

.content_inner .form-register.tbl-form td input, #content .form-register.tbl-form td textarea, #content .form-register.tbl-form td select {
  border: 1px solid #999;
  padding: 5px;
}

.form-radio label {
  margin-right: 20px;
}

.form-radio {
  display: flex;
}

.radio {
  margin: 3px 3px 0px 5px;
}

.required {
  color: #f33;
  margin-left: 5px;
}

.content_inner .form-register.tbl-form .form-radio label input[type="radio"] {
  display: inline-block;
  width: 15px !important;
  height: 15px;
  border-radius: 50% !important;
  margin-right: 3px !important;
}

.content_inner .tbl-form th {
  text-align: left;
  padding: 20 px 30px 20px 0;
  width: 20%;
  vertical-align: top;
}

.content_inner .tbl-form td {
  padding: 20px 0;
  width: 80%;
}

td .name {
  padding-left: 0px;
}

.content_inner .tbl-form td input, #content .tbl-form td textarea, #content .tbl-form td select {
  padding: 5px;
  border: solid 1px#221714;
  font-size: 108%;
}

.content_inner .form-register_input {
  width: 18em !important;
  font-size: 108%;
  padding: 6px 6px !important;
  border: 1px solid #999;
}

.form-register_input {
  padding: 10px;
  border: 1px solid #999999;
  width: 100%;
  font-size: 14px;
}

.content_inner .form-register_note {
  font-size: 14px;
}

.content_inner .form-register_note {
  color: #000;
  margin-top: 6px;
  font-size: 12px;
}

.mb-1 {
  margin-bottom: 10px !important;
}

.form-custom_btn {
  border-radius: 10px;
  background-color: #3eb134;
  padding: 15px;
  text-align: center;
  color: #fff !important;
  border: 0;
  min-width: 200px;
  font-size: 14px;
  font-weight: 600;
  display: table;
  margin: 40px
  auto 20px;
  cursor: pointer;
}

.form-custom_btn {
  padding: 22px 15px;
  margin: 40px auto 25px;
  text-decoration: none;
}

.content_inner .form-register_note+input.form-custom_btn {
    margin: 20px auto 25px;
}

.content_inner .add-text{
    margin-top: 40px;
}

.content_inner .add-text2{
    margin-top: 0px;
    color:red;
    font-weight: bold;
}

.font-weight-bold {
  font-weight: 600 !important;
  font-size: 12px;
  padding-bottom: 20px;
}

.content_logon_inner {
  max-width: 400px;
  padding: 0 16px;
  margin: 0 auto;
  margin-top: 100px;
  padding-top: 20px;
}

.form-custom_input {
  padding: 10px;
  border: 1px solid #999999;
  width: 100%;
  font-size: 14px;
}

.form-custom_title {
  font-size: 24px;
  margin-bottom: 25px;
  font-weight: 600;
  color: #3eb134;
  text-align: center;
}

.form-custom_link {
  display: table;
  margin: auto;
  border-bottom: 1px solid;
  line-height: 1;
  font-weight: 500;
  font-size: 12px;
}

.form-custom_content {
  margin-bottom: 60px;
}

.mb-3 {
  padding-bottom: 20px;
}

.form-login .mb-60 {
  max-width: 400px;
  margin: auto;
}

.form-custom_btn.btn-danger {
  background-color: #ff0008;
}

.content_inner .content-ttl {
  color: #000;
  font-size: 250%;
  margin-top: 30px;
  line-height: 1.4;
}

.content_inner .box-gray {
  background: #eee;
  padding: 30px;
}

.content_inner .content-box {
  width: 600px;
  margin: 0 auto;
}

.content_inner p.btn-submit {
  text-align: center;
  margin-top: 30px;
}

.content_inner p.btn-submit .serach_entry_brn {
  background: #3eb134;
  border: none;
  border-radius: 5px;
  display: inline-block;
  padding: 20px;
  color: #fff;
  cursor: pointer;
}

td,th {
  padding-bottom: 10px;
}

.modal-link-btn {
  width: 24%;
  text-decoration: none;
}

.faq {
  width: 1000px;
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.accordion_area .accordion_one .ac_header {
  padding: 10px;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition: .2s;
}
.accordion_area .accordion_one .ac_header .i_box {
  position: absolute;
  top: 20.5px;
  left: 295px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
  position: absolute;
  content: "";
  margin: auto;
  box-sizing: border-box;
  vertical-align: middle;
}
.accordion_area .accordion_one .ac_header .i_box:before {
  border-top: 2px solid #014897;
  width: 20px;
  height: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.accordion_area .accordion_one .ac_header .i_box:after {
  border-left: 2px solid #014897;
  width: 0;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 9px;
  transition: .3s;
}
.accordion_area .accordion_one .ac_header.open .i_box:after {
  height: 0;
}
.accordion_area .accordion_one .ac_inner {
  display: none;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
}

.p-faq__headinner {
  display: block;
  padding-left: 20px;
  position: relative;
  line-height: 1.5;
  font-size: 16px;
  font-weight: bold;
}
.p-faq__headinner::before {
  position: absolute;
  left: 0;
  content: "Q．";
  font-size: 16px;
  font-weight: bold;
}
.p-faq__headinner p.p-faq__q-txt {
  font-size: 16px;
}
.p-faq__bodyinner {
  display: block;
  padding-left: 20px;
  position: relative;
  line-height: 1.5;
}
.p-faq__bodyinner::before {
  position: absolute;
  left: 0;
  content: "A．";
  font-size: 16px;
}
.p-faq__bodyinner p.p-faq__a-txt {
  font-size: 16px;
}

.i_box2 {
  left: 215px!important;
}

.i_box3 {
  left: 230px!important;
}

.i_box4 {
  left: 470px!important;
}

.i_box5 {
  left: 275px!important;
}

.i_box6 {
  left: 255px!important;
}

.i_box7 {
  left: 375px!important;
}

.i_box8 {
  left: 405px!important;
}

.i_box9 {
  left: 180px!important;
}

.i_box10 {
  left: 310px!important;
}

.i_box11 {
  left: 550px!important;
}

.i_box12 {
  left: 325px!important;
}

.i_box13 {
  left: 165px!important;
}

#iphone, #movie {
  padding-top: 100px;
  margin-top:-100px;
}

.faq_question {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 10px;
}

.faq_answer {
  font-size: 16px;
  padding-top: 25px;
  text-align: left;
  padding: 10px;
  line-height:30px;
}

.privacy_policies {
  height: 1300px;
  width: 1050px;
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.privacy_policy {
  padding: 35px;
}

.privacy_title-top {
  font-size: 30px;
  padding-top: 20px;
  text-align: center;
  font-weight: bold;
}

.privacy_title {
  font-size: 30px;
  padding-top: 20px;
  font-weight: bold;
}

.slick-slide {
  margin-right: 1vw!important;
  margin-left: 1vw!important;
}

.slick-arrow {
    position: absolute;
    right: -25px;
    top: 49%;
    height: 12px;
    width: 12px;
    padding: 0;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    background-color: #fff;
    transform: rotate(45deg);
}

.slick-arrow.prev-arrow{
    left: -25px;
    transform: rotate(-135deg);
}

button.slick-arrow:focus{
    outline: none;
}

.slick-next {
  position: absolute;
  right: 85px;
}

.slick-prev:before, .slick-next:before {
  display: none;
}

/*.slick-slider .slick-track, .slick-slider .slick-list {*/
/*  padding: 0 5% 0 0!important;*/
/*}*/

.slick-slider .slick-list {
    padding: 0 0 0 0!important;
    width: 100%;
}

.search_form {
  width: 100%;
  margin-top: 15px;
}

.alert-danger {
  font-size: 12px;
}

.movie-container{
    max-width: 1200px;
    margin: 0 auto;
}

.div-block-3,
.div-block-3 img{
    width: 100%;
}

.event-padding .flex-eround.between a{
    width: 48%;
}

a.brand.w-nav-brand.w--current img{
    width: 100%;
}

.han-sp{
    display: none;
}

.safari-ttl {
    width: 7%;
}

_:lang(x)+_:-webkit-full-screen-document, .section-2{
    height: 615px;
}

.section.wf-section.movie-list-section .container.w-container.sp-top:first-child {
    padding-top: 10px!important;
}

.section.bg-yellow.wf-section a:hover {
    opacity: .8;
}

.top-sub-title.sp-only{
    display: none;
}

.post-title-box a {
    width: 100%;
}

.safari-ttl+.post-box:hover{
    opacity: .8;
}

_:lang(x)+_:-webkit-full-screen-document, .post-img-sample,
_:lang(x)+_:-webkit-full-screen-document, ._3colum-img,
_:lang(x)+_:-webkit-full-screen-document, .post-right-img a{
    position: relative;
    height: 0;
    padding-top:56.25%;
    display: block;
}

_:lang(x)+_:-webkit-full-screen-document, .section.blue .movie-sample{
    position: relative;
    padding-top: 36.25%;
}

_:lang(x)+_:-webkit-full-screen-document, .post-img-sample img,
_:lang(x)+_:-webkit-full-screen-document, .post-img-sample a,
_:lang(x)+_:-webkit-full-screen-document, ._3colum-img img,
_:lang(x)+_:-webkit-full-screen-document, .post-right-img img,
_:lang(x)+_:-webkit-full-screen-document, .section.blue .movie-sample img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-banner {
    text-align: center;
    margin-top: 40px;
    line-height: 2;
    font-weight: initial;
    letter-spacing: 0.1em;
}

.video-banner p {
    margin-bottom: 30px;
}

@media screen and (max-width: 767px){
    .comment-image-box{
        flex-basis: 30%;
    }
    .comment-name{
        flex-basis: 40%;
    }
    .comment-text{
        margin-top: 20px;
    }
    .comment-flex{
        flex-wrap: wrap; /* 折返し指定 */
    }
}

@media screen and (min-width: 768px){
    .comment-name{
        flex-basis: 12.5%;
    }
    .comment-text{
        flex-basis: 80%;
    }
}

@media screen and (max-height: 725px){
    .top-hero-text.main-title{
        height: 50vh;
    }

    .container.inner-bg{
        height: 40vh;
    }
}

@media screen and (max-height: 580px){
    .top-hero-text.main-title{
        height: 55vh;
    }
}

@media screen and (max-width: 1450px){
    .movie-container {
        max-width: 1200px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1200px) {
  .container {
    max-width: 1000px;
    padding: 0 16px;
  }

  .category_movies_2 {
    padding-left:100px;
  }

  .event-padding {
    padding: 0 16px!important;
  }

  .top-section {
    height: 640px;
    width: 80vw;
  }

  .top-hero-text.main-title {
    display: inline-block;
    margin-top: 380px;
    height: 55vh;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: left;
    line-height: 2.3em;
    font-size: 28px;
    letter-spacing: 0.1em;
}

  .top-sub-title {
    position: absolute;
    right: -90px;
    font-size: 20px;
    letter-spacing: 0.40em;
    font-weight: 500;
    font-family: system-ui;
  }

  .nav-link-text {
    margin-left: 0.5vw;
    padding: initial;
    color: #000;
    font-size: 13px;
    text-decoration: none;
  }

  .vertical.sub {
    letter-spacing: 0.1em;
    margin-right: 50px;
    font-size: 22px;
    line-height: 45px;
    font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN';
    font-weight: 600;
  }

  .vertical.small-pc {
    margin-right: 35px;
    font-size: 15px;
    line-height: 2.5em;
    font-weight: 100;
  }

  .vertical.small-pc.link {
    margin-right: 40px;
    color: #333;
    text-decoration: overline;
  }

  .section-2 {
    height: 500px;
    margin-top: -210px;
  }

    _:lang(x)+_:-webkit-full-screen-document, .section-2 {
        height: 615px;
    }

  .news-absolute {
    position: absolute;
    top: 0px;
    left: -60px;
    font-size: 20px;
  }

  ._3colum-img {
    width: 302.67px;
  }

  .paragraph {
    text-align: left;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    width: 302.67px;
  }

  .event-text {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    width: 302.67px;
    text-align: left;
  }

  .h3.mb-60 {
    margin-top: 0px;
    margin-bottom: 30px;
    font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN';
    letter-spacing: 0.1em;
  }

  .img-howto {
    width: 432px;
    height: 301px;
  }

  .movie-post-text {
    margin-bottom: initial;
    font-size: 14px;
  }

  .post-right-img {
    margin-left: 20px;
    width: 63%;
    height: 100%;
    min-height: initial;
  }

  .category-top {
    width: 628px;
  }

}

@media screen and (max-width: 1024px) {
  .container.inner-bg {
    height: 20vh;
  }

  .vertical.small-pc.link {
    margin-right: 10px;
    font-weight: 700;
    text-decoration: none;
  }

  .privacy_policies {
    width: 765px;
    height: 1450px;
    margin-top: initial;
  }

  .faq_question,.faq_answer {
    font-size: 16px;
    padding: 10px;
  }

  .privacy_title-top, .privacy_title {
    font-size: 22px;
  }

  .w-nav-menu {
    letter-spacing: initial;
  }

  .faq {
    width: 745px;
    height: auto;
    margin-top: 0px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
  }

  ._3colum-img {
    width: 310.67px;
  }

  .event-text {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 310.67px;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    text-align: left;
  }

  .paragraph {
    text-align: left;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    width: 310.67px;
  }

  .flag-movie-like {
    width: 81px;
  }

    .news-section .flex-eround.j-center.around {
        width: 70%;
    }

}

@media screen and (max-width: 991px) {

    .han-sp{
        display: block;
    }

    .han-pc{
        display:none;
    }

  .container {
    padding-right: 40px;
    padding-left: 40px;
  }

  .footer {
    padding-right: 20px;
    padding-left: 20px;
  }

  .nav-link-text.w--current {
    padding-left: 20px;
    background-color: initial;
  }

  .footer-flex-container {
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .div-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .text-block.pc {
    display: none;
  }

  .text-block.sp {
    display: block;
  }

  .h2.thin.mb-50 {
    margin-bottom: 25px;
  }

  .h2.thin.mb-60 {
    margin-bottom: 30px;
  }

  .flex-eround {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .movie-mark {
    flex-direction: initial;
    -webkit-flex-direction: initial;
  }

  .flex-eround.between {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .flex-eround.j-center.around {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .flex-eround.j-center.around.movie-page {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .flex-eround.j-center.around.mt-40 {
    margin-top: 40px;
    padding-top: initial;
  }

  .staff-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }

  .flex-eround.between {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .flex-eround.wrap.horizon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .flex-eround.nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .flex-eround.horizon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .section {
    padding-top: initial !important;
    padding-bottom: 60px;
  }

  .tag-section{
      padding-bottom: 10px;
  }

  .section.pt-120.decrease-pt {
    padding-top: 70px;
  }

  .h2-sub.center.thin.mb-60 {
    margin-bottom: 30px;
  }

    .section.blue.wf-section {
        padding-bottom: 30px;
    }

  .card {
    width: 100%;
  }

    .event-padding .flex-eround.between a {
        width: 90%;
    }

  .card.mr-20 {
    margin-right: initial;
    margin-bottom: 25px !important;
    background-color: #f9e925;
    border: initial;
    text-align: -webkit-center;
  }

  .movie-sample {
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  .movie-box {
    width: 100%;
  }

  .news-wrapper {
    width: 90%;
  }

    .event-padding .flex-eround.between a {
        width: 100%;
    }

    .banner .flex-eround.between{
        flex-flow: column;
    }

  .top-section {
    background-position: 50% 50%;
  }

  .navbar {
    padding-top: 20px;
    padding-bottom: 5px;
  }

  .nav-link-text {
    margin-top: 30px;
    font-size: 4vw;
    margin-right: 1vw;
    margin-left: 1vw !important;
    padding: 15px 100px 15px 20px !important;
    color: #fff !important;
    font-size: 13px;
    text-decoration: none;
  }

  .bred {
    display: none;
  }

  .bred.except-pc {
    display: none;
  }

  .grid.mb-50 {
    margin-bottom: 25px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .h2.mb-60 {
    margin-bottom: 30px;
  }

  .h3.mb-60 {
    margin-bottom: 30px;
    text-align: center;
  }

  .staff-card {
    width: 42vw;
    margin-bottom: 20px;
  }

  .movie-left {
    width: 100%;
    margin-right: 0px;
  }

  .movie-right {
    display: none;
  }

  .movie-category-title.except-pc {
    display: none;
  }

  .movie-category-post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .post-left-content {
    width: 100%;
  }

  .post-right-img {
    margin-left: 0px!important;
    width: 100%!important;
    aspect-ratio: 16 / 9;
  }

  .movie-post-text {
    margin-bottom: 10px!important;
    padding-bottom: 10px;
    font-size: 14px;
  }

  ._3colum-img {
    width: 100% !important;
  }

  .movie-post-title {
    margin-top: 20px;
  }

  .top-left-img {
    display: none;
  }

  .top-right-box {
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .heading {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
  }

  .dropdown-toggle {
    display: block;
    margin-bottom: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #000;
  }

  .dropdown {
    display: flex !important;
    display: block;
    width: 100%;
    padding-top: 30px;
  }

  .search_form {
    display: block;
  }

  .vategory-text {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    text-align: center;
  }

  .w800 {
    width: 100%;
  }

  .post-box {
    margin-right: 0px;
    width: 100%;
  }

  .posts-wrapper.between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .posts-wrapper.around {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
    padding-left: initial;
  }

  .post-img-sample {
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  .nav-menu-sp {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    padding-top: 40px;
    background-color: #000;
  }

  .nav-link-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10vw;
  }

  .menu-button.w--open {
    z-index: 5;
    background-color: transparent;
  }

  .card-img-wrapper {
    height: 30vh;
    min-height: 300px;
  }

  .img-howto.pr {
    right: 0px;
    width: 100%;
    height: 100%;
  }

  .img-howto.pl {
    left: 0px;
    width: auto;
    height: 100%;
  }

  .movie-page-img-wrapper {
    height: 100% !important;
  }

  ._3colum-img {
    width: 100%;
    height: 100%;
  }

  .div-block-4 {
    margin-left: -40px;
  }

  .head-img-sp {
    display: block;
  }

  .news-big {
    margin-left: -40px;
  }

  .only-sp-img {
    display: block;
    width: 100%;
    margin-top: 40px;
    object-fit: cover;
  }

  .under-logo {
    display: block;
  }

  .div-block-6 {
    display: block;
  }

    .news-section .flex-eround.j-center.around {
        width: 80%;
    }
}

@media screen and (max-width: 991px) {
  #w-node-bb711330-bec5-a55c-4be2-5e0aadacecf9-c3c6c173 {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
}

@media (max-width: 768px) {
  .pc{
    display: none;
  }

  .sp{
    display: block;
  }

  .pb-20 {
    padding-bottom: 20px;
  }

  .movie-page-text {
    line-height: 1.5em;
    letter-spacing:0.1em
  }

  .movie-page-box {
    margin-bottom: 30px !important;
  }

  .content_inner .form-register.tbl-form tr {
    display: flex;
    flex-direction: column;
  }

  .content_inner .form-register.tbl-form td {
    padding: 10px 0;
    width: 100%;
  }

  .absolute {
    position: initial;
  }

  a.modal-link-btn{
    width: 50%;
    margin: auto;
  }

  .wd-41.post-box {
    padding:0 10px;
    width: 46vw!important;
  }

  .footer-black {
    height: 120px;
  }

  .top-section {
    background-position: 0% 50%;
    height: 650px !important;
    width: 100% !important;
  }

  .container.title-center {
    margin-top: 170px;
  }

  .section-2 {
    height: 500px;
    margin-top: -210px;
    background-image: url(../images/Leaning-bg.png);
    background-position: 50% 50%;
    background-size: 100% 100%;
  }

  .div-block-7 {
    margin-top: -360px;
    margin-left: 50px;
  }

  .category_movies_2 {
    padding-left: 36px!important;
  }

  .top-hero-text.main-title {
    margin-top: 50px;
    height: 37vh;
    line-height: 2.3em;
    font-size: 28px;
    letter-spacing: 0.1em;
    line-height: 2.5em;
    margin-top: initial !important;
    line-height: 2em !important;
    writing-mode: initial !important;
    letter-spacing: 0.1em;
    font-weight: initial;
  }

  .top-sub-title {
    position: absolute;
    right: -15px !important;
    top: 60px !important;
    font-size: 23px !important;
    letter-spacing: 0.3em;
    font-weight: 500;
    font-family: system-ui;
  }

  .h2-sub {
    width: 100%;
    margin-bottom: 30px;
  }

  .about-wrapper {
    padding-top: 140px;
  }

  .about-text {
    padding-bottom: 20px;
    line-height: 30px;
    letter-spacing: 0.1em;
    font-size: 16px;
  }

  .img-howto {
    padding-bottom: 20px;
  }

  .news-absolute {
    position: initial!important;
  }

  .container.inner-bg {
    margin-top: 121px;
  }

  .content_inner .tbl-form th {
    width: 55%;
  }

  .content_inner .form-register.tbl-form th {
    padding: 30px 30px 5px 0;
  }

  .content_inner .tbl-form td ul.name li > span {
    display: block;
  }

  .content_inner .form-register.tbl-form td input, #content .form-register.tbl-form td textarea, #content .form-register.tbl-form td select {
    margin-bottom: 10px;
  }

  .content_inner .form-register_input {
    margin-bottom: 10px;
  }

  .content_inner .form-register_input {
    width: 20em !important;
  }

  .title-large {
    letter-spacing: initial;
  }

  .flex-moview-event {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .content_inner .content-box {
    width: 100%;
  }

  .content_inner p.btn-submit .serach_entry_brn {
    width: 250px !important;
  }

  .category-top {
    display: none;
  }

  .event-text {
    width: initial !important;
  }

  .paragraph {
    width: initial !important;
  }

  .paragraph-4 {
    line-height: 1.5em;
  }

  .div-block-3 {
    margin-top: 25px;
    width: 100%;
  }

  .movie-flex {
    display: initial;
  }

  .staff-introduction {
    line-height: 1.5em;
    letter-spacing: 0.1em;
  }

  .flag-movie-like {
    width: 102px;
  }

  .pc-block{
    display: none;
  }

    .safari-ttl {
        width: 8%;
    }
}

@media screen and (max-width: 767px) {
  .footer {
    padding: 40px 20px;
  }

  .footer-image {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .teacher-img {
    width: 220px;
    height: 70px;
  }

  .small-teacher-img {
    height: 40px;
  }

  .div-block-7 {
    margin-top: 0px;
  }

  .pop-up {
    padding-right: 60px;
    padding-left: 60px;
  }

  .contact-btn-pop {
    width: 65%;
  }

  .title-flex {
    width: 100%;
    display: block !important;
  }

  .post-category {
    margin: 10px auto 0 0px !important;
    font-size: 13px !important;
    width: 75px !important;
  }

  .movie-date {
    display: block;
  }

  .flex {
    display: flex;
  }

  .date {
    margin-bottom: 5px;
  }

  .news-text {
    width: 100% !important;
  }

    .slick-slide {
        margin-right: 4vw!important;
        margin-left: 4vw!important;
    }

    .slick-arrow{
        right: -10px;
    }

    .slick-arrow.prev-arrow{
        left: -10px;
    }
}

@media screen and (max-width: 479px){
    .vertical.sub,
    .vertical.small-pc{
        margin-right: 30px;
    }
}

@media screen and (max-width: 479px) {

    .accordion_area .accordion_one .ac_header .i_box4,
    .accordion_area .accordion_one .ac_header .i_box7,
    .accordion_area .accordion_one .ac_header .i_box8,
    .accordion_area .accordion_one .ac_header .i_box11{
        right: 24px!important;
        left: auto!important;
    }

    .p-faq__headinner p.p-faq__q-txt{
        width: 90%;
    }

  .container {
      width: 82%;
      margin: 0 auto;
      padding: 0!important;
  }

    .movie-list-section .movie-container.container.w-container{
        padding: 0 0 60px!important;
    }

    .navbar .container{
        width: 90%;
    }

    .section.wf-section.movie-list-section {
        padding-bottom: 0;
    }

  .container.inner-bg {
    margin-top: 65px;
  }

  .container.mt-20.w800 {
    margin-bottom: 0px;
    margin-top: initial;
  }

  .top-hero-text.main-title {
    margin-top: initial !important;
    line-height: 2em !important;
    writing-mode: initial !important;
    letter-spacing: 0.1em;
    font-size: 16px !important;
    font-weight: initial;
    color: black;
    text-align: center;
  }

    .top-sub-title {
        position: relative;
        right: auto!important;
        top: auto!important;
        font-size: 15px!important;
        letter-spacing: 0.3em!important;
        font-weight: 500;
        font-family: system-ui;
        text-align: center;
        margin-bottom: 0;
    }

    .top-sub-title.pc-only{
        display: none;
    }

    .top-sub-title.sp-only{
        display: block;
    }

  .container.title-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 145px;
  }

  .footer-link {
    letter-spacing: 0.1em;
  }

  .footer-left-text {
    letter-spacing: 0.1em;
  }

  .text-block .sp {
    letter-spacing: 0.1em;
  }

  .section-2 {
    height: 335px !important;
    margin-top: -128px !important;
    background-image: url(../images/Leaning-bg.png);
    background-position: 50% 50%;
    background-size: 100% 100%;
  }

  .footer {
    padding: 20px;
    text-align: left;
  }

  .footer-flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .footer-logo-link {
    height: 60px;
  }

  .footer-image {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .h2 {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    width: 100%;
    font-size: 18px !important;
  }

  .know-list {
    width: 185px;
  }

  .h2.thin.contact {
    width: auto;
  }

    .h2.bottom40 {
        width: 75%;
    }

    .read-more{

    }

  .h2.w150px {
    margin-bottom: 20px;
    line-height: 30px;
    width: 150px;
  }

  .contact-text {
    line-height: 26px;
  }

  .contact-btn {
    width: 100%;
  }

  .flex-eround {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .flex-eround.wrap.horizon.justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .flex-eround.sp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section.bg-yellow {
    padding-top: 40px !important;
    padding-bottom: 0px;
  }

  .card-title {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .card-image {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .section-under {
    border-bottom-width: 50px;
    line-height: 20px;
  }

  .section-top {
    border-bottom-width: 50px;
  }

  .read-more {
    font-size: 12px;
    letter-spacing: 0.1em;
    top: 0%;
  }

  .flex.news-box {
    display: block;
  }

  .flex-moview-event {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .middle-text {
    margin-right: 10px;
    width: initial;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    letter-spacing:0.1em
  }

  .flag-movie-title {
    margin-right: 10px;
    width: initial;
    font-size: 16px;
  }

  .flag-movie-like {
    margin-bottom: auto;
    width: 115px;
  }

  .show-title {
    width: initial;
    font-size: 16px;
  }

  .event-text {
    width: initial;
    font-size: 14px;
  }

  .line.margin-tb-30 {
    margin-top: 15px;
    margin-bottom: 30px;
  }

  .staff-img.mr-20 {
    width: 60px;
  }

  .staff-img.mr-20.circle {
    width: 90px;
    height: 50px;
  }

  .vertical {
    font-size: 40px;
    line-height: 40px;
  }

  .vertical.sub {
    display: block !important;
    margin-left: 10px;
    margin-right: initial !important;
    font-size: 18px !important;
    line-height: 28px !important;
    font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN';
    font-weight: 600;
    letter-spacing: 0.1em;
  }

  .vertical.small-pc {
    display: none !important;
  }

  .vertical.small-sp {
    display: block;
    margin-right: 0px!important;
    font-size: 15px!important;
    line-height: 9.5vw!important;
    font-weight: initial!important;
    display: block;
  }

    .vertical.small-sp.link {
        border-left: 1px solid #000;
        color: #000!important;
        text-decoration: none;
        line-height: 2!important;
    }

  .vertical.en {
    margin-left: 10px;
    font-size: 28px;
    line-height: 37px;
    font-style: oblique;
    letter-spacing: 0.1em;
  }

  .movie-box {
    margin-right: 37px;
  }

  .news-wrapper {
    width: 90%;
  }

  .top-section {
    height: 350px !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 0% 50% !important;
    background-image: url(../images/top-img3.png);
    background-size: cover;
  }

  .navbar {
      padding-top: 10px;
      padding-bottom: 10px;
  }

  .news-more {
    font-size: 16px;
  }

  .toptoscroll {
    z-index: 1;
  }

  .about-wrapper {
    padding-top: 80px;
    height: 350px !important;
  }

  .h3.mb-60 {
    font-size: 20px !important;
    text-align: initial !important;
    font-weight: bold;
  }

  .heading {
    font-size: 18px;
  }

  .post-box.mr-delete {
    margin-right: 0px;
    width: initial !important;
  }

  .like-icon-ibox {
    font-size: 12px;
  }

  .post-title-box.wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .card-img-wrapper {
    height: 230px;
    min-height: auto;
  }

  .flex.mb-30.wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .flex.mt-30.mb-30 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .teacher-img {
    margin-right: 10px;
    width: 90px;
    height: 90px;
  }

  .small-teacher-img {
    margin-right: 10px;
    width: 65px;
    height: 65px;
  }

  .div-block-4 {
    margin-left: 0px;
  }

  .brand {
    display: flex;
    width: 100px;
  }

  .news-big {
    margin-left: -40px;
  }

  .top-hero-text {
    margin-top: 0px;
    font-size: 32px;
  }

  .div-block-5 {
    margin-top: -40px !important;
  }

  .under-logo {
    width: 180px;
    margin-top: 10px;
  }

  .div-block-7 {
    margin-top: 0px !important;
    margin-left: initial;
  }

  .pop-up {
    position: fixed;
    z-index: 10;
    padding-top: 65%;
    padding-right: 30px;
    padding-left: 30px;
    background-color: hsla(0, 0%, 98%, 0.85);
  }

  .popup-text {
    font-size: 16px;
  }

  .login-btn {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .contact-btn-pop {
    width: 100%;
  }

  .close-pop {
    top: 20%;
    right: 3%;
  }

    .top-right-box{
        height: fit-content;
    }

    .section-2+.news-section{
        margin-top: 60px;
    }

    .tag{
        margin-right: 5px;
        margin-bottom: 15px;
        padding: 2px 10px;
    }

    .content_inner .add-text2{
        margin-bottom: 50px;
    }

    .staff-card{
        width: 38vw;
        margin-right: 0;
    }

    .staff-card-img{
        height: 110px;
    }
}

@media screen and (max-width: 414px) {
  .inner-head {
    margin-bottom: initial;
    margin-top: initial;
    letter-spacing: 0.1em;
    font-size: 25px !important;
    font-weight: 100 !important;
  }

  .flex-eround.j-center {
    padding-top: 30px;
  }

  .mb-30 {
    line-height: 25px;
  }

  .movie_comment {
    line-height: 1.8em!important;
  }

  .flex-eround.between {
    padding-top: 20px;
  }

  .show-movie-title {
    margin-bottom: 30px;
    font-size: 20px;
    letter-spacing: 0.1em;
  }

  .about-wrapper {
    padding-top: 100px;
    height: 430px !important;
  }

  .section.pt-120.decrease-pt {
    padding-top: 150px;
  }

  .privacy_policies {
    width: 375px;
    height: 2100px;
    margin-top: initial;
  }

  .privacy_policy {
    padding-left: 35px;
    padding-right: 35px;
  }

  .privacy_title-top, .privacy_title {
    font-size: 15px;
  }

  .faq {
    width: 395px;
    height: auto;
    margin-top: 0px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
  }

  .faq_question,.faq_answer {
    font-size: 15px;
    padding: 10px;
  }

  .category_movies_2 {
    padding-left: 0px!important;
  }

  .slick-slider .slick-track, .slick-slider .slick-list {
    padding: 0 0% 0 0!important;
  }

  .wd-41.post-box {
    width: 83vw!important;
  }

    .for-read-more.first-ttl-movie {
        margin-top: 25px;
    }

    .movie-section{
        padding-bottom: 30px;
    }

    .movie-list-section .movie-container.container.w-container:last-child {
        padding: 0!important;
    }

    .nav-link-text{
        margin-top: 15px;
        font-weight: normal;
    }
    .sp-wid{
        width: 17vw;
    }

    .news-section .flex-eround.j-center.around {
        width: 80%;
        justify-content: space-between;
    }

    .h2-sub.center{
        font-size: 13px;
    }
}

@media screen and (max-width: 375px) {
  .faq {
    width: 355px;
    height: auto;
    margin-top: 0px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
  }

  .category-top {
    display: none;
  }

  .archive-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

    .top-sub-title {
        position: relative;
        right: auto!important;
        top: auto!important;
        font-size: 15px!important;
        letter-spacing: 0.3em!important;
        font-weight: 500;
        font-family: system-ui;
        text-align: center;
        margin-bottom: 0;
    }
}
.movie-category-post:hover{
    opacity: 0.5 ;
}

.tag:hover{
    opacity: 0.5 ;
}