@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; }
.hero {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #000 center center no-repeat;
  background-size: auto 100%;
  color: #fff; }
  .hero__inner__text {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 8.75vw; }
  .hero__inner__img a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
.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.5em; }
  .contents h1 span {
    display: block;
    font-size: 5vw;
    line-height: 1em;
    padding-bottom: 8.75vw; }
.contents h2 {
  text-align: center;
  font-size: 5vw;
  font-family: "MazdaTypeMedium";
  letter-spacing: .08em;
  line-height: 1em; }
.content-nav {
  background-color: #7f7f7f; }
  .content-nav__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: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 14.375vw;
    padding: 0; }
    .content-nav__inner ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -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-nav__inner ul li {
        max-width: 45.9375vw;
        padding-left: 6.875vw;
        text-align: center;
        display: table-cell;
        vertical-align: middle; }
        .content-nav__inner ul li a {
          position: relative;
          display: block;
          padding-bottom: 3.4375vw;
          line-height: 1em;
          letter-spacing: .05em;
          color: #fff; }
          .content-nav__inner ul li a:after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            left: 0;
            bottom: 0;
            height: 1.71875vw;
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOC4wNiIgaGVpZ2h0PSIxNi43OCIgdmlld0JveD0iMCAwIDI4LjA2IDE2Ljc4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Imljb25fY2hldnJvbiIgZGF0YS1uYW1lPSJpY29uIGNoZXZyb24iIGNsYXNzPSJjbHMtMSIgZD0iTTE4MDAuMDQsMTQyNi41M2wtMy4wMS0yLjk2LTExLjAyLDEwLjg2LTExLjAyLTEwLjg2LTMuMDEsMi45NiwxNC4wMywxMy44M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzcxLjk3IC0xNDIzLjU2KSIvPgo8L3N2Zz4K) center bottom no-repeat;
            background-size: contain; }
        .content-nav__inner ul li:first-child {
          padding-left: 0;
          padding-right: 6.875vw; }
          .content-nav__inner ul li:first-child a {
            letter-spacing: 0.18em;
            line-height: 2em; }
.content-nav, .content-col, .content-colbg, .content-info, .content-sns, .content-bnr {
  position: relative; }

.btn_movie {
  text-align: center;
  margin-top: 2rem; }
  .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;
      bottom: 0;
      width: 5.3125vw;
      height: 5.3125vw;
      margin: auto 0;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICAgIGZpbHRlcjogdXJsKCNmaWx0ZXIpOwogICAgICB9CiAgICA8L3N0eWxlPgogICAgPGZpbHRlciBpZD0iZmlsdGVyIiB4PSIyMDMiIHk9IjQxMDQiIHdpZHRoPSIzNCIgaGVpZ2h0PSIzNCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPGZlRmxvb2QgcmVzdWx0PSJmbG9vZCIgZmxvb2QtY29sb3I9IiNmZmYiLz4KICAgICAgPGZlQ29tcG9zaXRlIHJlc3VsdD0iY29tcG9zaXRlIiBvcGVyYXRvcj0iaW4iIGluMj0iU291cmNlR3JhcGhpYyIvPgogICAgICA8ZmVCbGVuZCByZXN1bHQ9ImJsZW5kIiBpbjI9IlNvdXJjZUdyYXBoaWMiLz4KICAgIDwvZmlsdGVyPgogIDwvZGVmcz4KICA8cGF0aCBpZD0iaWNvbl9wbGF5IiBkYXRhLW5hbWU9Imljb24gcGxheSIgY2xhc3M9ImNscy0xIiBkPSJNMjIwLDQxMDRhMTcsMTcsMCwxLDEtMTcsMTdBMTcsMTcsMCwwLDEsMjIwLDQxMDRabTguMDc1LDE3LjE2TDIxNiw0MTI4di0xNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDMgLTQxMDQpIi8+Cjwvc3ZnPgo=) left center no-repeat;
      background-size: contain;
      transform: translateY(-2px); }

.content-box__inner {
  padding: 0 0 8.75vw; }
  .content-box__inner__text {
    margin: 0 44px; }
    .content-box__inner__text p span {
      font-size: 3.4375vw; }
    .content-box__inner__text p + p {
      margin-top: 1em; }
  .content-box__inner__img {
    margin-top: 8.75vw; }

.content-mov {
  overflow: hidden;
  position: relative;
  background: #000 center top no-repeat;
  background-size: 100% auto; }
  .content-mov__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; }
    .content-mov__inner__text {
      order: 2;
      width: 100%;
      padding: calc(90.66667vw) 44px 8.75vw;
      color: #fff; }
      .content-mov__inner__text__area h2 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 8.75vw 25px;
        line-height: 1.5; }
    .content-mov__inner__img {
      order: 1; }
      .content-mov__inner__img__area a {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }

#skyactivx {
  margin-top: -13.125vw;
  padding-top: 13.125vw; }
#skyactiv-va {
  margin-top: -13.125vw;
  padding-top: 13.125vw; }

.content-01.content-mov {
  background-color: #000;
  background-image: url(../images/img_content01_sp.jpg); }

.content-02 {
  background-color: #000;
  background-image: url(../images/img_content02_sp.jpg); }

.content-cta1col__inner {
  padding: 8.75vw 44px; }
  .content-cta1col__inner a {
    display: block;
    background-color: #d8d8d8; }
    .content-cta1col__inner a div {
      padding: 7.5vw 6.25vw; }
      .content-cta1col__inner a div h2 {
        text-align: left;
        margin-bottom: 1.6rem;
        line-height: 1em;
        letter-spacing: 0; }
  .content-cta1col__inner a[href^="http"] div h2 {
    display: inline-block;
    padding-right: 7.5vw;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI4IDIwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjNGY0ZjRlOwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Imljb24iIGNsYXNzPSJjbHMtMSIgZD0iTTQ4NCwzNTczdjEwSDQ2NnYtMTBoMThtMi0ySDQ2NHYxNGgyMnYtMTRoMFptLTgsMTZ2Mkg0NjB2LTEwaDJ2LTJoLTR2MTRoMjJ2LTRoLTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDU4IC0zNTcxKSIvPgo8L3N2Zz4K) right top no-repeat;
    background-size: 4.375vw auto; }

.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-image: url(../images/hero_pc.jpg); }
    .hero__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -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;
      height: 45.3125vw;
      margin: 0 auto; }
      .hero__inner__text {
        position: relative;
        right: auto;
        left: auto;
        bottom: auto;
        width: 50%;
        padding: 0;
        margin-left: -2vw; }
  #skyactivx {
    margin-top: 0;
    padding-top: 0; }
  #skyactiv-va {
    margin-top: 0;
    padding-top: 0; }
  .contents h1 {
    padding: 32px 0;
    font-size: 24px; }
    .contents h1:first-child {
      padding: 56px 0; }
    .contents h1 span {
      font-size: 24px;
      padding-bottom: 56px; }
  .contents h2 {
    font-size: 22px; }
  .content-nav__inner {
    height: auto;
    padding: 1rem 0; }
    .content-nav__inner ul li {
      padding-left: 78px; }
      .content-nav__inner ul li a {
        padding-right: 33px;
        padding-bottom: 0;
        font-weight: 500;
        letter-spacing: 0.18em; }
        .content-nav__inner ul li a:after {
          left: auto;
          top: 0;
          height: auto;
          width: 16px;
          background-position: right center; }
      .content-nav__inner ul li:first-child {
        padding-left: 0;
        padding-right: 0; }
        .content-nav__inner ul li:first-child a {
        line-height: 1em; }
  .content-bgbox__inner, .content-col__inner, .content-link__inner, .content-gal__inner, .content-cta__inner {
    width: 718px;
    margin: 0 auto; }

  .btn_movie {
    margin-top: 1rem; }
    .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-box__inner {
    padding: 0; }
    .content-box__inner__text {
      width: 718px;
      margin: 0 auto 56px; }
      .content-box__inner__text p span {
        font-size: 14px; }
    .content-box__inner__img {
      margin-top: 0;
      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: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      width: 100%;
      background-color: #000; }
      .content-box__inner__img img {
        width: 50%; }

  .content-mov {
    height: 28.125vw;
    background-size: auto 100%; }
    .content-mov__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;
      width: 718px;
      height: 28.125vw;
      margin: 0 auto; }
      .content-mov__inner__text {
        z-index: 50;
        order: 1;
        width: 239.33333px;
        padding: 0; }
        .content-mov__inner__text__area h2 {
          position: relative;
          top: auto;
          left: auto;
          right: auto;
          padding: 0;
          font-size: 20px;
          margin-bottom: 1rem; }
        .content-mov__inner__text__area p {
          font-size: 12px; }
      .content-mov__inner__img {
        z-index: 20;
        order: 2; }

  .content-01.content-mov {
    background-image: url(../images/img_content01_pc.jpg); }

  .content-02 {
    background-image: url(../images/img_content02_pc.jpg); }
    .content-02 .content-mov__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: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start; }

  .content-cta1col__inner {
    width: 718px;
    margin: 0 auto;
    padding: 56px 0; }
    .content-cta1col__inner a {
      position: relative;
      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;
      transition: opacity .3s ease; }
      .content-cta1col__inner a figure {
        width: 299.16667px; }
      .content-cta1col__inner a div {
        width: 418.83333px;
        padding: 1rem 1.6rem 0; }
        .content-cta1col__inner a div h2 {
          font-size: 20px;
          margin-bottom: 1rem; }
        .content-cta1col__inner a div p {
          font-size: 12px; }
    .content-cta1col__inner a[href^="http"] div h2 {
      padding-right: 28px;
      background-position: right center;
      background-size: 14px auto; }
      
  .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; }
    .hero__inner {
      width: 960px;
      height: 580px; }
      .hero__inner__text {
        width: 320px;
        margin-left: 0; }
        .hero__inner__text .btn_movie {
          text-align: left;
          margin-left: 1rem; }
      .hero__inner__img a:after {
        opacity: 0;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.2);
        transition: opacity .3s ease; }
      .hero__inner__img a:hover:after {
        opacity: 1; }
  .contents p {
    font-size: 1rem; }
  .content-nav a:hover {
    opacity: .7; }

  .btn_movie {
    margin-top: 1.6rem; }
    .btn_movie a:hover {
      opacity: .7; }

  .content-box__inner__text {
    width: 960px; }

  .content-mov {
    height: 360px; }
    .content-mov__inner {
      width: 960px;
      height: 360px; }
      .content-mov__inner__text {
        width: 320px; }
        .content-mov__inner__text__area h2 {
          margin-bottom: 1.6rem;
          font-size: 22px; }
        .content-mov__inner__text__area p {
          font-size: 1rem; }

  .content-bgbox__inner, .content-col__inner, .content-link__inner, .content-gal__inner, .content-cta__inner {
    width: 960px; }

  .content-01 .content-mov__inner__text__area h2 {
    font-size: 24px; }

  .content-cta1col__inner {
    width: 960px; }
    .content-cta1col__inner a figure {
      width: 400px; }
    .content-cta1col__inner a div {
      width: 560px;
      padding: 1.6rem 1.6rem 0; }
      .content-cta1col__inner a div h2 {
        font-size: 22px; }
      .content-cta1col__inner a div p {
        font-size: 1rem; }
    .content-cta1col__inner a:after {
      opacity: 0;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.15);
      transition: opacity .3s ease; }
    .content-cta1col__inner a: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; } }