/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

picture {
  display: block;
}

.mv-top {
  position: relative;
}
.mv-top .mv-top .mv-slider-item .js-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: calc(100vh - 111px);
  min-height: 530px;
}
.mv-top .mv-slider-item a {
  display: block;
}
@media print, screen and (min-width:768px) {
  .is-view-pc .mv-top .mv-slider-item a:hover {
    opacity: 0.6;
  }
}
.mv-top-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding-top: 110px;
  padding-bottom: 110px;
  width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width:1199px) {
  .mv-top-inner {
    width: 100%;
  }
}
@media screen and (max-width:767px) {
  .mv-top-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 85px;
    padding-bottom: 0;
  }
}
.mv-top-inner--other {
  width: auto;
  max-width: 100%;
}
@media screen and (max-width:767px) {
  .mv-top-inner--other {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-left: -3%;
  }
}
@media print, screen and (min-width:768px) {
  .mv-top-inner--other .mv-top-logo {
    margin-left: auto;
  }
}
@media screen and (max-width:767px) {
  .mv-top-inner--other .mv-top-logo {
    max-width: 50%;
  }
}
.mv-top-logo {
  width: 350px;
  max-width: 350px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 350px;
          flex: 0 0 350px;
}
@media screen and (max-width:767px) {
  .mv-top-logo {
    width: 56.8%;
    max-width: 56.8%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56.8%;
            flex: 0 0 56.8%;
  }
}
.mv-top-ttl {
  width: 284px;
  max-width: 284px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 284px;
          flex: 0 0 284px;
}
@media screen and (max-width:767px) {
  .mv-top-ttl {
    width: 56%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 13%;
    margin: 0 auto;
  }
}
@media screen and (max-width:374px) {
  .mv-top-ttl {
    bottom: 16%;
  }
}
.mv-top-btn .c-btn {
  width: 100%;
  max-width: inherit;
  height: 70px;
  background: #B22029;
  border: none;
  color: #fff;
}
@media screen and (max-width:767px) {
  .mv-top-btn .c-btn {
    height: 60px;
  }
}
.mv-top-btn .c-btn span {
  position: relative;
  padding: 0 26px;
  line-height: 1.6;
}
.mv-top-btn .c-btn span .c-btn-ico {
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mv-top-btn .c-btn span .c-btn-ico svg {
  fill: #fff;
}
@media print, screen and (min-width:768px) {
  .is-view-pc .mv-top-btn .c-btn:hover {
    opacity: 0.6;
    background-color: #B22029;
  }
  .is-view-pc .mv-top-btn .c-btn:hover span {
    color: inherit;
  }
  .is-view-pc .mv-top-btn .c-btn:hover span svg {
    fill: #fff;
  }
}
.mv-top .mv-slider-item .js-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: calc(100vh - 111px);
  min-height: 530px;
}
.mv-top .mv-slider-item .js-bg img {
  display: none;
}
.mv-top-video {
  overflow: hidden;
}
.mv-top-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-sect {
  padding: 51px 0 0 0;
}
@media screen and (max-width:767px) {
  .c-sect {
    padding-top: 32px;
  }
}
.c-sect.c-bg-gray:before {
  display: none;
}
.c-sect .l-inner {
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width:767px) {
  .c-sect .l-inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.c-sect .c-lead {
  border-bottom: none;
  padding-top: 22px;
  padding-bottom: 5px;
}
.c-sect .c-lead h2 {
  margin-bottom: 5px;
  line-height: 1.0961538462;
}
@media screen and (max-width:767px) {
  .c-sect .c-lead h2 {
    font-size: 3.2rem;
  }
}
.c-sect .c-lead h3 {
  font-weight: normal;
  margin-top: 0;
  line-height: 1.5;
}
@media print, screen and (min-width:768px) {
  .c-sect .c-card.c-card--col-02 .c-card-items .c-card-item {
    margin-top: 23px;
  }
}
@media print, screen and (min-width:768px) {
  .c-sect .c-card.c-card--col-02 .c-card-items .c-card-item--full {
    margin-left: -18px;
    margin-right: -18px;
    margin-top: 40px;
    width: calc(100% + 36px);
  }
}
@media screen and (max-width:767px) {
  .c-sect .c-card.c-card--col-02 .c-card-items .c-card-item--full {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
  }
}
@media print, screen and (min-width:768px) {
  .c-sect .c-card .c-card-item--full {
    margin-top: 47px;
  }
  .c-sect .c-card .c-card-item--full picture {
    margin-bottom: -1px;
  }
  .c-sect .c-card .c-card-item--full .news-grid-info {
    padding-bottom: 130px;
  }
  .c-sect .c-card .c-card-item--full .news-grid-info h4 {
    font-size: 4rem;
  }
  .c-sect .c-card .c-card-item--full .news-grid-info p {
    font-size: 2.2rem;
  }
}
@media screen and (max-width:767px) {
  .c-sect .c-card .c-card-item--full {
    margin-top: 23px;
    width: auto;
  }
  .c-sect .c-card .c-card-item--full .news-grid-info {
    padding-bottom: 25%;
  }
  .c-sect .c-card .c-card-item--full .news-grid-info h4 {
    font-size: 2rem;
  }
  .c-sect .c-card .c-card-item--full .news-grid-info p {
    font-size: 1.4rem;
  }
}

@media print, screen and (min-width:768px) {
  .news-grid {
    margin-top: 20px;
  }
}
@media screen and (max-width:767px) {
  .news-grid {
    margin-top: 3px;
  }
}
.news-grid-img {
  overflow: hidden;
  background-color: #000;
  position: relative;
}
.news-grid-info {
  padding: 10px 0;
}
@media screen and (max-width:767px) {
  .news-grid-info {
    padding: 12px 0;
  }
}
.news-grid-info h4 {
  font-size: 3rem;
  line-height: 1.5;
  font-weight: 500;
  margin: 0 0 9px 0;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width:992px) {
  .news-grid-info h4 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width:767px) {
  .news-grid-info h4 {
    font-size: 1.9rem;
    line-height: 1.3947368421;
  }
}
.news-grid-info p {
  font-size: 1.6rem;
  line-height: 1.75;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 3.5em;
}
@media screen and (max-width:992px) {
  .news-grid-info p {
    font-size: 1.3rem;
  }
}
@media screen and (max-width:767px) {
  .news-grid-info p {
    font-size: 1.2rem;
    line-height: 1.6666666667;
  }
}
.news-grid a {
  display: block;
}
@media print, screen and (min-width:768px) {
  .is-view-pc .news-grid a:hover img {
    opacity: 0.6;
  }
  .is-view-pc .news-grid a:hover h4, .is-view-pc .news-grid a:hover p {
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    color: #B22029;
  }
}
@media screen and (max-width:767px) {
  .news-grid.c-card.c-card--col-02 .c-card-item {
    margin-bottom: 24px;
  }
  .news-grid.c-card.c-card--col-02 .c-card-item:last-child {
    margin-bottom: 0;
  }
}

@media print, screen and (min-width:768px) {
  .news-list {
    margin-top: 3px;
  }
}
@media screen and (max-width:767px) {
  .news-list {
    margin-top: 4px;
  }
}

@media print, screen and (min-width:768px) {
  .social-list {
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 20px;
  }
}
@media print, screen and (min-width:768px) {
  .social-list .c-card-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.social-list .c-ttl-sub {
  margin-top: 12px;
}
@media screen and (max-width:767px) {
  .social-list .c-ttl-sub {
    margin-top: 15px;
  }
}
.social-list .c-ttl-sub .c-ico--ytb svg {
  width: 34px;
  height: 28px;
}
@media screen and (max-width:767px) {
  .social-list .c-ttl-sub .c-ico {
    margin-right: 3px;
  }
  .social-list .c-ttl-sub .c-ico svg {
    width: 18px;
    height: 18px;
  }
}
.social-list .video-wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #B22029;
}
.social-list .video-wrap iframe {
  width: 100%;
  border: none;
  height: 100%;
}
@media screen and (max-width:767px) {
  .social-list .video-wrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    display: block;
    height: auto;
    background: none;
  }
  .social-list .video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    border: 1px solid #b8a99a;
  }
}
.social-list .instagram-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px;
}
@media screen and (max-width:767px) {
  .social-list .instagram-list {
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 0;
  }
}
.social-list .instagram-list li {
  width: 33.333%;
  max-width: 33.333%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333%;
          flex: 0 0 33.333%;
  padding: 5px;
}
@media screen and (max-width:767px) {
  .social-list .instagram-list li {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding: 8px;
  }
}
.social-list .instagram-list li a {
  overflow: hidden;
  display: block;
  border: 1px solid #707070;
}
@media print, screen and (min-width:768px) {
  .is-view-pc .social-list .instagram-list li a:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 0.6;
  }
  .is-view-pc .social-list .instagram-list li a:hover h4, .is-view-pc .social-list .instagram-list li a:hover p {
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    color: #B22029;
  }
}

.share-top {
  padding: 130px 0 130px 0;
  background: url(../images/top/bg-share.jpg);
  background-size: cover;
  color: #fff;
  background-repeat: no-repeat;
}
@media screen and (max-width:767px) {
  .share-top {
    background: url(../images/top/bg-share-sp.jpg);
    padding: 45px 0 45px 0;
    background-size: cover;
  }
}
.share-top ul {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.share-top ul li {
  padding: 0 20px;
  text-align: center;
  width: 14%;
  max-width: 14%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14%;
          flex: 0 0 14%;
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
  .share-top ul li {
    width: 20%;
    max-width: 20%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
}
@media screen and (max-width:767px) {
  .share-top ul li {
    padding: 0px 10px;
    width: 33.333%;
    max-width: 33.333%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    margin-bottom: 34px;
  }
  .share-top ul li:last-child, .share-top ul li:nth-last-child(2) {
    margin-bottom: 0;
  }
}
.share-top ul li a {
  display: block;
}
@media print, screen and (min-width:768px) {
  .is-view-pc .share-top ul li a:hover .c-ico svg {
    fill: #a7a7a7;
  }
  .is-view-pc .share-top ul li a:hover span {
    color: #a7a7a7;
  }
}
.share-top ul .c-ico svg {
  display: block;
  width: 60px;
  height: 60px;
  fill: #fff;
  margin: 0 auto;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width:767px) {
  .share-top ul .c-ico svg {
    width: 44px;
    height: 44px;
  }
}
.share-top ul span {
  display: block;
  text-transform: uppercase;
  font-size: 1.4rem;
  margin-top: 12px;
}
@media screen and (max-width:767px) {
  .share-top ul span {
    font-size: 1rem;
    margin-top: 14px;
  }
}

.pickup {
  padding-bottom: 78px;
  padding-top: 59px;
}
@media screen and (max-width:767px) {
  .pickup {
    padding-top: 37px;
    padding-bottom: 56px;
  }
}
.pickup .c-lead {
  padding-top: 0;
  padding-bottom: 2px;
}
@media screen and (max-width:767px) {
  .pickup .c-lead {
    padding-bottom: 7px;
  }
}

.social {
  padding: 30px 0 78px 0;
}
@media screen and (max-width:767px) {
  .social {
    padding: 12px 0 41px 0;
  }
}

.news-top {
  padding-bottom: 82px;
  padding-top: 47px;
}
@media screen and (max-width:767px) {
  .news-top {
    padding-top: 32px;
    padding-bottom: 70px;
  }
}
.news-top .news-grid {
  margin-top: 97px;
}
.news-top .news-grid.c-card.c-card--col-02 .c-card-items .c-card-item:not(.c-card-item--full) {
  margin-bottom: 5px;
}
@media screen and (max-width:767px) {
  .news-top .news-grid {
    margin-top: 60px;
  }
  .news-top .news-grid .news-grid-img {
    border: 1px solid #b8a99a;
  }
  .news-top .news-grid.c-card.c-card--col-02 .c-card-items .c-card-item:not(.c-card-item--full) {
    margin-bottom: 22px;
  }
  .news-top .news-grid.c-card.c-card--col-02 .c-card-items .c-card-item:not(.c-card-item--full):last-child {
    margin-bottom: 0;
  }
}

.news-grid-overlap {
  position: relative;
}
.news-grid-overlap .news-grid-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  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;
  color: #fff;
  padding: 50px;
}
@media screen and (max-width:767px) {
  .news-grid-overlap .news-grid-info {
    padding: 30px;
  }
}
.news-grid-overlap .news-grid-info > * {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.is-animate.c-card-item:not(.c-card-item--full) .news-grid-img {
  -webkit-transition: 0.5s cubic-bezier(0.545, 0.015, 0.335, 1);
  transition: 0.5s cubic-bezier(0.545, 0.015, 0.335, 1);
}
.is-animate.c-card-item:not(.c-card-item--full) .news-grid-img:after {
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  content: "";
  border: 40px solid #fff;
  -webkit-transition: 0.5s cubic-bezier(0.545, 0.015, 0.335, 1);
  transition: 0.5s cubic-bezier(0.545, 0.015, 0.335, 1);
}
.is-animate.c-card-item:not(.c-card-item--full) .news-grid-info {
  top: -6%;
  position: relative;
  -webkit-transition: 0.5s cubic-bezier(0.545, 0.015, 0.335, 1);
  transition: 0.5s cubic-bezier(0.545, 0.015, 0.335, 1);
}
.is-animate.is-animated.c-card-item:not(.c-card-item--full) .news-grid-img {
  opacity: 1;
}
.is-animate.is-animated.c-card-item:not(.c-card-item--full) .news-grid-img:after {
  border: 0px solid #fff;
  -webkit-transition: 0.5s cubic-bezier(0.545, 0.015, 0.335, 1);
  transition: 0.5s cubic-bezier(0.545, 0.015, 0.335, 1);
}
.is-animate.is-animated.c-card-item:not(.c-card-item--full) .news-grid-info {
  top: 0;
}

.mv-slider-item--video {
  overflow: hidden;
  background-color: #000;
  position: relative;
}
.mv-slider-item--video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  opacity: 0.85;
}

.icon-volumne {
  top: 100px;
  cursor: pointer;
  z-index: 999;
  right: 39px;
  position: absolute;
}
@media screen and (max-width:767px) {
  .icon-volumne {
    top: 80px;
    right: 20px;
  }
}

.js-volumne.is-active .ic-volumne {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.987' height='26' viewBox='0 0 29.987 26'%3E%3Cpath id='btn_sound_on' d='M14.837.095a1,1,0,0,0-1.065.136L6.838,6H1A1,1,0,0,0,0,7V19a1,1,0,0,0,1,1H7a.98.98,0,0,0,.552-.188l6.168,5.91A1,1,0,0,0,15.412,25V1a1,1,0,0,0-.575-.905M6,18H2V8H6Zm7.412,4.657L8.1,17.572a1,1,0,0,0-.1-.066V7.62c.016-.012.036-.015.051-.028l5.361-4.459ZM29.987,13a15.947,15.947,0,0,1-4.244,10.829,1,1,0,0,1-1.471-1.355,13.938,13.938,0,0,0,0-18.948,1,1,0,0,1,1.471-1.355A15.947,15.947,0,0,1,29.987,13m-4,0a11.963,11.963,0,0,1-3.146,8.081,1,1,0,1,1-1.477-1.348,9.952,9.952,0,0,0,0-13.465,1,1,0,1,1,1.477-1.35A11.964,11.964,0,0,1,25.987,13m-4,0a7.984,7.984,0,0,1-2.045,5.33A1,1,0,1,1,18.452,17a5.97,5.97,0,0,0,0-7.993,1,1,0,0,1,1.49-1.334A7.989,7.989,0,0,1,21.987,13' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.ic-volumne {
  vertical-align: middle;
  display: inline-block;
  width: 30px;
  height: 27px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg id='btn_sound' xmlns='http://www.w3.org/2000/svg' width='30' height='26' viewBox='0 0 30 26'%3E%3Cpath id='btn_sound_off' d='M29.65,1.759A1,1,0,1,0,28.35.241L25.9,2.345c-.051-.057-.094-.118-.146-.174a1,1,0,0,0-1.471,1.355c.036.038.065.08.1.119l-1.512,1.3c-.007-.007-.012-.016-.019-.023a1,1,0,0,0-1.494,1.32L19.807,7.563a.976.976,0,0,0-1.46,1.251l-2.929,2.511V1a1,1,0,0,0-1.64-.769L6.844,6H1.007a1,1,0,0,0-1,1V19a1,1,0,0,0,1,1H5.3L.35,24.241a1,1,0,1,0,1.3,1.518l6.394-5.481,5.683,5.443a.992.992,0,0,0,.691.279,1.019,1.019,0,0,0,.393-.08,1,1,0,0,0,.607-.92V13.958l4.01-3.437A5.877,5.877,0,0,1,18.459,17a1,1,0,1,0,1.488,1.336A7.941,7.941,0,0,0,21,9.171l1.545-1.324A9.935,9.935,0,0,1,21.37,19.733a1,1,0,1,0,1.477,1.348A11.928,11.928,0,0,0,24.081,6.532l1.523-1.3a13.893,13.893,0,0,1-1.326,17.246,1,1,0,0,0,1.471,1.356A15.888,15.888,0,0,0,27.129,3.92ZM13.418,3.133V13.04l-5.3,4.541-.01-.009a.838.838,0,0,0-.1-.065V7.619c.016-.012.035-.015.051-.027ZM2.007,8h4V18h-4ZM13.418,22.657,9.57,18.971l3.848-3.3Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.video-info {
  background-color: #B22029;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 120px;
  padding-bottom: 60px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
@media screen and (max-width:767px) {
  .video-info {
    padding-bottom: 56px;
  }
}
.video-info div {
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.video-info div:first-child {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media screen and (max-width:767px) {
  .video-info div:first-child img {
    width: 50.6666666667vw;
  }
}
.video-info div:last-child {
  -ms-flex-item-align: self-end;
      -ms-grid-row-align: self-end;
      align-self: self-end;
}
@media screen and (max-width:767px) {
  .video-info div:last-child {
    padding-left: 30px;
    padding-right: 30px;
  }
  .video-info div:last-child img {
    width: 84vw;
    max-width: 400px;
  }
}
.video-info img {
  display: block !important;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
}
@media print, screen and (min-width:768px) {
  .video-info img.pc {
    display: block !important;
  }
}
@media screen and (max-width:767px) {
  .video-info img.pc {
    display: none !important;
  }
}
@media print, screen and (min-width:768px) {
  .video-info img.sp {
    display: none !important;
  }
}
@media screen and (max-width:767px) {
  .video-info img.sp {
    display: block !important;
  }
}

.js-video-hide {
  display: none;
}