/* ========================================
top.css
======================================== */
@media screen and (min-width: 768px) {
 .sp-only {
  display: none !important;
 }
}

@media screen and (max-width: 767px) {
 .pc-only {
  display: none !important;
 }
}

@font-face {
 font-family: 'NotoSansCJKjp';
 font-style: normal;
 font-weight: normal;
 src: local("NotoSansCJKjp-Regular.otf"), url(../font/NotoSansCJKjp-Regular.woff) format("woff2"), url(../font/NotoSansCJKjp-Regular.woff) format("woff"), url(../font/NotoSansCJKjp-Regular.otf) format("opentype");
}

body {
 min-width: 1250px;
}

@media screen and (max-width: 767px) {
 body {
  min-width: 320px;
 }
}

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

@media screen and (max-width: 767px) {
 .container {
  width: 100%;
  padding: 0 10px;
 }
}

.c-btn1 {
 display: inline-block;
}

.c-btn1__txt {
 min-width: 599px;
 background: rgba(183, 161, 52, 0.9);
 display: inline-block;
 text-align: center;
 font-size: 2.4rem;
 line-height: 1.5;
 color: #fff;
 font-weight: bold;
 padding: 34px 10px 30px;
}

@media screen and (max-width: 767px) {
 .c-btn1__txt {
  min-width: 49%;
  width: 100%;
  height: 60px;
  font-size: 1.4rem;
  line-height: 1.1;
  padding: 16px 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
 }
}

.c-btn2 {
 width: 336px;
}

@media screen and (max-width: 767px) {
 .c-btn2 {
  width: 155px;
 }
}

.c-btn2__txt {
 display: block;
 background: #7d0000;
 text-align: center;
 font-size: 1.6rem;
 line-height: 1;
 color: #fff;
 font-weight: bold;
 position: relative;
 padding: 13px 25px 11px;
}

@media screen and (max-width: 767px) {
 .c-btn2__txt {
  font-size: 1.2rem;
  padding: 7px 18px 8px 30px;
 }
}

.c-btn2__txt::after {
 content: '';
 width: 5px;
 height: 5px;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
 position: absolute;
 top: 50%;
 right: 16px;
 -webkit-transform: translate(0, -50%) rotate(45deg);
 transform: translate(0, -50%) rotate(45deg);
}

@media screen and (max-width: 767px) {
 .c-btn2__txt::after {
  width: 3px;
  height: 3px;
 }
}

.c-btn3 {
 display: inline-block;
}

.c-btn3__txt {
 min-width: 440px;
 display: inline-block;
 text-align: center;
 font-size: 2.4rem;
 line-height: 1.5;
 color: #093d6e;
 font-weight: bold;
 border: 2px solid #093d6e;
 position: relative;
 padding: 22px 20px 18px;
}

@media screen and (max-width: 767px) {
 .c-btn3__txt {
  min-width: 220px;
  font-size: 1.2rem;
  padding: 9px 15px;
 }
}

.c-btn3__txt::after {
 content: '';
 width: 9px;
 height: 9px;
 border-top: 2px solid #093d6e;
 border-right: 2px solid #093d6e;
 position: absolute;
 top: 50%;
 right: 24px;
 -webkit-transform: rotate(45deg) translate(0, -50%);
 transform: rotate(45deg) translate(0, -50%);
}

@media screen and (max-width: 767px) {
 .c-btn3__txt::after {
  width: 3px;
  height: 3px;
  right: 12px;
 }
}

.c-title1 {
 background: #1b1b1b;
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 padding: 32px 39px 25px 120px;
}

@media screen and (max-width: 767px) {
 .c-title1 {
  padding: 16px 30px 11px 30px;
 }
}

.c-title1__main {
 font-size: 3.6rem;
 line-height: 1.5;
 color: #fff;
 font-weight: bold;
 position: relative;
 padding: 0 10px 0 0;
 margin: 0 22px 0 0;
}

@media screen and (max-width: 767px) {
 .c-title1__main {
  font-size: 2rem;
  padding: 0 5px 0 0;
  margin: 0 11px 0 0;
 }
}

.c-title1__main::after {
 content: '';
 width: 4px;
 height: 65%;
 background: #7d0000;
 position: absolute;
 top: 50%;
 right: 0;
 -webkit-transform: skew(-19deg) translate(0, -50%);
 transform: skew(-19deg) translate(0, -50%);
}

@media screen and (max-width: 767px) {
 .c-title1__main::after {
  width: 2px;
 }
}

.c-title1__sub {
 font-size: 1.4rem;
 line-height: 1.5;
 color: #fff;
 font-weight: 500;
 font-family: 'NotoSansCJKjp';
 margin: -11px 0 0;
 letter-spacing: 0.2px;
}

@media screen and (max-width: 767px) {
 .c-title1__sub {
  font-size: 7px;
  margin: -5px 0 0;
 }
}

.c-heading {
 display: inline-block;
 position: relative;
 z-index: 4;
}

.c-heading .c-btn2 {
 margin: 4px 0 0;
}

.c-mainvisual {
 position: relative;
}

@media screen and (max-width: 767px) {
 .c-mainvisual {
  margin-top: 50px;
 }
}

.c-mainvisual__video {
 position: relative;
 width: 100%;
 height: 0;
 padding-bottom: 41.67%;
 pointer-events: none;
}

@media screen and (max-width: 767px) {
 .c-mainvisual__video {
  height: 300px;
 }
}

.c-mainvisual__video iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.c-mainvisual__btn {
 width: 1200px;
 margin: -58px auto 0;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 position: relative;
 z-index: 2;
}

@media screen and (max-width: 767px) {
 .c-mainvisual__btn {
  width: 100%;
  position: absolute;
  z-index: 100;
  left: 0;
  bottom: -40px;
  margin: 0 auto;
 }
}

@media screen and (max-width: 767px) {
 .c-mainvisual__btn .c-btn1 {
  width: calc(50% - 2px);
 }
}

.c-list1 {
 position: relative;
 z-index: 2;
 padding: 37px 0 36px 400px;
 min-height: 200px
}

@media screen and (min-width: 1400px) {
 .c-list1 {
  padding: 37px 0 36px 285px;
 }
}

@media screen and (max-width: 767px) {
 .c-list1 {
  padding: 84px 10px 30px 15px;
  min-height: 100px
 }
}






@media screen and (max-width: 767px) {
 .c-list1 {
  padding: 84px 10px 30px 15px;
  min-height: 100px
 }
}

.c-list1__item {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 margin: 0 0 12.5px;
 position: relative;
}

@media screen and (max-width: 767px) {
 .c-list1__item {
  margin: 0 0 17px;
 }
}

.c-list1__item:last-child {
 margin: 0;
}

.c-list1__item::after {
 content: '';
 width: 30px;
 height: 12px;
 background: url(../img/icon-arrow-right.png);
 background-size: cover;
 position: absolute;
 top: 50%;
 right: 0;
 -webkit-transform: translate(0, -50%);
 transform: translate(0, -50%);
 z-index: 3;
}

@media screen and (max-width: 767px) {
 .c-list1__item::after {
  width: 25px;
  height: 10px;
 }
}

.c-list1__intro {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 margin: 0 12px 0 0;
}

@media screen and (max-width: 767px) {
 .c-list1__intro {
  width: 100%;
  margin: 0;
 }
}

.c-list1__date {
 font-size: 1.4rem;
 line-height: 1;
 color: #000;
 margin: 0 11px 0 0;
}

@media screen and (max-width: 767px) {
 .c-list1__date {
  font-size: 1.2rem;
  margin: 0 19px 0 0;
 }
}

.c-list1__tag {
 min-width: 100px;
 text-align: center;
}

@media screen and (max-width: 767px) {
 .c-list1__tag {
  min-width: auto;
  display: inherit;
 }
}

.c-list1__tag span {
 display: inline-block;
 background: #7d0000;
 font-size: 1.2rem;
 line-height: 1;
 color: #fff;
 padding: 2px 9px;
}

@media screen and (max-width: 767px) {
 .c-list1__tag span {
  font-size: 1rem;
  padding: 2px 6px;
 }
}

.c-list1__link {
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
}

@media screen and (max-width: 767px) {
 .c-list1__link {
  width: 100%;
  margin: 6px 0 0;
 }
}

.c-list1__txt {
 display: block;
 font-size: 1.4rem;
 line-height: 1;
 color: #000;
 padding: 6px 35px 0 0;
}

@media screen and (max-width: 767px) {
 .c-list1__txt {
  padding: 0 30px 0 0;
  line-height: 1.1;
 }
}

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

.c-list2__item {
 width: 400px;
 position: relative;
}

@media screen and (max-width: 767px) {
 .c-list2__item {
  width: 50%;
 }
}

.c-list2__img img {
 width: 100%;
 height: auto;
}

.c-list2__tag {
 min-width: 144px;
 text-align: center;
 font-size: 1.8rem;
 line-height: 1;
 color: #fff;
 background: #beac56;
 position: absolute;
 top: 0;
 left: 0;
 padding: 12px 10px;
}

@media screen and (max-width: 767px) {
 .c-list2__tag {
  min-width: 72px;
  font-size: 9px;
  padding: 6px 3px;
 }
}

.c-list2__info {
 width: 100%;
 background: rgba(0, 0, 0, 0.6);
 position: absolute;
 left: 0;
 bottom: 0;
 min-height: 120px;
 padding: 18px 30px 10px;
}

@media screen and (max-width: 767px) {
 .c-list2__info {
  min-height: 60px;
  padding: 8px 15px 0px;
 }
}

.c-list2__ttl {
 font-size: 2rem;
 line-height: 1.2;
 color: #fff;
 font-weight: bold;
 margin: 0 0 10px;
}

@media screen and (max-width: 767px) {
 .c-list2__ttl {
  font-size: 1rem;
  margin: 0 0 5px;
 }
}

.c-list2__txt {
 font-size: 1.6rem;
 line-height: 1.75;
 color: #fff;
}

@media screen and (max-width: 767px) {
 .c-list2__txt {
  font-size: 8px;
 }
}

.c-imgtext1 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}

.c-imgtext1 + .c-imgtext1 {
 margin: 30px 0 0;
}

.c-imgtext1__img {
 width: 700px;
}

@media screen and (max-width: 767px) {
 .c-imgtext1__img {
  width: calc(100% - 25px);
 }
}

.c-imgtext1__img img {
 width: 100%;
 height: auto;
}

.c-imgtext1__info {
 width: 600px;
 min-height: 320px;
 background: #fff;
 margin: 0 0 0 -100px;
 position: relative;
 z-index: 2;
 padding: 72px 20px 72px 51px;
}

@media screen and (max-width: 767px) {
 .c-imgtext1__info {
  width: calc(100% - 75px);
  min-height: auto;
  margin: -24px auto 0;
  padding: 27px 14px 27px 15px;
 }
}

.c-imgtext1__ttl {
 font-size: 2.4rem;
 line-height: 1.5;
 color: #333;
 font-weight: bold;
 margin: 0 0 24px;
 text-align: center;
}

@media screen and (max-width: 767px) {
 .c-imgtext1__ttl {
  font-size: 1.4rem;
  margin: 0 0 8px;
 }
}

.c-imgtext1__subttl {
 font-size: 1.6rem;
 line-height: 1.4;
 color: #333;
 font-weight: bold;
 text-align: center;
 margin: 19px 0 0px;
}

@media screen and (max-width: 767px) {
 .c-imgtext1__subttl {
  font-size: 1.2rem;
  margin: 0 0 3px;
 }
}

.c-imgtext1__txt {
 font-size: 1.8rem;
 line-height: 1.68;
 color: #333;
}

@media screen and (max-width: 767px) {
 .c-imgtext1__txt {
  font-size: 1.2rem;
  line-height: 1.5;
 }
}

.c-imgtext1--reverse {
 -webkit-box-orient: horizontal;
 -webkit-box-direction: reverse;
 -ms-flex-direction: row-reverse;
 flex-direction: row-reverse;
}

.c-imgtext1--reverse .c-imgtext1__info {
 margin: 0 -100px 0 0;
}

@media screen and (max-width: 767px) {
 .c-imgtext1--reverse .c-imgtext1__info {
  margin: -24px auto 0;
 }
}

.c-box {
 width: 950px;
 margin: 0 auto;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 background: #fff;
 padding: 42px 80px 33px 34px;
}

@media screen and (max-width: 767px) {
 .c-box {
  width: calc(100% - 55px);
  padding: 17px 10px;
 }
}

.c-box__img {
 width: 277px;
}

@media screen and (max-width: 767px) {
 .c-box__img {
  width: 54%;
  margin: 0 auto 32px;
  padding: 0 12px 0 0;
 }
}

.c-box__btn {
 width: 440px;
}

@media screen and (max-width: 767px) {
 .c-box__btn {
  width: 100%;
  text-align: center;
 }
}

.c-slide1 {
 overflow: hidden;
 padding: 135px 0;
 position: relative;
}

@media screen and (max-width: 767px) {
 .c-slide1 {
  padding: 9.8vw 0;
 }
}

.c-slide1__item {
 width: 320px;
 outline: none;
 -webkit-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0 20px;
 overflow: hidden;
}

@media screen and (max-width: 767px) {
 .c-slide1__item {
  width: 60vw;
  margin: 0 2vw;
 }
}

.c-slide1__item img {
 width: 100%;
 height: auto;
}

.c-slide1__item.slick-animated {
 -webkit-transform: scale(1.69);
 transform: scale(1.69);
 position: relative;
 margin: 0 112px;
}

@media screen and (max-width: 767px) {
 .c-slide1__item.slick-animated {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  margin: 0 5vw;
 }
}

.c-slide1__item.slick-animated .c-slide1__info {
 opacity: 1;
}

.c-slide1__item a {
 display: block;
}

.c-slide1__info {
 padding: 0 12px;
 margin: -20px 0 0;
 position: relative;
 z-index: 2;
 opacity: 1;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}

@media screen and (max-width: 767px) {
 .c-slide1__info {
  padding: 0 7px;
  margin: -13px 0 0;
 }
}

.c-slide1__txt {
 font-size: 1.2rem;
 line-height: 1.3;
 color: #333;
 font-weight: bold;
 border-left: 1.5px solid #1b1b1b;
 padding: 31px 0 10px 13px;
}

@media screen and (max-width: 767px) {
 .c-slide1__txt {
  font-size: 9px;
  padding: 22px 0 7px 8px;
 }
}

.c-slide1__txt span {
 margin: 0 7px 0 0;
}

.c-slide1 .slick-track,
.c-slide1 .slick-list {
 overflow: visible;
}

.c-slide1 .slick-track {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}

.c-slide1 .slick-dots {
 max-width: 1200px;
 width: 100%;
 position: absolute;
 top: -136px;
 left: 50%;
 -webkit-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
}

@media screen and (max-width: 767px) {
 .c-slide1 .slick-dots {
  max-width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  top: -10vw;
  -webkit-transform: none;
  transform: none;
 }
}

.c-slide1 .slick-dots li {
 width: 100px;
 height: 10px;
 background: #c7c7c7;
 margin: 0 0 0 4px;
}

@media screen and (max-width: 767px) {
 .c-slide1 .slick-dots li {
  width: 50px;
  height: 5px;
  margin: 0 2px;
 }
}

.c-slide1 .slick-dots li.slick-active {
 background: #7d0000;
}

.c-slide1 .slick-dots button {
 display: none;
}

.c-slide1 .slick-dots li button:before {
 color: #5d849e;
}

.top {
 background: #fbfbfb;
}

.top1 {
 padding: 60px 0 80px;
}

@media screen and (max-width: 767px) {
 .top1 {
  padding: 60px 0 60px;
 }
}

.top1__wrap {
 position: relative;
 margin: -136px 0 0;
}

@media screen and (max-width: 767px) {
 .top1__wrap {
  margin: -55px 0 0;
 }
}

.top1__wrap::after {
 content: '';
 width: calc(100% - 120px);
 height: 100%;
 background: #fff;
 position: absolute;
 top: 0;
 left: 120px;
 z-index: 1;
}

@media screen and (max-width: 767px) {
 .top1__wrap::after {
  width: calc(100% - 20px);
  left: 10px;
 }
}

.top2 {
 margin: 0 0 80px;
}

@media screen and (max-width: 767px) {
 .top2 {
  margin: 0 0 58px;
 }
}

.top2__wrap {
 margin: -66px 0 0;
}

@media screen and (max-width: 767px) {
 .top2__wrap {
  margin: -52.5px 0 0;
 }
}

@media screen and (max-width: 767px) {
 .top2 .c-imgtext1 {
  width: calc(100% + 20px);
  margin-left: -10px;
 }
}

.top2 .c-box {
 margin: 31px auto 0;
}

@media screen and (max-width: 767px) {
 .top2 .c-box {
  margin: 40px auto;
 }
}

.top3 {
 margin: 0 0 28px;
}

@media screen and (max-width: 767px) {
 .top3 {
  margin: 0 0 36px;
 }
}

.top3 .c-slide1 {
 margin: -52px auto 0;
}

@media screen and (max-width: 767px) {
 .top3 .c-slide1 {
  margin: 30px 0 0;
 }
}

.top4 {
 padding: 0 0 185px;
}

@media screen and (max-width: 767px) {
 .top4 {
  padding: 0 0 104px;
 }
}

.top4 .c-heading {
 margin: 0 0 61px;
}

@media screen and (max-width: 767px) {
 .top4 .c-heading {
  margin: 0 0 36px;
 }
}

@media screen and (max-width: 767px) {
 .top4 .c-list2 {
  width: calc(100% + 20px);
  margin: 0 0 0 -10px;
 }
}

#movie-preview {
 width: 100%;
 height: auto;
}

@media screen and (max-width: 767px) {
 #movie-preview {
  margin-top: 50px;
 }
 .c-mainvisual {
 }
 .c-mainvisual__video {
   height: auto;
   padding: 0;
 }
}
.top {
  position: relative;
}


@media screen and (min-width: 768px) {
  .top {
    position: relative;
    margin-top: -114px;
  }
  .page-top .c-nav-link1 {
    color: #fff;
  }
  .page-top .c-header1-link1 {
    color: #fff;
    border: 2px solid #fff;
  }
  .page-top .c-mainvisual:before {
    z-index: 1;
    content: "";
    position: absolute;
    margin-top: -42px;
    top: 0;
    left:  0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .page-top .c-mainvisual:before {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.1) 30%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.1) 30%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#1a000000',GradientType=0 );
  }
}