@charset "UTF-8";
/*! koensha.co.jp 2017 */
@import url(../../common/css/default.css);
@font-face {
  font-family: "MazdaFont";
  src: url("/ja/next-generation/common/fonts/139b552d-aabf-4651-bc4b-b0809c6bc946.eot?#iefix");
  src: url("/ja/next-generation/common/fonts/139b552d-aabf-4651-bc4b-b0809c6bc946.eot?#iefix") format("eot"), url("/ja/next-generation/common/fonts/10cee20d-1195-45a8-b572-c7bcf6ef22b3.woff2") format("woff2"), url("/ja/next-generation/common/fonts/e9e06809-aa61-4248-b5bf-34b5ced490ac.woff") format("woff"), url("/ja/next-generation/common/fonts/5d426fe3-6f42-40e4-b3eb-8231fb6dc13a.ttf") format("truetype"), url("/ja/next-generation/common/fonts/42c2da6b-13eb-4af7-8c48-fbf320f75cae.svg#42c2da6b-13eb-4af7-8c48-fbf320f75cae") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "MazdaFont";
  src: url("/ja/next-generation/common/fonts/139b552d-aabf-4651-bc4b-b0809c6bc946.eot?#iefix");
  src: url("/ja/next-generation/common/fonts/139b552d-aabf-4651-bc4b-b0809c6bc946.eot?#iefix") format("eot"), url("/ja/next-generation/common/fonts/10cee20d-1195-45a8-b572-c7bcf6ef22b3.woff2") format("woff2"), url("/ja/next-generation/common/fonts/e9e06809-aa61-4248-b5bf-34b5ced490ac.woff") format("woff"), url("/ja/next-generation/common/fonts/5d426fe3-6f42-40e4-b3eb-8231fb6dc13a.ttf") format("truetype"), url("/ja/next-generation/common/fonts/42c2da6b-13eb-4af7-8c48-fbf320f75cae.svg#42c2da6b-13eb-4af7-8c48-fbf320f75cae") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "MazdaFont";
  src: url("/ja/next-generation/common/fonts/7eac7b55-ff01-4807-946c-fd7c9658ecf3.eot?#iefix");
  src: url("/ja/next-generation/common/fonts/7eac7b55-ff01-4807-946c-fd7c9658ecf3.eot?#iefix") format("eot"), url("/ja/next-generation/common/fonts/7486e53f-9392-40b1-a703-553861cf2154.woff2") format("woff2"), url("/ja/next-generation/common/fonts/fc7a83d0-ef42-438f-b7d7-55d389130392.woff") format("woff"), url("/ja/next-generation/common/fonts/9b70688b-9b30-4483-8437-f4489214db9d.ttf") format("truetype"), url("/ja/next-generation/common/fonts/7f2487c1-dbdb-45b1-a109-588d4f729b93.svg#7f2487c1-dbdb-45b1-a109-588d4f729b93") format("svg");
  font-weight: 700;
  font-style: normal; }
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }
.hero {
  overflow: hidden;
  position: relative;
  width: 100%;
  color: #fff; }

.contents h1 {
  text-align: center;
  width: 100%;
  padding: 8.75vw 0;
  font-size: 6.5625vw;
  font-family: "MazdaTypeMedium";
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1.5; }

.contents h2 {
  text-align: center;
  font-size: 5vw;
  font-family: "MazdaTypeMedium";
  letter-spacing: .08em;
  line-height: 1em; }
.content-nav, .content-col, .content-colbg, .content-info, .content-sns, .content-bnr {
  position: relative; }
.content-01, .content-bgbox, .content-col, .content-link, .content-gal, .content-cta {
  position: relative; }

.btn_movie_img {
  position: relative;
  display: block;
  transition: opacity .3s ease; }
  .btn_movie_img:before {
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    transition: opacity .3s ease; }
  .btn_movie_img:after {
    content: "";
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 12.5vw;
    height: 12.5vw;
    margin: auto;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MiIgaGVpZ2h0PSI4MiIgdmlld0JveD0iMCAwIDgyIDgyIj4KICA8dGl0bGU+aWNvbl9tb3ZpZTwvdGl0bGU+CiAgPGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj4KICAgIDxnIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj4KICAgICAgPHBhdGggZD0iTTQxLDgyQTQxLDQxLDAsMSwxLDgyLDQxLDQxLDQxLDAsMCwxLDQxLDgyWk00MSwyQTM5LDM5LDAsMSwwLDgwLDQxLDM5LDM5LDAsMCwwLDQxLDJaTTMxLjc5LDU5Ljc3VjIzLjExTDYyLDQxLjYzWm0yLTMzLjA5VjU2LjI0TDU4LjE3LDQxLjYxWiIgZmlsbD0iI2ZmZiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==) center center no-repeat;
    background-size: contain; }

  .btn_movie a {
    display: inline-block;
    position: relative;
    height: 5.3125vw;
    padding-left: 9.0625vw;
    font-size: 4.375vw;
    letter-spacing: 0.08em;
    line-height: 5.3125vw;
    color: #fff; }
    .btn_movie a:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: -0.3vw;
      bottom: 0;
      width: 5.3125vw;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICAgIGZpbHRlcjogdXJsKCNmaWx0ZXIpOwogICAgICB9CiAgICA8L3N0eWxlPgogICAgPGZpbHRlciBpZD0iZmlsdGVyIiB4PSIyMDMiIHk9IjQxMDQiIHdpZHRoPSIzNCIgaGVpZ2h0PSIzNCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPGZlRmxvb2QgcmVzdWx0PSJmbG9vZCIgZmxvb2QtY29sb3I9IiNmZmYiLz4KICAgICAgPGZlQ29tcG9zaXRlIHJlc3VsdD0iY29tcG9zaXRlIiBvcGVyYXRvcj0iaW4iIGluMj0iU291cmNlR3JhcGhpYyIvPgogICAgICA8ZmVCbGVuZCByZXN1bHQ9ImJsZW5kIiBpbjI9IlNvdXJjZUdyYXBoaWMiLz4KICAgIDwvZmlsdGVyPgogIDwvZGVmcz4KICA8cGF0aCBpZD0iaWNvbl9wbGF5IiBkYXRhLW5hbWU9Imljb24gcGxheSIgY2xhc3M9ImNscy0xIiBkPSJNMjIwLDQxMDRhMTcsMTcsMCwxLDEtMTcsMTdBMTcsMTcsMCwwLDEsMjIwLDQxMDRabTguMDc1LDE3LjE2TDIxNiw0MTI4di0xNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDMgLTQxMDQpIi8+Cjwvc3ZnPgo=) left center no-repeat;
      background-size: contain; }

.content-01__inner {
  padding: 0 44px 8.75vw; }
  .content-01__inner__text p + p {
      margin-top: 1em; }

.content-bgbox {
  background: #000 center top no-repeat;
  background-size: 100% auto;
  color: #fff; }
  .content-bgbox__inner {
    overflow: hidden;
    background: #000 center top no-repeat;
    background-size: 100% auto;
    color: #fff; }

    .content-bgbox__inner__header {
      padding: 18.75vw 44px 69.6875vw; }
      .content-bgbox__inner__header h2 {
        line-height: 1.5; }
    .content-bgbox__inner__text {
      padding: 0 44px 18.75vw; }
      .content-bgbox__inner__text p + p {
        margin-top: 1em; }

.content-02 .content-bgbox__inner {
  background-image: url(../images/kai_philosophy1_sp.jpg);
  background-repeat: no-repeat; }

.content-03 .content-bgbox__inner {
  background-image: url(../images/kai_philosophy2_sp.jpg); }

.content-col {
  background-color: #d8d8d8; }
  .content-col__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 31.25vw; }
    .content-col__inner__text {
      order: 2;
      width: 100%; }
      .content-col__inner__text__header {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        padding: 8.75vw 44px 7.5vw; }
        .content-col__inner__text__header h2 {
          line-height: 1.5; }
      .content-col__inner__text__area {
        text-align: center;
        padding: 0 44px 8.75vw; }
        .content-col__inner__text__area .btn_movie {
          margin-top: 7.5vw; }
          .content-col__inner__text__area .btn_movie a {
            color: #000; }
            .content-col__inner__text__area .btn_movie a:before {
              background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNCIgaGVpZ2h0PSIzNCIgdmlld0JveD0iMCAwIDM0IDM0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJpY29uX3BsYXkiIGRhdGEtbmFtZT0iaWNvbiBwbGF5IiBjbGFzcz0iY2xzLTEiIGQ9Ik0yMjAsMTQ0OGExNywxNywwLDEsMS0xNywxN0ExNywxNywwLDAsMSwyMjAsMTQ0OFptOC4wNzUsMTcuMTZMMjE2LDE0NzJ2LTE0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwMyAtMTQ0OCkiLz4KPC9zdmc+Cg==); }
    .content-col__inner__img {
      order: 1;
      width: 100%; }
      .content-col__inner__img__area {
        padding: 0 25px; }

.content-link {
  height: 90.66667vw;
  background: #4a4b4c url(../images/kai_360view_sp.jpg) top center no-repeat;
  background-size: 100% auto;
  color: #fff; }
  .content-link__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 90.66667vw; }
    .content-link__inner__text {
      order: 2;
      width: 100%; }
      .content-link__inner__text__header {
        z-index: 50;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        padding: 8.75vw 44px 7.5vw; }
        .content-link__inner__text__header h2 {
          line-height: 1.5; }
      .content-link__inner__text__area {
        z-index: 40;
        position: relative;
        text-align: center;
        padding: 7.5vw 44px 8.75vw; }
        .content-link__inner__text__area .btn_movie {
          margin-top: 7.5vw;
          color: #fff; }
    .content-link__inner__img {
      z-index: 20;
      order: 1;
      width: 100%; }
      .content-link__inner__img__area .btn_movie_img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }

  .content-gal__inner {
    padding: 7.5vw; }
    .content-gal__inner__popup {
      z-index: 80;
      overflow-y: scroll;
      opacity: 1;
      display: block;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.9);
      animation: 0.3s fade-in;
      -moz-animation: .3s fade-in;
      -webkit-animation: .3s fade-in; }
      .content-gal__inner__popup__inner {
        padding-top: calc(13.125vw + 76px); }
        .content-gal__inner__popup__inner__close {
          position: absolute;
          top: calc(13.125vw + 10px);
          right: 10px;
          width: 56px;
          height: 56px;
          border: #373737 solid 1px;
          border-radius: 3px;
          background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE2IDE4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMDY3MGFjOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9IumVt+aWueW9ol8yIiBkYXRhLW5hbWU9IumVt+aWueW9oiAyIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMjM1LDcyaC0zcy0yLjMyLTIuNjgyLTUtNS43NzZjLTIuNjgsMy4wOTQtNSw1Ljc3Ni01LDUuNzc2aC0zVjY5czIuNDQtMi44MTIsNS4yMS02Yy0yLjc2LTMuMTg2LTUuMi02LTUuMjEtNiwwLjAzLDAsMC0zLDAtM2gzczIuMzIsMi42NzksNSw1Ljc3MmMyLjY4LTMuMDkzLDUtNS43NzIsNS01Ljc3Mmgzcy0wLjAzLDMsMCwzYy0wLjAxLDAtMi40NSwyLjgxMS01LjIxLDYsMi43NywzLjE5Miw1LjIxLDYuMDA3LDUuMjEsNnYzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMTkgLTU0KSIvPgo8L3N2Zz4K) center center no-repeat;
          background-size: 16px 18px; }
          .content-gal__inner__popup__inner__close:hover {
            cursor: pointer; }
        .content-gal__inner__popup__inner__img {
          position: relative;
          overflow: hidden; }
          .content-gal__inner__popup__inner__img__area {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            transition: left .3s ease; }
          .content-gal__inner__popup__inner__img .arrow {
            opacity: 1;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 30px;
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDExIDIwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Imljb25fY2hldnJvbiIgZGF0YS1uYW1lPSJpY29uIGNoZXZyb24iIGNsYXNzPSJjbHMtMSIgZD0iTTUxMC45NSw0MjI4Ljk5bC0xLjk0LDIuMTUsNy4xMTgsNy44NS03LjExOCw3Ljg2LDEuOTQsMi4xNCw5LjA1OS0xMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MDkgLTQyMjkpIi8+Cjwvc3ZnPgo=) center center no-repeat;
            background-size: 10px auto; }
            .content-gal__inner__popup__inner__img .arrow:hover {
              opacity: 1;
              cursor: pointer;
              transition: opacity .3s ease; }
          .content-gal__inner__popup__inner__img .arrow.left {
            left: 0;
            right: auto;
            transform: scale(-1, 1); }
      .content-gal__inner__popup.disabled {
        display: none; }
    .content-gal__inner .thumbs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .content-gal__inner .thumbs li {
        width: calc(50% - 3.75vw);
        margin-top: 7.5vw; }
        .content-gal__inner .thumbs li:nth-child(1), .content-gal__inner .thumbs li:nth-child(2) {
          margin-top: 0; }
        .content-gal__inner .thumbs li .thumb:hover {
          opacity: 1;
          cursor: pointer;
          transition: opacity .3s ease; }

.content-cta__inner {
  padding: 17.5vw 44px 8.75vw; }
  .content-cta__inner ul li {
    margin-top: 8.75vw;
    background-color: #d8d8d8; }
    .content-cta__inner ul li:first-child {
      margin-top: 0; }
    .content-cta__inner ul li a {
      display: block; }
      .content-cta__inner ul li a .text {
        padding: 6.25vw; }
        .content-cta__inner ul li a .text h2 {
          text-align: left;
          letter-spacing: 0;
          line-height: 1.5; }
    .content-cta__inner ul li a[href^="http"] .text h2:after,
    .content-cta__inner ul li a[href^="http"] .text p:after {
      content: "";
      display: inline-block;
      width: 4.375vw;
      height: 1em;
      margin-left: 1.875vw;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI4IDIwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjNGY0ZjRlOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Imljb24iIGNsYXNzPSJjbHMtMSIgZD0iTTQ4NCwzNTczdjEwSDQ2NnYtMTBoMThtMi0ySDQ2NHYxNGgyMnYtMTRoMFptLTgsMTZ2Mkg0NjB2LTEwaDJ2LTJoLTR2MTRoMjJ2LTRoLTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDU4IC0zNTcxKSIvPgo8L3N2Zz4K) center center no-repeat;
      background-size: 4.375vw 3.125vw; }

@media screen and (orientation: landscape) and (max-width: 960px) {
  .content-cta__inner ul li a[href^="http"] .text p:after {
    width: 4.375vh;
    margin-left: 1.875vh;
    background-size: 4.375vh 3.125vh; } }
@media screen and (min-width: 768px) {
  .hero {
    height: 45.3125vw;
    background: #000 url(../images/hero_pc.jpg) center center no-repeat;
    background-size: auto 100%; }
    
  .contents h1 {
    padding: 56px 0;
    font-size: 24px; }

  .contents h2 {
    font-size: 22px; }
  .contents p {
    font-size: 1.71875vw; }
  .content-01__inner, .content-col__inner, .content-link__inner, .content-gal__inner, .content-cta__inner, .content-bgbox__inner__text {
    width: 718px;
    margin: 0 auto; }

  .content-02 .content-bgbox__inner, .content-03 .content-bgbox__inner {
    height: 45.3125vw;
    background-size: auto 100%; }

  .btn_movie a {
    height: 25px;
    padding-left: 39px;
    font-size: 18px;
    letter-spacing: 0.025em;
    line-height: 25px; }
    .btn_movie a:before {
      width: 25px; }

  .content-01__inner {
    padding: 0 0 56px; }

    .content-bgbox__inner__header {
      padding: 3.72vw 0; }
      .content-bgbox__inner__header h2 {
        font-size: 20px; }
    .content-bgbox__inner__text {
      padding: 0 0 3.72vw; }

  .content-02 .content-bgbox__inner {
    background-image: url(../images/kai_philosophy1.jpg); }

  .content-03 .content-bgbox__inner {
    background-image: url(../images/kai_philosophy2.jpg); }

  .content-col__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 48px 0; }
    .content-col__inner__text {
      order: 1;
      width: 239.33333px;
      padding-right: 25px; }
      .content-col__inner__text__header {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        padding: 0; }
        .content-col__inner__text__header h2 {
          text-align: left;
          margin-bottom: 1.6rem;
          font-size: 20px; }
      .content-col__inner__text__area {
        text-align: left;
        padding: 0; }
        .content-col__inner__text__area .btn_movie {
          margin-top: 20px; }
    .content-col__inner__img {
      order: 2;
      width: 478.66667px; }
      .content-col__inner__img__area {
        padding: 0; }

  .content-link {
    height: 28.125vw;
    background-image: url(../images/kai_360view.jpg);
    background-size: auto 100%; }
    .content-link__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      height: 28.125vw; }
      .content-link__inner__text {
        width: 239.33333px; }
        .content-link__inner__text__header {
          position: relative;
          top: auto;
          left: auto;
          right: auto;
          padding: 0; }
          .content-link__inner__text__header h2 {
            margin-bottom: 1.6rem;
            font-size: 20px; }
        .content-link__inner__text__area {
          padding: 0; }
          .content-link__inner__text__area .btn_movie {
            margin-top: 20px; }
      .content-link__inner__img {
        width: 478.66667px; }

  .content-gal {
    margin-top: 0; }
    .content-gal__inner {
      width: auto;
      padding: 4.6875vw 0 0 4.6875vw; }
      .content-gal__inner__popup__inner {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        width: 718px;
        margin: auto;
        padding-top: 76px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%); }
        .content-gal__inner__popup__inner__close {
          top: 0;
          right: 0; }
        .content-gal__inner__popup__inner__img .arrow {
          width: 50px;
          background-size: 15px auto; }
      .content-gal__inner .thumbs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start; }
        .content-gal__inner .thumbs li {
          width: 33.3333333%;
          margin-top: 4.6875vw;
          padding-right: 4.6875vw; }
          .content-gal__inner .thumbs li:nth-child(1), .content-gal__inner .thumbs li:nth-child(2), .content-gal__inner .thumbs li:nth-child(3) {
            margin-top: 0; }

  .content-cta__inner {
    padding: 110px 0; }
    .content-cta__inner ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      -webkit-align-items: stretch;
      align-items: stretch;
      /*-webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;*/ }
      .content-cta__inner ul li {
		  margin-right: 24px;
        margin-top: 0;
        width: 223.333333px; }
        .content-cta__inner ul li a {
          height: 100%; }
          .content-cta__inner ul li a .text {
            padding: 20px 1rem; }
            .content-cta__inner ul li a .text h2 {
              font-size: 16px; }
        .content-cta__inner ul li a[href^="http"] .text h2:after,
        .content-cta__inner ul li a[href^="http"] .text p:after {
          width: 14px;
          height: 1em;
          margin-left: 10px;
          background-size: 14px 12px; } }
@media screen and (min-width: 960px) {
  .hero {
    height: 580px; }
  .contents p {
    font-size: 1rem; }
  .content-01__inner, .content-col__inner, .content-link__inner, .content-gal__inner, .content-cta__inner, .content-bgbox__inner__text {
    width: 960px; }
    
  .content-02 .content-bgbox__inner, .content-03 .content-bgbox__inner {
    height: 580px; }

  .btn_movie_img:hover:before {
    opacity: 1; }

  .btn_movie a:hover {
    opacity: .7; }

  .content-bgbox {
    margin: 0 auto; }
    .content-bgbox__inner__header {
      padding: 72px 0; }
    .content-bgbox__inner__text {
      padding: 0 0 72px; }

  .content-box__inner {
    width: auto; }
    .content-box__inner__text {
      width: 960px;
      padding: 0 0 72px; }
    .content-box__inner__img__area {
      height: 480px;
      background-color: #4b4b4b; }

  .content-col {
    height: 580px; }
    .content-col__inner {
      height: 580px; }
      .content-col__inner .btn_movie {
        margin-top: 1.6rem; }
      .content-col__inner__text {
        width: 320px;
        padding-right: 50px; }
        .content-col__inner__text__header h2 {
          font-size: 22px; }
      .content-col__inner__img {
        width: 640px; }

  .content-link {
    height: 360px; }
    .content-link__inner {
      height: 360px; }
      .content-link__inner__text {
        width: 320px; }
        .content-link__inner__text__header h2 {
          font-size: 22px; }
        .content-link__inner__text__area .btn_movie {
          margin-top: 1.6rem; }
      .content-link__inner__img {
        width: 640px; }

  .content-gal__inner {
    width: 960px;
    margin: 0 auto;
    padding: 56px 0; }
    .content-gal__inner__popup__inner__img {
      width: 100%; }
      .content-gal__inner__popup__inner__img__area li:hover {
        opacity: 1;
        cursor: auto; }
      .content-gal__inner__popup__inner__img .arrow {
        opacity: .5;
        transition: opacity .3s ease; }
        .content-gal__inner__popup__inner__img .arrow:hover {
          opacity: 1; }
    .content-gal__inner .thumbs li {
      position: relative;
      width: 282px;
      margin-top: 56px;
      padding-right: 0;
      margin-right: 56px; }
      .content-gal__inner .thumbs li:nth-child(3n) {
        margin-right: 0; }
      .content-gal__inner .thumbs li:after {
        content: "";
        display: block;
        opacity: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 282px;
        background-color: rgba(0, 0, 0, 0.2);
        transition: opacity .3s ease; }
      .content-gal__inner .thumbs li:hover:after {
        opacity: 1; }

  .content-cta__inner ul li {
    width: 304px; }
    .content-cta__inner ul li a {
      position: relative;
      transition: opacity .3s ease; }
      .content-cta__inner ul li a:after {
        content: "";
        display: block;
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.15);
        transition: opacity .3s ease; }
      .content-cta__inner ul li a:hover:after {
        opacity: 1; }
      .content-cta__inner ul li a .text h2 {
        font-size: 22px; } }