@charset "utf-8";
/* =========================================================
　グロナビテキストsvg要素幅
========================================================= */
/* =========================================================
pxからemに変換する関数
  引数: 数値, または 数値px どちらも pxとして処理する
  返値: 変換値em
========================================================= */
/* =========================================================
定数
========================================================= */
/* =========================================================
汎用
========================================================= */
a,
button,
span {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

img {
  max-width: 100%;
  height: auto; }

.onMouse {
  display: none; }

a:hover .onMouse,
.isCurrent .onMouse,
.isActive .onMouse {
  display: inline-block; }
a:hover .outMouse,
.isCurrent .outMouse,
.isActive .outMouse {
  display: none; }

.inView {
  -webkit-transition-timing-function: cubic-bezier(0, 0.05, 0.29, 1);
  transition-timing-function: cubic-bezier(0, 0.05, 0.29, 1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,-webkit-transform,opacity;
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  opacity: 0; }

.inViewGroup:nth-child(1) {
  transition-delay: 0.1s; }

.inViewGroup:nth-child(2) {
  transition-delay: 0.15s; }

.inViewGroup:nth-child(3) {
  transition-delay: 0.2s; }

.inViewGroup:nth-child(4) {
  transition-delay: 0.25s; }

.inViewGroup:nth-child(5) {
  transition-delay: 0.3s; }

.inViewGroup:nth-child(6) {
  transition-delay: 0.35s; }

.inViewOn {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0); }

/* =========================================================
PREFIX
========================================================= */
/* =========================================================
メディアクエリ
========================================================= */
@media (max-width: 480px) {
  .hiddenXS {
    display: none !important; } }
@media (max-width: 767px) {
  .hiddenSM {
    display: none !important; } }
@media (max-width: 1069px) {
  .hiddenMD {
    display: none !important; } }
@media (max-width: 1360px) {
  .hiddenLD {
    display: none !important; } }
@media (min-width: 768px) {
  .visibleSP {
    display: none !important; }

  .hiddenPC {
    display: none !important; } }
@media (max-width: 767px) {
  .hiddenSP {
    display: none !important; }

  .visiblePC {
    display: none !important; } }
/* =========================================================
定数
========================================================= */
@keyframes animScale {
  0% {
    transform: scale(0.9, 0.9) translateX(0); }
  40% {
    transform: scale(1.05, 1.05) translateX(0); }
  100% {
    transform: scale(1, 1) translateX(0); } }
@-webkit-keyframes animScale {
  0% {
    -webkit-transform: scale(0.9, 0.9) translateX(0); }
  40% {
    -webkit-transform: scale(1.05, 1.05) translateX(0); }
  100% {
    -webkit-transform: scale(1, 1) translateX(0); } }
@-moz-keyframes animScale {
  0% {
    -moz-transform: scale(0.9, 0.9) translateX(0); }
  40% {
    -moz-transform: scale(1.05, 1.05) translateX(0); }
  100% {
    -moz-transform: scale(1, 1) translateX(0); } }
/*============================
 salva共通項目
============================*/
div#wrap.salva {
  border-color: green !important; }
  div#wrap.salva ol, div#wrap.salva ul, div#wrap.salva dl {
    list-style: none; }
  div#wrap.salva div#contents main {
    overflow-x: hidden; }
  div#wrap.salva * {
    box-sizing: border-box; }

@media (min-width: 1000px) {
  div#wrap.salva div#contents main section.breadCrumb {
    height: auto;
    border-bottom: none;
    background-color: transparent; }
    div#wrap.salva div#contents main section.breadCrumb div.row {
      width: 1000px; }
      div#wrap.salva div#contents main section.breadCrumb div.row div.breadCrumbInner {
        padding: 15px 0 15px 42px; }
  div#wrap.salva div#contents main section.salvaCommonStore {
    background-color: #ebf7fd;
    padding: 55px 0; }
    div#wrap.salva div#contents main section.salvaCommonStore div.row {
      width: 100%; }
      div#wrap.salva div#contents main section.salvaCommonStore div.row h2 {
        color: #00a0e6;
        font-weight: bold;
        font-size: 26px;
        width: auto !important;
        height: auto !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        text-align: center;
        height: auto;
        width: auto;
        background-color: transparent !important;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none; }
        div#wrap.salva div#contents main section.salvaCommonStore div.row h2 p img {
          display: inline-block;
          -webkit-transform: none;
          -moz-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none;
          position: relative;
          left: 0;
          top: 0; }
      div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 45px; }
        div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList li {
          display: inline-block;
          font-size: 0; }
          div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList li:not(:first-of-type) {
            margin-left: 10px; }
          div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList li .store a {
            display: block;
            width: 211px;
            height: 100%; }
            div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList li .store a img {
              width: 100%; }
  div#wrap.salva div#contents main section.SalvaCommonMV div.row {
    width: 100%;
    max-width: initial; }
    div#wrap.salva div#contents main section.SalvaCommonMV div.row div.mvInner {
      font-size: 0; }
    div#wrap.salva div#contents main section.SalvaCommonMV div.row .buttonLineup {
      position: absolute;
      bottom: 1.47vw;
      right: 14.41vw;
      width: 10.29vw;
      -webkit-filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1));
      -moz-filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1));
      -o-filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1));
      -ms-filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1)); }
      div#wrap.salva div#contents main section.SalvaCommonMV div.row .buttonLineup:hover {
        animation: animScale 0.7s ease-out;
        transform-origin: center center;
        -webkit-animation: animScale 0.7s ease-out;
        -webkit-transform-origin: center center;
        -moz-animation: animScale 0.7s ease-out;
        -moz-transform-origin: center center; }
      div#wrap.salva div#contents main section.SalvaCommonMV div.row .buttonLineup a {
        display: block;
        width: 100%; }
        div#wrap.salva div#contents main section.SalvaCommonMV div.row .buttonLineup a img {
          width: 100%; }
  div#wrap.salva div#contents main section.salvaCommonButtonSet1 {
    padding-top: 82px;
    padding-bottom: 67px; }
    div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row {
      text-align: center; }
      div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div {
        width: 380px;
        display: inline-block;
        border-radius: 30px;
        background-color: #ccc;
        border: 1px solid #ccc;
        -webkit-transition: background-color .3s ease-out;
        -moz-transition: background-color .3s ease-out;
        -ms-transition: background-color .3s ease-out;
        -o-transition: background-color .3s ease-out;
        transition: background-color .3s ease-out; }
        div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div:not(:first-of-type) {
          margin-left: 50px; }
        div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div a {
          font-size: 0;
          padding: 20px;
          display: block;
          width: 100%;
          height: 100%; }
          div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div a svg {
            -webkit-transition: fill .2s ease-out;
            -moz-transition: fill .2s ease-out;
            -ms-transition: fill .2s ease-out;
            -o-transition: fill .2s ease-out;
            transition: fill .2s ease-out;
            height: 21px; }
        div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div:hover {
          background-color: #fff !important; }
          div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div:hover a svg {
            -webkit-transition: fill .3s ease-out;
            -moz-transition: fill .3s ease-out;
            -ms-transition: fill .3s ease-out;
            -o-transition: fill .3s ease-out;
            transition: fill .3s ease-out; }
      div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div.buttonLineup {
        background-color: #00a0e6;
        border-color: #00a0e6; }
        div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div.buttonLineup:hover a svg path {
          fill: #00a0e6; }
      div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div.buttonKantan {
        background-color: #00d6ff;
        border-color: #00d6ff; }
        div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div.buttonKantan:hover a svg path {
          fill: #00d6ff; } }
@media (min-width: 768px) and (max-width: 999px) {
  div#wrap.salva div#contents main section.breadCrumb {
    height: auto;
    border-bottom: none;
    background-color: transparent; }
    div#wrap.salva div#contents main section.breadCrumb div.row {
      width: 100.1001vw; }
      div#wrap.salva div#contents main section.breadCrumb div.row div.breadCrumbInner {
        padding: 1.5015vw 0 1.5015vw 4.2042vw; }
  div#wrap.salva div#contents main section.salvaCommonStore {
    background-color: #ebf7fd;
    padding: 5.50551vw 0; }
    div#wrap.salva div#contents main section.salvaCommonStore div.row {
      width: 100%; }
      div#wrap.salva div#contents main section.salvaCommonStore div.row h2 {
        color: #00a0e6;
        font-weight: bold;
        font-size: 2.6026vw;
        width: auto !important;
        height: auto !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        text-align: center;
        height: auto;
        width: auto;
        background-color: transparent !important;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none; }
        div#wrap.salva div#contents main section.salvaCommonStore div.row h2 p img {
          display: inline-block;
          -webkit-transform: none;
          -moz-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none;
          position: relative;
          left: 0;
          top: 0; }
      div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 4.5045vw; }
        div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList li {
          display: inline-block;
          font-size: 0; }
          div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList li:not(:first-of-type) {
            margin-left: 1.001vw; }
          div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList li .store a {
            display: block;
            width: 21.12112vw;
            height: 100%; }
            div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList li .store a img {
              width: 100%; }
  div#wrap.salva div#contents main section.SalvaCommonMV div.row {
    width: 100%;
    max-width: initial; }
    div#wrap.salva div#contents main section.SalvaCommonMV div.row div.mvInner {
      font-size: 0; }
    div#wrap.salva div#contents main section.SalvaCommonMV div.row .buttonLineup {
      position: absolute;
      bottom: 1.47vw;
      right: 14.41vw;
      width: 10.29vw;
      filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1));
      -webkit-filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1));
      -moz-filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1));
      -o-filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1));
      -ms-filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1)); }
      div#wrap.salva div#contents main section.SalvaCommonMV div.row .buttonLineup:hover {
        animation: animScale 0.7s ease-out;
        transform-origin: center center;
        -webkit-animation: animScale 0.7s ease-out;
        -webkit-transform-origin: center center;
        -moz-animation: animScale 0.7s ease-out;
        -moz-transform-origin: center center; }
      div#wrap.salva div#contents main section.SalvaCommonMV div.row .buttonLineup a {
        display: block;
        width: 100%; }
        div#wrap.salva div#contents main section.SalvaCommonMV div.row .buttonLineup a img {
          width: 100%; }
  div#wrap.salva div#contents main section.salvaCommonButtonSet1 {
    padding-top: 8.20821vw;
    padding-bottom: 6.70671vw; }
    div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row {
      text-align: center; }
      div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div {
        width: 38.03804vw;
        display: inline-block;
        border-radius: 3.003vw;
        background-color: #ccc;
        border: 1px solid #ccc;
        -webkit-transition: background-color .3s ease-out;
        -moz-transition: background-color .3s ease-out;
        -ms-transition: background-color .3s ease-out;
        -o-transition: background-color .3s ease-out;
        transition: background-color .3s ease-out; }
        div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div:not(:first-of-type) {
          margin-left: 5.00501vw; }
        div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div a {
          font-size: 0;
          font-size: 0;
          padding: 2.002vw;
          display: block;
          width: 100%;
          height: 100%; }
          div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div a svg {
            -webkit-transition: fill .2s ease-out;
            -moz-transition: fill .2s ease-out;
            -ms-transition: fill .2s ease-out;
            -o-transition: fill .2s ease-out;
            transition: fill .2s ease-out;
            height: 2.1021vw; }
        div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div:hover {
          background-color: #fff !important; }
          div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div:hover a svg {
            -webkit-transition: fill .3s ease-out;
            -moz-transition: fill .3s ease-out;
            -ms-transition: fill .3s ease-out;
            -o-transition: fill .3s ease-out;
            transition: fill .3s ease-out; }
      div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div.buttonLineup {
        background-color: #00a0e6;
        border-color: #00a0e6; }
        div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div.buttonLineup:hover a svg path {
          fill: #00a0e6; }
      div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div.buttonKantan {
        background-color: #00d6ff;
        border-color: #00d6ff; }
        div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div.buttonKantan:hover a svg path {
          fill: #00d6ff; } }
@media (max-width: 767px) {
  div#wrap.salva div#contents main section.breadCrumb {
    height: auto;
    display: block;
    font-size: 2.93333vw;
    border-bottom: none;
    background-color: transparent; }
    div#wrap.salva div#contents main section.breadCrumb div.row {
      width: 100%; }
      div#wrap.salva div#contents main section.breadCrumb div.row div.breadCrumbInner {
        padding: 2vw 0 2vw 2vw; }
        div#wrap.salva div#contents main section.breadCrumb div.row div.breadCrumbInner ul li:not(:last-child):after {
          content: "＞";
          padding: 0 1.06667vw 0 2vw; }
  div#wrap.salva div#contents main section.salvaCommonStore {
    background-color: #ebf7fd;
    padding: 7.33333vw 0; }
    div#wrap.salva div#contents main section.salvaCommonStore div.row h2 {
      font-size: 5.33333vw;
      font-weight: bold;
      color: #00a0e6;
      letter-spacing: -0.05em;
      width: auto !important;
      height: auto !important;
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important;
      text-align: center;
      height: auto;
      width: auto;
      background-color: transparent !important;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; }
      div#wrap.salva div#contents main section.salvaCommonStore div.row h2 p img {
        height: 4.8vw;
        display: inline-block;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: relative;
        left: 0;
        top: 0; }
    div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList {
      display: block;
      text-align: center;
      margin: 6vw auto 0;
      width: 80.93333vw;
      overflow: hidden; }
      div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList li {
        margin-bottom: 2vw;
        float: left;
        display: inline-block;
        font-size: 0;
        width: 39.46667vw; }
        div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList li:nth-of-type(even) {
          margin-left: 2vw; }
        div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList li .store {
          font-size: 0; }
          div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList li .store a {
            display: block;
            height: 100%;
            width: 100%; }
            div#wrap.salva div#contents main section.salvaCommonStore div.row ol.storeList li .store a img {
              width: 100%; }
  div#wrap.salva div#contents main section.SalvaCommonMV div.row {
    width: 100%;
    padding: 0;
    max-width: initial; }
    div#wrap.salva div#contents main section.SalvaCommonMV div.row div.mvInner {
      font-size: 0; }
    div#wrap.salva div#contents main section.SalvaCommonMV div.row .buttonLineup {
      position: absolute;
      bottom: 1.73333vw;
      right: 3.46667vw;
      width: 22.4vw;
      filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1));
      -webkit-filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1));
      -moz-filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1));
      -o-filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1));
      -ms-filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.1)); }
      div#wrap.salva div#contents main section.SalvaCommonMV div.row .buttonLineup a {
        display: block;
        width: 100%; }
        div#wrap.salva div#contents main section.SalvaCommonMV div.row .buttonLineup a img {
          width: 100%; }
  div#wrap.salva div#contents main section.salvaCommonButtonSet1 {
    padding-top: 16.4vw;
    padding-bottom: 8.66667vw;
    box-sizing: border-box; }
    div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row {
      padding: 0;
      text-align: center; }
      div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div {
        width: 43.2vw;
        display: inline-block;
        padding: 2.4vw 0;
        border-radius: 6.66667vw;
        background-color: #ccc; }
        div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div:not(:first-of-type) {
          margin-left: 2.66667vw; }
        div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div a {
          font-size: 0; }
          div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div a svg {
            height: 8.29333vw; }
      div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div.buttonLineup {
        background-color: #00a0e6; }
      div#wrap.salva div#contents main section.salvaCommonButtonSet1 div.row div.buttonKantan {
        background-color: #00d6ff; } }
/* =========================================================
    SALVA TOP
========================================================= */
@media (min-width: 1000px) {
  main.salvaHome {
    overflow: hidden; }
    main.salvaHome section {
      position: relative; }
      main.salvaHome section div.row {
        position: relative;
        width: 100%;
        padding: 0;
        max-width: initial; }
        main.salvaHome section div.row h2.headingImg {
          font-size: 0;
          width: 100%; }
          main.salvaHome section div.row h2.headingImg img {
            width: 100%; }
        main.salvaHome section div.row div.sectionInner {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; }
        main.salvaHome section div.row div.movieBg {
          width: 100%; }
          main.salvaHome section div.row div.movieBg video {
            width: 100%; }
        main.salvaHome section div.row div.buttonEnter {
          filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
          -webkit-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
          -moz-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
          -o-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
          -ms-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
          background-color: #fff;
          border-radius: 4.33824vw;
          width: 4.33824vw;
          height: 4.33824vw;
          overflow: hidden;
          -webkit-transition: background-color .2s ease-out;
          -moz-transition: background-color .2s ease-out;
          -ms-transition: background-color .2s ease-out;
          -o-transition: background-color .2s ease-out;
          transition: background-color .2s ease-out; }
          main.salvaHome section div.row div.buttonEnter:hover {
            -webkit-transition: background-color .3s ease-out;
            -moz-transition: background-color .3s ease-out;
            -ms-transition: background-color .3s ease-out;
            -o-transition: background-color .3s ease-out;
            transition: background-color .3s ease-out;
            background-color: #00a0e6; }
            main.salvaHome section div.row div.buttonEnter:hover a svg polyline {
              -webkit-transition: background-color .3s ease-out;
              -moz-transition: background-color .3s ease-out;
              -ms-transition: background-color .3s ease-out;
              -o-transition: background-color .3s ease-out;
              transition: background-color .3s ease-out;
              stroke: #fff; }
          main.salvaHome section div.row div.buttonEnter a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%; }
            main.salvaHome section div.row div.buttonEnter a svg {
              position: absolute;
              height: 1.54412vw;
              width: auto;
              left: 50%;
              top: 50%;
              -webkit-transform: translateX(-50%) translateY(-50%);
              -moz-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
              -o-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
              main.salvaHome section div.row div.buttonEnter a svg polyline {
                -webkit-transition: background-color .2s ease-out;
                -moz-transition: background-color .2s ease-out;
                -ms-transition: background-color .2s ease-out;
                -o-transition: background-color .2s ease-out;
                transition: background-color .2s ease-out;
                stroke: #00a0e6; }
    main.salvaHome section.topMv div.row div.movieBg {
      width: 100%; }
      main.salvaHome section.topMv div.row div.movieBg video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0; }
      main.salvaHome section.topMv div.row div.movieBg:before {
        content: "";
        display: block;
        padding-top: 39.69%; }
      main.salvaHome section.topMv div.row div.mvSlide > div.slide:nth-child(n+2) {
        display: none;
      }
    main.salvaHome section.topMv div.row p.copy {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      top: 6.76vw;
      width: 457px; }
      main.salvaHome section.topMv div.row p.copy img {
        width: 100%; }
    main.salvaHome section.bannerArea {
      padding: 1.91176vw 0; }
      main.salvaHome section.bannerArea .slick-next,
      main.salvaHome section.bannerArea .slick-prev {
        display: block;
        width: 0.88235vw;
        height: 1.61765vw; }
        main.salvaHome section.bannerArea .slick-next:before,
        main.salvaHome section.bannerArea .slick-prev:before {
          content: none; }
        main.salvaHome section.bannerArea .slick-next:after,
        main.salvaHome section.bannerArea .slick-prev:after {
          content: none; }
      main.salvaHome section.bannerArea .slick-prev {
        background-image: url(/salva/images/top/top_icon_slider_arrow_left.png);
        background-size: contain;
        background-repeat: no-repeat; }
      main.salvaHome section.bannerArea .slick-next {
        background-image: url(/salva/images/top/top_icon_slider_arrow_right.png);
        background-size: contain;
        background-repeat: no-repeat; }
      main.salvaHome section.bannerArea div.row ul.banners {
        display: block;
        width: 68.23529vw;
        margin: 0 auto; }
        main.salvaHome section.bannerArea div.row ul.banners:not(.slick-initialized) {
          visibility: hidden; }
        main.salvaHome section.bannerArea div.row ul.banners.col2 {
          width: 45.14706vw; }
        main.salvaHome section.bannerArea div.row ul.banners li {
          width: 22.05882vw;
          padding: 0 0.73529vw;
          -webkit-transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -ms-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out;
          transition: opacity .2s ease-out; }
          main.salvaHome section.bannerArea div.row ul.banners li:hover {
            opacity: .7; }
          main.salvaHome section.bannerArea div.row ul.banners li a {
            display: block;
            width: 100%;
            height: 100%; }
            main.salvaHome section.bannerArea div.row ul.banners li a img {
              width: 100%; }
    main.salvaHome section.section2 div.row {
      position: relative; }
      main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner {
        position: absolute;
        top: 12.05882vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 40.14706vw;
        text-align: center;
        overflow: hidden; }
        main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div {
          width: 18.23529vw;
          float: left;
          border-radius: 1.47059vw;
          background-color: #ccc;
          border: 1px solid #ccc;
          -webkit-transition: background-color .3s ease-out;
          -moz-transition: background-color .3s ease-out;
          -ms-transition: background-color .3s ease-out;
          -o-transition: background-color .3s ease-out;
          transition: background-color .3s ease-out; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div:not(:first-of-type) {
            margin-left: 2.20588vw; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div a {
            font-size: 0;
            padding: 0.73529vw;
            display: block;
            width: 100%;
            height: 100%; }
            main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div a svg {
              width: 100%;
              -webkit-transition: fill .2s ease-out;
              -moz-transition: fill .2s ease-out;
              -ms-transition: fill .2s ease-out;
              -o-transition: fill .2s ease-out;
              transition: fill .2s ease-out;
              height: 1.02941vw; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div:hover {
            background-color: #fff !important; }
            main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div:hover a svg {
              -webkit-transition: fill .3s ease-out;
              -moz-transition: fill .3s ease-out;
              -ms-transition: fill .3s ease-out;
              -o-transition: fill .3s ease-out;
              transition: fill .3s ease-out; }
        main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div.buttonLineup {
          background-color: #00a0e6;
          border-color: #00a0e6; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div.buttonLineup:hover a svg path {
            fill: #00a0e6; }
        main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div.buttonKantan {
          background-color: #00d6ff;
          border-color: #00d6ff; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div.buttonKantan:hover a svg path {
            fill: #00d6ff; }
      main.salvaHome section.section2 div.row div.buttonYawaraku {
        width: 10.29412vw;
        height: 10.29412vw;
        border-radius: 10.29412vw;
        overflow: hidden;
        background-size: 10.29412vw auto;
        background-size: 10.29412vw auto;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: rgba(255, 255, 255, 0.6);
        background-image: url(/salva/images/top/home_img_button_3.svg);
        filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -webkit-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -moz-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -o-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -ms-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        position: absolute;
        top: 22.79412vw;
        left: 76.76471vw;
        margin: 0.44118vw;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
        main.salvaHome section.section2 div.row div.buttonYawaraku:hover {
          background-color: white;
          background-image: url(/salva/images/top/home_img_button_3_over.svg); }
          main.salvaHome section.section2 div.row div.buttonYawaraku:hover:hover {
            animation: animScale 0.7s ease-out;
            transform-origin: center center;
            -webkit-animation: animScale 0.7s ease-out;
            -webkit-transform-origin: center center;
            -moz-animation: animScale 0.7s ease-out;
            -moz-transform-origin: center center; }
        main.salvaHome section.section2 div.row div.buttonYawaraku a {
          display: block;
          width: 100%;
          height: 100%; }
    main.salvaHome section.section3 div.row div.buttonEnter {
      position: absolute;
      left: 50%;
      top: 16.02941vw;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
    main.salvaHome section.section4 div.row ol.buttons {
      width: 30.07353vw;
      padding-bottom: 0.73529vw;
      overflow: hidden;
      left: 54.70588vw;
      top: 15.07353vw;
      padding: 3.67647vw;
      box-sizing: content-box !important;
      position: absolute; }
      main.salvaHome section.section4 div.row ol.buttons li {
        filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -webkit-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -moz-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -o-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -ms-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        float: left;
        position: relative;
        width: 14.85294vw;
        height: 10.07353vw;
        overflow: hidden; }
        main.salvaHome section.section4 div.row ol.buttons li:not(:first-of-type) {
          margin-left: 0.36765vw; }
        main.salvaHome section.section4 div.row ol.buttons li a {
          background-position: center center;
          background-repeat: no-repeat;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
          border-radius: 4.41176vw;
          display: block;
          width: 14.11765vw;
          height: 9.33824vw;
          background-color: #c7e9f1; }
          main.salvaHome section.section4 div.row ol.buttons li a span {
            font-size: 0; }
        main.salvaHome section.section4 div.row ol.buttons li:hover {
          animation: animScale 0.7s ease-out;
          transform-origin: center center;
          -webkit-animation: animScale 0.7s ease-out;
          -webkit-transform-origin: center center;
          -moz-animation: animScale 0.7s ease-out;
          -moz-transform-origin: center center; }
        main.salvaHome section.section4 div.row ol.buttons li:hover a {
          width: 100%;
          height: 100%;
          background-color: #90d4e3; }
      main.salvaHome section.section4 div.row ol.buttons li.buttonMovie a {
        background-size: contain;
        background-position: center bottom;
        background-image: url(/salva/images/top/home_img_button_4_1.png); }
      main.salvaHome section.section4 div.row ol.buttons li.buttonIllust a {
        background-size: contain;
        background-position: center bottom;
        background-image: url(/salva/images/top/home_img_button_4_2.png); }
    main.salvaHome section.section5 div.row div.buttonEnter {
      position: absolute;
      left: 71.69118vw;
      top: 19.92647vw; }
    main.salvaHome section.section6 {
      z-index: 1;
      overflow: visible;
      padding-bottom: 0.80882vw; }
      main.salvaHome section.section6:before {
        content: "";
        display: block;
        width: 100%;
        height: 0.80882vw;
        background-image: url(/salva/images/top/top_pattern_wave_upper.png);
        background-repeat: repeat-x;
        position: absolute;
        background-size: auto 0.80882vw;
        top: 0;
        left: 0;
        -webkit-transform: translateY(-99%);
        -moz-transform: translateY(-99%);
        -ms-transform: translateY(-99%);
        -o-transform: translateY(-99%);
        transform: translateY(-99%); }
      main.salvaHome section.section6:after {
        content: "";
        display: block;
        width: 100%;
        height: 0.80882vw;
        background-image: url(/salva/images/top/top_pattern_wave_lower.png);
        background-repeat: repeat-x;
        position: absolute;
        background-size: auto 0.80882vw;
        bottom: 0vw;
        left: 0; }
      main.salvaHome section.section6 div.row {
        background-color: #aed300; }
        main.salvaHome section.section6 div.row h2.headingImg a {
          position: absolute;
          display: block;
          width: 100%;
          top: 9vw;
          left: 0; }
          main.salvaHome section.section6 div.row h2.headingImg a img.body.visiblePC {
            width: 100%;
            height: auto;
            -webkit-transition: filter .2s ease-out;
            -moz-transition: filter .2s ease-out;
            -ms-transition: filter .2s ease-out;
            -o-transition: filter .2s ease-out;
            transition: filter .2s ease-out; }
            main.salvaHome section.section6 div.row h2.headingImg a img.body.visiblePC:hover {
              filter: brightness(1.1); }
        main.salvaHome section.section6 div.row div.sectionInner {
          position: relative; }
        main.salvaHome section.section6 div.row ul.entries {
          overflow: hidden;
          width: 74.04412vw;
          margin: 3.38235vw auto 0; }
          main.salvaHome section.section6 div.row ul.entries li.entry {
            width: 22.84118vw;
            float: left; }
            main.salvaHome section.section6 div.row ul.entries li.entry:not(:first-of-type) {
              margin-left: 2.57353vw; }
            main.salvaHome section.section6 div.row ul.entries li.entry a {
              display: block;
              width: 100%;
              height: 100%; }
              main.salvaHome section.section6 div.row ul.entries li.entry a:hover {
                color: inherit;
                opacity: 1; }
                main.salvaHome section.section6 div.row ul.entries li.entry a:hover div.photo img {
                  filter: brightness(1.1); }
              main.salvaHome section.section6 div.row ul.entries li.entry a div.photo {
                width: 100%; }
                main.salvaHome section.section6 div.row ul.entries li.entry a div.photo img {
                  -webkit-transition: filter .2s ease-out;
                  -moz-transition: filter .2s ease-out;
                  -ms-transition: filter .2s ease-out;
                  -o-transition: filter .2s ease-out;
                  transition: filter .2s ease-out;
                  width: 100%; }
              main.salvaHome section.section6 div.row ul.entries li.entry a p.title {
                text-align: center;
                font-size: 1.17647vw;
                font-weight: bold; }
        main.salvaHome section.section6 div.row div.buttonEnterWrapper {
          margin-top: 30px;
          padding-bottom: 65px;
          width: 100%;
          text-align: center; }
          main.salvaHome section.section6 div.row div.buttonEnterWrapper div.buttonEnter {
            display: inline-block; }
          main.salvaHome section.section6 div.row div.buttonEnterWrapper p.label {
            display: block;
            font-size: 1.02941vw;
            text-align: center; } }
@media (min-width: 768px) and (max-width: 999px) {
  main.salvaHome {
    overflow: hidden; }
    main.salvaHome section {
      position: relative; }
      main.salvaHome section div.row {
        position: relative;
        width: 100%;
        padding: 0;
        max-width: initial; }
        main.salvaHome section div.row h2.headingImg {
          font-size: 0;
          width: 100%; }
          main.salvaHome section div.row h2.headingImg img {
            width: 100%; }
        main.salvaHome section div.row div.sectionInner {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; }
        main.salvaHome section div.row div.movieBg {
          width: 100%; }
          main.salvaHome section div.row div.movieBg video {
            width: 100%; }
        main.salvaHome section div.row div.buttonEnter {
          filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
          -webkit-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
          -moz-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
          -o-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
          -ms-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
          background-color: #fff;
          border-radius: 4.33824vw;
          width: 4.33824vw;
          height: 4.33824vw;
          overflow: hidden;
          -webkit-transition: background-color .2s ease-out;
          -moz-transition: background-color .2s ease-out;
          -ms-transition: background-color .2s ease-out;
          -o-transition: background-color .2s ease-out;
          transition: background-color .2s ease-out; }
          main.salvaHome section div.row div.buttonEnter:hover {
            -webkit-transition: background-color .3s ease-out;
            -moz-transition: background-color .3s ease-out;
            -ms-transition: background-color .3s ease-out;
            -o-transition: background-color .3s ease-out;
            transition: background-color .3s ease-out;
            background-color: #00a0e6; }
            main.salvaHome section div.row div.buttonEnter:hover a svg polyline {
              -webkit-transition: background-color .3s ease-out;
              -moz-transition: background-color .3s ease-out;
              -ms-transition: background-color .3s ease-out;
              -o-transition: background-color .3s ease-out;
              transition: background-color .3s ease-out;
              stroke: #fff; }
          main.salvaHome section div.row div.buttonEnter a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%; }
            main.salvaHome section div.row div.buttonEnter a svg {
              position: absolute;
              height: 1.54412vw;
              width: auto;
              left: 50%;
              top: 50%;
              -webkit-transform: translateX(-50%) translateY(-50%);
              -moz-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
              -o-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
              main.salvaHome section div.row div.buttonEnter a svg polyline {
                -webkit-transition: background-color .2s ease-out;
                -moz-transition: background-color .2s ease-out;
                -ms-transition: background-color .2s ease-out;
                -o-transition: background-color .2s ease-out;
                transition: background-color .2s ease-out;
                stroke: #00a0e6; }
    main.salvaHome section.topMv div.row div.movieBg {
      width: 100%; }
      main.salvaHome section.topMv div.row div.movieBg video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0; }
      main.salvaHome section.topMv div.row div.movieBg:before {
        content: "";
        display: block;
        padding-top: 39.69%; }
      main.salvaHome section.topMv div.row div.mvSlide > div.slide:nth-child(n+2) {
        display: none;
      }
    main.salvaHome section.topMv div.row p.copy {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      top: 6.76vw;
      width: 33.60294vw; }
      main.salvaHome section.topMv div.row p.copy img {
        width: 100%; }
    main.salvaHome section.bannerArea {
      padding: 1.91176vw 0; }
      main.salvaHome section.bannerArea .slick-next,
      main.salvaHome section.bannerArea .slick-prev {
        display: block;
        width: 0.88235vw;
        height: 1.61765vw; }
        main.salvaHome section.bannerArea .slick-next:before,
        main.salvaHome section.bannerArea .slick-prev:before {
          content: none; }
        main.salvaHome section.bannerArea .slick-next:after,
        main.salvaHome section.bannerArea .slick-prev:after {
          content: none; }
      main.salvaHome section.bannerArea .slick-prev {
        background-image: url(/salva/images/top/top_icon_slider_arrow_left.png);
        background-size: contain;
        background-repeat: no-repeat; }
      main.salvaHome section.bannerArea .slick-next {
        background-image: url(/salva/images/top/top_icon_slider_arrow_right.png);
        background-size: contain;
        background-repeat: no-repeat; }
      main.salvaHome section.bannerArea div.row ul.banners {
        display: block;
        width: 68.23529vw;
        margin: 0 auto; }
        main.salvaHome section.bannerArea div.row ul.banners:not(.slick-initialized) {
          visibility: hidden; }
        main.salvaHome section.bannerArea div.row ul.banners.col2 {
          width: 45.14706vw; }
        main.salvaHome section.bannerArea div.row ul.banners li {
          width: 22.05882vw;
          padding: 0 0.73529vw;
          -webkit-transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -ms-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out;
          transition: opacity .2s ease-out; }
          main.salvaHome section.bannerArea div.row ul.banners li:hover {
            opacity: .7; }
          main.salvaHome section.bannerArea div.row ul.banners li a {
            display: block;
            width: 100%;
            height: 100%; }
            main.salvaHome section.bannerArea div.row ul.banners li a img {
              width: 100%; }
    main.salvaHome section.section2 div.row {
      position: relative; }
      main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner {
        position: absolute;
        top: 12.05882vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 40.14706vw;
        text-align: center;
        overflow: hidden; }
        main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div {
          width: 18.23529vw;
          float: left;
          border-radius: 1.47059vw;
          background-color: #ccc;
          border: 1px solid #ccc;
          -webkit-transition: background-color .3s ease-out;
          -moz-transition: background-color .3s ease-out;
          -ms-transition: background-color .3s ease-out;
          -o-transition: background-color .3s ease-out;
          transition: background-color .3s ease-out; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div:not(:first-of-type) {
            margin-left: 2.20588vw; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div a {
            font-size: 0;
            padding: 0.73529vw;
            display: block;
            width: 100%;
            height: 100%; }
            main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div a svg {
              width: 100%;
              -webkit-transition: fill .2s ease-out;
              -moz-transition: fill .2s ease-out;
              -ms-transition: fill .2s ease-out;
              -o-transition: fill .2s ease-out;
              transition: fill .2s ease-out;
              height: 1.02941vw; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div:hover {
            background-color: #fff !important; }
            main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div:hover a svg {
              -webkit-transition: fill .3s ease-out;
              -moz-transition: fill .3s ease-out;
              -ms-transition: fill .3s ease-out;
              -o-transition: fill .3s ease-out;
              transition: fill .3s ease-out; }
        main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div.buttonLineup {
          background-color: #00a0e6;
          border-color: #00a0e6; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div.buttonLineup:hover a svg path {
            fill: #00a0e6; }
        main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div.buttonKantan {
          background-color: #00d6ff;
          border-color: #00d6ff; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div.buttonKantan:hover a svg path {
            fill: #00d6ff; }
      main.salvaHome section.section2 div.row div.buttonYawaraku {
        width: 10.29412vw;
        height: 10.29412vw;
        border-radius: 10.29412vw;
        overflow: hidden;
        background-size: 10.29412vw auto;
        background-size: 10.29412vw auto;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: rgba(255, 255, 255, 0.6);
        background-image: url(/salva/images/top/home_img_button_3.svg);
        filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -webkit-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -moz-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -o-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -ms-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        position: absolute;
        top: 22.79412vw;
        left: 76.76471vw;
        margin: 0.44118vw;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
        main.salvaHome section.section2 div.row div.buttonYawaraku:hover {
          background-color: white;
          background-image: url(/salva/images/top/home_img_button_3_over.svg); }
          main.salvaHome section.section2 div.row div.buttonYawaraku:hover:hover {
            animation: animScale 0.7s ease-out;
            transform-origin: center center;
            -webkit-animation: animScale 0.7s ease-out;
            -webkit-transform-origin: center center;
            -moz-animation: animScale 0.7s ease-out;
            -moz-transform-origin: center center; }
        main.salvaHome section.section2 div.row div.buttonYawaraku a {
          display: block;
          width: 100%;
          height: 100%; }
    main.salvaHome section.section3 div.row div.buttonEnter {
      position: absolute;
      left: 50%;
      top: 16.02941vw;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
    main.salvaHome section.section4 div.row ol.buttons {
      width: 30.07353vw;
      padding-bottom: 0.73529vw;
      overflow: hidden;
      left: 54.70588vw;
      top: 15.07353vw;
      padding: 3.67647vw;
      box-sizing: content-box !important;
      position: absolute; }
      main.salvaHome section.section4 div.row ol.buttons li {
        filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -webkit-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -moz-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -o-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        -ms-filter: drop-shadow(0 0.44118vw 0.36765vw rgba(0, 0, 0, 0.1));
        float: left;
        position: relative;
        width: 14.85294vw;
        height: 10.07353vw;
        overflow: hidden; }
        main.salvaHome section.section4 div.row ol.buttons li:not(:first-of-type) {
          margin-left: 0.36765vw; }
        main.salvaHome section.section4 div.row ol.buttons li a {
          background-position: center center;
          background-repeat: no-repeat;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
          border-radius: 4.41176vw;
          display: block;
          width: 14.11765vw;
          height: 9.33824vw;
          background-color: #c7e9f1; }
          main.salvaHome section.section4 div.row ol.buttons li a span {
            font-size: 0; }
        main.salvaHome section.section4 div.row ol.buttons li:hover {
          animation: animScale 0.7s ease-out;
          transform-origin: center center;
          -webkit-animation: animScale 0.7s ease-out;
          -webkit-transform-origin: center center;
          -moz-animation: animScale 0.7s ease-out;
          -moz-transform-origin: center center; }
        main.salvaHome section.section4 div.row ol.buttons li:hover a {
          width: 100%;
          height: 100%;
          background-color: #90d4e3; }
      main.salvaHome section.section4 div.row ol.buttons li.buttonMovie a {
        background-size: contain;
        background-position: center bottom;
        background-image: url(/salva/images/top/home_img_button_4_1.png); }
      main.salvaHome section.section4 div.row ol.buttons li.buttonIllust a {
        background-size: contain;
        background-position: center bottom;
        background-image: url(/salva/images/top/home_img_button_4_2.png); }
    main.salvaHome section.section5 div.row div.buttonEnter {
      position: absolute;
      left: 71.69118vw;
      top: 19.92647vw; }
    main.salvaHome section.section6 {
      z-index: 1;
      overflow: visible;
      padding-bottom: 0.80882vw; }
      main.salvaHome section.section6:before {
        content: "";
        display: block;
        width: 100%;
        height: 0.80882vw;
        background-image: url(/salva/images/top/top_pattern_wave_upper.png);
        background-repeat: repeat-x;
        position: absolute;
        background-size: auto 0.80882vw;
        top: 0;
        left: 0;
        -webkit-transform: translateY(-99%);
        -moz-transform: translateY(-99%);
        -ms-transform: translateY(-99%);
        -o-transform: translateY(-99%);
        transform: translateY(-99%); }
      main.salvaHome section.section6:after {
        content: "";
        display: block;
        width: 100%;
        height: 0.80882vw;
        background-image: url(/salva/images/top/top_pattern_wave_lower.png);
        background-repeat: repeat-x;
        position: absolute;
        background-size: auto 0.80882vw;
        bottom: 0vw;
        left: 0; }
      main.salvaHome section.section6 div.row {
        background-color: #aed300; }
        main.salvaHome section.section6 div.row h2.headingImg a {
          position: absolute;
          display: block;
          width: 100%;
          top: 9vw;
          left: 0; }
          main.salvaHome section.section6 div.row h2.headingImg a img.body.visiblePC {
            width: 100%;
            height: auto;
            -webkit-transition: filter .2s ease-out;
            -moz-transition: filter .2s ease-out;
            -ms-transition: filter .2s ease-out;
            -o-transition: filter .2s ease-out;
            transition: filter .2s ease-out; }
            main.salvaHome section.section6 div.row h2.headingImg a img.body.visiblePC:hover {
              filter: brightness(1.1); }
        main.salvaHome section.section6 div.row div.sectionInner {
          position: relative; }
        main.salvaHome section.section6 div.row ul.entries {
          overflow: hidden;
          width: 74.04412vw;
          margin: 3.38235vw auto 0; }
          main.salvaHome section.section6 div.row ul.entries li.entry {
            width: 15.94118vw;
            float: left; }
            main.salvaHome section.section6 div.row ul.entries li.entry:not(:first-of-type) {
              margin-left: 2.57353vw; }
            main.salvaHome section.section6 div.row ul.entries li.entry a {
              display: block;
              width: 100%;
              height: 100%; }
              main.salvaHome section.section6 div.row ul.entries li.entry a:hover {
                color: inherit;
                opacity: 1; }
                main.salvaHome section.section6 div.row ul.entries li.entry a:hover div.photo img {
                  filter: brightness(1.1); }
              main.salvaHome section.section6 div.row ul.entries li.entry a div.photo {
                width: 100%; }
                main.salvaHome section.section6 div.row ul.entries li.entry a div.photo img {
                  -webkit-transition: filter .2s ease-out;
                  -moz-transition: filter .2s ease-out;
                  -ms-transition: filter .2s ease-out;
                  -o-transition: filter .2s ease-out;
                  transition: filter .2s ease-out;
                  width: 100%; }
              main.salvaHome section.section6 div.row ul.entries li.entry a p.title {
                text-align: center;
                font-size: 1.17647vw;
                font-weight: bold; }
        main.salvaHome section.section6 div.row div.buttonEnterWrapper {
          margin-top: 2.20588vw;
          padding-bottom: 4.77941vw;
          width: 100%;
          text-align: center; }
          main.salvaHome section.section6 div.row div.buttonEnterWrapper div.buttonEnter {
            display: inline-block; }
          main.salvaHome section.section6 div.row div.buttonEnterWrapper p.label {
            display: block;
            font-size: 1.02941vw;
            text-align: center; } }
@media (max-width: 767px) {
  main.salvaHome {
    overflow: hidden; }
    main.salvaHome section {
      position: relative; }
      main.salvaHome section div.row {
        position: relative;
        width: 100%;
        padding: 0;
        max-width: initial; }
        main.salvaHome section div.row h2.headingImg {
          font-size: 0;
          width: 100%; }
          main.salvaHome section div.row h2.headingImg img {
            width: 100%; }
        main.salvaHome section div.row div.sectionInner {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; }
        main.salvaHome section div.row div.movieBg {
          width: 100%; }
          main.salvaHome section div.row div.movieBg video {
            width: 100%; }
        main.salvaHome section div.row div.buttonEnter {
          filter: drop-shadow(0 0.8vw 0.66667vw rgba(0, 0, 0, 0.1));
          -webkit-filter: drop-shadow(0 0.8vw 0.66667vw rgba(0, 0, 0, 0.1));
          -moz-filter: drop-shadow(0 0.8vw 0.66667vw rgba(0, 0, 0, 0.1));
          -o-filter: drop-shadow(0 0.8vw 0.66667vw rgba(0, 0, 0, 0.1));
          -ms-filter: drop-shadow(0 0.8vw 0.66667vw rgba(0, 0, 0, 0.1));
          background-color: #fff;
          border-radius: 7.86667vw;
          width: 13.06667vw;
          height: 13.06667vw;
          overflow: hidden;
          -webkit-transition: background-color .2s ease-out;
          -moz-transition: background-color .2s ease-out;
          -ms-transition: background-color .2s ease-out;
          -o-transition: background-color .2s ease-out;
          transition: background-color .2s ease-out; }
          main.salvaHome section div.row div.buttonEnter:hover {
            -webkit-transition: background-color .3s ease-out;
            -moz-transition: background-color .3s ease-out;
            -ms-transition: background-color .3s ease-out;
            -o-transition: background-color .3s ease-out;
            transition: background-color .3s ease-out;
            background-color: #00a0e6; }
            main.salvaHome section div.row div.buttonEnter:hover a svg polyline {
              -webkit-transition: background-color .3s ease-out;
              -moz-transition: background-color .3s ease-out;
              -ms-transition: background-color .3s ease-out;
              -o-transition: background-color .3s ease-out;
              transition: background-color .3s ease-out;
              stroke: #fff; }
          main.salvaHome section div.row div.buttonEnter a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%; }
            main.salvaHome section div.row div.buttonEnter a svg {
              position: absolute;
              height: 4.8vw;
              width: auto;
              left: 50%;
              top: 50%;
              -webkit-transform: translateX(-50%) translateY(-50%);
              -moz-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
              -o-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
              main.salvaHome section div.row div.buttonEnter a svg polyline {
                -webkit-transition: background-color .2s ease-out;
                -moz-transition: background-color .2s ease-out;
                -ms-transition: background-color .2s ease-out;
                -o-transition: background-color .2s ease-out;
                transition: background-color .2s ease-out;
                stroke: #00a0e6; }
    main.salvaHome section.topMv div.row div.movieBg {
      width: 100%; }
      main.salvaHome section.topMv div.row div.movieBg video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0; }
      main.salvaHome section.topMv div.row div.movieBg:before {
        content: "";
        display: block;
        padding-top: 92%; }
      main.salvaHome section.topMv div.row div.mvSlide > div.slide:nth-child(n+2) {
        display: none;
      }
        main.salvaHome section.topMv div.row div.mvSlide div.slide img {
          width: 100%;
        }
    main.salvaHome section.topMv div.row p.copy {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      top: 10.8vw;
      width: 54.53333vw; }
      main.salvaHome section.topMv div.row p.copy img {
        width: 100%; }
    main.salvaHome section.bannerArea {
      padding: 5.33333vw 0; }
      main.salvaHome section.bannerArea .slick-next,
      main.salvaHome section.bannerArea .slick-prev {
        display: none; }
      main.salvaHome section.bannerArea div.row ul.banners {
        display: block;
        width: 100%;
        margin: 0 auto; }
        main.salvaHome section.bannerArea div.row ul.banners:not(.slick-initialized) {
          visibility: hidden; }
        main.salvaHome section.bannerArea div.row ul.banners li {
          width: 40vw;
          padding: 0 1.33333vw; }
          main.salvaHome section.bannerArea div.row ul.banners li a {
            display: block;
            width: 100%;
            height: 100%; }
            main.salvaHome section.bannerArea div.row ul.banners li a img {
              width: 100%; }
    main.salvaHome section.section2 div.row {
      position: relative; }
      main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner {
        position: absolute;
        top: 22.8vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
        overflow: hidden; }
        main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div {
          width: 43.2vw;
          display: inline-block;
          border-radius: 4.66667vw;
          background-color: #ccc;
          border: 1px solid #ccc;
          -webkit-transition: background-color .3s ease-out;
          -moz-transition: background-color .3s ease-out;
          -ms-transition: background-color .3s ease-out;
          -o-transition: background-color .3s ease-out;
          transition: background-color .3s ease-out; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div:not(:first-of-type) {
            margin-left: 2.93333vw; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div a {
            font-size: 0;
            padding: 2.4vw;
            display: block;
            width: 100%;
            height: 100%; }
            main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div a svg {
              width: 100%;
              -webkit-transition: fill .2s ease-out;
              -moz-transition: fill .2s ease-out;
              -ms-transition: fill .2s ease-out;
              -o-transition: fill .2s ease-out;
              transition: fill .2s ease-out;
              height: 3.46667vw; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div:hover {
            background-color: #fff !important; }
            main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div:hover a svg {
              -webkit-transition: fill .3s ease-out;
              -moz-transition: fill .3s ease-out;
              -ms-transition: fill .3s ease-out;
              -o-transition: fill .3s ease-out;
              transition: fill .3s ease-out; }
        main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div.buttonLineup {
          background-color: #00a0e6;
          border-color: #00a0e6; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div.buttonLineup:hover a svg path {
            fill: #00a0e6; }
        main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div.buttonKantan {
          background-color: #00d6ff;
          border-color: #00d6ff; }
          main.salvaHome section.section2 div.row div.salvaCommonButtonSet1.inner div.buttonKantan:hover a svg path {
            fill: #00d6ff; }
      main.salvaHome section.section2 div.row div.buttonYawaraku {
        position: absolute;
        top: 90vw;
        display: inline-block;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
        main.salvaHome section.section2 div.row div.buttonYawaraku a {
          display: block;
          width: 100%;
          height: 100%; }
          main.salvaHome section.section2 div.row div.buttonYawaraku a img {
            width: 62.13333vw;
            height: auto; }
    main.salvaHome section.section3 div.row div.buttonEnter {
      position: absolute;
      left: 50%;
      top: 24.93333vw;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
    main.salvaHome section.section4 div.row ol.buttons {
      text-align: center;
      width: 100%;
      padding-bottom: 1.33333vw;
      top: 63.06667vw;
      left: 0;
      position: absolute; }
      main.salvaHome section.section4 div.row ol.buttons li {
        filter: drop-shadow(0 0.8vw 0.66667vw rgba(0, 0, 0, 0.1));
        -webkit-filter: drop-shadow(0 0.8vw 0.66667vw rgba(0, 0, 0, 0.1));
        -moz-filter: drop-shadow(0 0.8vw 0.66667vw rgba(0, 0, 0, 0.1));
        -o-filter: drop-shadow(0 0.8vw 0.66667vw rgba(0, 0, 0, 0.1));
        -ms-filter: drop-shadow(0 0.8vw 0.66667vw rgba(0, 0, 0, 0.1));
        display: inline-block;
        width: 35.86667vw;
        height: 30.53333vw;
        border-radius: 10.66667vw;
        overflow: hidden;
        background-color: #c7e9f1;
        background-position: center bottom;
        background-repeat: no-repeat;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out; }
        main.salvaHome section.section4 div.row ol.buttons li:not(:first-of-type) {
          margin-left: 2.66667vw; }
        main.salvaHome section.section4 div.row ol.buttons li a span {
          font-size: 0; }
        main.salvaHome section.section4 div.row ol.buttons li:hover {
          -webkit-transition: all .3s ease-out;
          -moz-transition: all .3s ease-out;
          -ms-transition: all .3s ease-out;
          -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
          background-color: #90d4e3; }
      main.salvaHome section.section4 div.row ol.buttons li.buttonMovie {
        background-image: url(/salva/images/top/home_img_button_4_1.png);
        background-size: cover;
        background-position: center bottom; }
        main.salvaHome section.section4 div.row ol.buttons li.buttonMovie a {
          display: block;
          width: 100%;
          height: 100%; }
      main.salvaHome section.section4 div.row ol.buttons li.buttonIllust {
        background-image: url(/salva/images/top/home_img_button_4_2.png);
        background-size: cover;
        background-position: center bottom; }
        main.salvaHome section.section4 div.row ol.buttons li.buttonIllust a {
          display: block;
          width: 100%;
          height: 100%; }
    main.salvaHome section.section5 div.row div.buttonEnter {
      position: absolute;
      left: 50%;
      top: 34.66667vw;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
    main.salvaHome section.section6 {
      z-index: 1;
      overflow: visible;
      margin-bottom: 5.86667vw; }
      main.salvaHome section.section6:before {
        content: "";
        display: block;
        width: 100%;
        height: 1.46667vw;
        background-image: url(/salva/images/top/top_pattern_wave_upper.png);
        background-repeat: repeat-x;
        position: absolute;
        background-size: auto 1.46667vw;
        top: 0;
        left: 0;
        -webkit-transform: translateY(-99%);
        -moz-transform: translateY(-99%);
        -ms-transform: translateY(-99%);
        -o-transform: translateY(-99%);
        transform: translateY(-99%); }
      main.salvaHome section.section6:after {
        content: "";
        display: block;
        width: 100%;
        height: 1.46667vw;
        background-image: url(/salva/images/top/top_pattern_wave_lower.png);
        background-repeat: repeat-x;
        position: absolute;
        background-size: auto 1.46667vw;
        bottom: 0;
        left: 0;
        -webkit-transform: translateY(99%);
        -moz-transform: translateY(99%);
        -ms-transform: translateY(99%);
        -o-transform: translateY(99%);
        transform: translateY(99%); }
      main.salvaHome section.section6 div.row {
        background-color: #aed300;
        padding-top: 2.66667vw;
        position: relative; }
        main.salvaHome section.section6 div.row h2.headingImg img.body.visiblePC {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: auto; }
        main.salvaHome section.section6 div.row h2.headingImg img.body.visibleSP {
          position: absolute;
          top: 6.66667vw;
          left: 0;
          width: 100%;
          height: auto; }
        main.salvaHome section.section6 div.row div.sectionInner {
          position: relative; }
        main.salvaHome section.section6 div.row ul.entries {
          overflow: hidden;
          width: 84vw;
          padding-top: 4vw;
          padding-bottom: 18vw;
          margin: 0vw auto 0; }
          main.salvaHome section.section6 div.row ul.entries li.entry {
            width: 40vw;
            float: left;
            margin-bottom: 4vw; }
            main.salvaHome section.section6 div.row ul.entries li.entry:nth-of-type(even) {
              margin-left: 4vw; }
            main.salvaHome section.section6 div.row ul.entries li.entry a {
              display: block;
              width: 100%;
              height: 100%; }
              main.salvaHome section.section6 div.row ul.entries li.entry a:hover {
                color: inherit; }
              main.salvaHome section.section6 div.row ul.entries li.entry a div.photo {
                width: 100%; }
                main.salvaHome section.section6 div.row ul.entries li.entry a div.photo img {
                  width: 100%; }
              main.salvaHome section.section6 div.row ul.entries li.entry a p.title {
                font-weight: bold;
                text-align: center;
                font-size: 2.26667vw; }
        main.salvaHome section.section6 div.row div.buttonEnterWrapper {
          position: absolute;
          bottom: 0;
          right: 43%; }
          main.salvaHome section.section6 div.row div.buttonEnterWrapper div.buttonEnter {
            display: block; }
          main.salvaHome section.section6 div.row div.buttonEnterWrapper p.label {
            display: block;
            font-size: 3.6vw;
            text-align: center; } }
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    -2017
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* =========================================================
    スライド：PC用
========================================================= */
.heroPC {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .heroPCThumbs {
    position: absolute;
    top: 130px;
    right: 35px;
    transition: opacity 1s 1s;
    opacity: 0; }
    .heroPCThumbs.isVisible {
      opacity: 1; }
    .heroPCThumbs button {
      width: 50px;
      height: 50px;
      border-radius: 50px;
      box-sizing: border-box;
      border: 4px solid rgba(255, 255, 255, 0);
      margin-bottom: 14px;
      cursor: pointer;
      outline: none;
      background-position: center center;
      background-size: 50px 50px;
      background-color: transparent;
      background-repeat: no-repeat;
      transition: border-color .5s; }
      .heroPCThumbs button:hover, .heroPCThumbs button.isActive {
        border-color: white;
        transition: border-color .05s; }
    @media (max-width: 1069px) {
      .heroPCThumbs {
        top: 85px;
        right: 30px; }
        .heroPCThumbs button {
          width: 40px;
          height: 40px;
          background-size: 40px 40px;
          border-width: 3px;
          margin-bottom: 12px; } }

.slickPC {
  opacity: 0;
  transition: 1s .7s; }
  .slickPC.isVisible {
    opacity: 1; }
  .slickPCItem {
    position: relative;
    width: 100%;
    z-index: 0; }
  .slickPC a,
  .slickPC img,
  .slickPC video {
    width: 100%;
    display: block;
    z-index: -1; }
  .slickPC .linkBtn {
    position: absolute;
    top: 63%;
    left: 14.8%;
    display: block;
    width: 14.5%;
    z-index: 1; }
  .slickPC .slideLabel {
    position: absolute;
    top: 0;
    left: 74px;
    width: 11%;
    height: auto;
    z-index: 1; }
  .slickPC .withSlogan.isVisible:after {
    opacity: 1; }
  .slickPC .slick-prev {
    width: 52px;
    height: 52px;
    left: 42px;
    z-index: 10; }
    .slickPC .slick-prev:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: url(/image/under_slide_prev.svg) no-repeat top left;
      background-size: 100% auto;
      opacity: 1; }
  .slickPC .slick-next {
    width: 52px;
    height: 52px;
    right: 42px;
    z-index: 10; }
    .slickPC .slick-next:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: url(/image/under_slide_next.svg) no-repeat top left;
      background-size: 100% auto;
      opacity: 1; }
  .slickPC .slick-dots {
    position: absolute;
    right: 80px;
    bottom: 28px;
    width: auto;
    z-index: 10; }
    .slickPC .slick-dots li {
      width: 12px;
      height: 12px;
      margin: 0 0 0 15px; }
      .slickPC .slick-dots li button {
        width: 12px;
        height: 12px;
        padding: 0; }
      .slickPC .slick-dots li button:before {
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        opacity: 1;
        background-color: #8e8e8d; }
      .slickPC .slick-dots li.slick-active button:before {
        background-color: #fff; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

/* =========================================================
    スライド：SP用
========================================================= */
.heroSP {
  width: 100%;
  height: calc( 100% * 772 / 640);
  overflow: hidden; }

.slickSP {
  visibility: hidden;
  opacity: 0;
  transition: 1s .5s; }
  .slickSP.slick-initialized {
    visibility: visible;
    opacity: 1; }
  .slickSPItem {
    position: relative;
    width: 100%;
    z-index: 0; }
    .slickSPItem a,
    .slickSPItem img {
      display: block;
      width: 100%; }
  .slickSP .withSlogan:after {
    content: '';
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/image/slogan_sp.svg) center center no-repeat;
    background-size: 63%;
    z-index: 1; }
  .slickSP .linkBtn {
    position: absolute;
    top: 66.8%;
    left: 50%;
    display: block;
    width: 51.56%;
    height: auto;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .slickSP.slick-dotted.slick-slider {
    margin-bottom: 0; }
  .slickSP .slick-arrow {
    z-index: 1;
    width: 50px;
    height: 50px; }
  .slickSP .slick-prev {
    background: url(/image/arrow_white_left.svg) center center no-repeat;
    left: 0; }
    .slickSP .slick-prev:before {
      content: none; }
  .slickSP .slick-next {
    background: url(/image/arrow_white_right.svg) center center no-repeat;
    right: 0; }
    .slickSP .slick-next:before {
      content: none; }
  .slickSP .slick-dots {
    z-index: 1;
    left: 0;
    bottom: 16%;
    width: 100%;
    font-size: 0;
    text-align: center; }
    .slickSP .slick-dots li {
      margin: 0;
      display: inline-block;
      width: 20px;
      height: 20px;
      font-size: 0;
      padding: 5px;
      box-sizing: border-box; }
      .slickSP .slick-dots li button {
        background: #8e8e8d;
        border-radius: 10px;
        width: 10px;
        height: 10px;
        box-sizing: border-box; }
        .slickSP .slick-dots li button:before {
          content: none; }
      .slickSP .slick-dots li.slick-active button {
        background: #fff; }

/* =========================================================
contents
========================================================= */
#contents {
  margin-top: 75px; }
  @media (min-width: 768px) and (max-width: 1069px) {
    #contents {
      margin-top: 56px; } }
  @media (max-width: 767px) {
    #contents {
      margin-top: 50px; } }

.row {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
  box-sizing: border-box; }
  @media (max-width: 767px) {
    .row {
      width: 100%;
      padding: 0 5%; } }

/* =========================================================
お知らせ
========================================================= */
.secNews {
  margin-bottom: 80px;
  background-color: #F8F8F8;
  color: #1d1d1d; }
  .secNews .row {
    padding: 50px 0 80px;
    overflow: hidden; }
  .secNews .frontSecTitle {
    width: 100%;
    margin-bottom: 35px;
    color: #4c4c4c;
    font-size: 2.3rem;
    text-align: center;
    letter-spacing: 3px; }
    .secNews .frontSecTitle span {
      font-size: .7em; }
  .secNewsTop .secNewsItem {
    border-top: 1px solid #c8c8c8; }
  .secNewsBottom {
    display: none; }
    @media (min-width: 768px) {
      .secNewsBottom {
        display: block !important; } }
  .secNewsItem {
    border-bottom: 1px solid #c8c8c8; }
    .secNewsItem > a,
    .secNewsItem > span {
      display: block;
      padding: 10px 20px; }
    .secNewsItemDate {
      float: left;
      font-size: 1.4rem; }
    .secNewsItemText {
      margin-left: 200px;
      font-size: 1.4rem; }
      .secNewsItemText a {
        text-decoration: underline; }
        .secNewsItemText a:hover {
          text-decoration: none; }
  .secNewsMore {
    margin-top: 20px;
    text-align: center;
    cursor: pointer; }
    .secNewsMoreInner {
      display: inline-block;
      padding: 10px 30px 10px 16px;
      background: url(/family/images/arrow_down.svg) right center no-repeat;
      background-size: 16px auto; }
      .secNewsMoreInner:before {
        content: "もっと見る";
        font-size: 1.4rem; }
    .secNewsMore.isOpen .secNewsMoreInner {
      display: inline-block;
      background: url(/family/images//arrow_up.svg) right 17px no-repeat;
      background-size: 16px auto; }
      .secNewsMore.isOpen .secNewsMoreInner:before {
        content: "閉じる"; }
    @media (min-width: 768px) {
      .secNewsMore {
        display: none !important; } }
  @media (min-width: 768px) and (max-width: 1069px) {
    .secNewsItem > a,
    .secNewsItem > span {
      padding: 10px 10px; }
    .secNewsItemText {
      margin-left: 150px; } }
  @media (max-width: 767px) {
    .secNews {
      margin-bottom: 10px;
      border-bottom: 1px solid #c8c8c8;
      background-color: transparent; }
      .secNews .row {
        width: 90%;
        padding: 20px 0 10px;
        overflow: hidden; }
      .secNews .frontSecTitle {
        width: 100%;
        margin-bottom: 15px;
        font-size: 1.4rem; }
      .secNewsTop, .secNewsBottom, .secNewsMore {
        width: 100%;
        margin-left: 0; }
      .secNewsItem > a,
      .secNewsItem > span {
        display: block;
        padding: 15px 0; }
      .secNewsItemDate {
        float: none;
        font-size: 1.15rem; }
      .secNewsItemText {
        margin-left: 0;
        font-size: 1.15rem; }
      .secNewsMore {
        margin-top: 0;
        text-align: center;
        cursor: pointer; }
        .secNewsMoreInner {
          display: inline-block;
          padding: 10px 15px 10px 16px;
          background: url(/family/images/arrow_down.svg) right center no-repeat;
          background-size: 8px auto; }
          .secNewsMoreInner:before {
            content: "もっと見る";
            font-size: 1.05rem; }
        .secNewsMore.isOpen .secNewsMoreInner {
          display: inline-block;
          background: url(/family/images//arrow_up.svg) right center no-repeat;
          background-size: 8px auto; } }

/* =========================================================
Tab
========================================================= */
@-webkit-keyframes arrowMove {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  5% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  50% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  55% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
@keyframes arrowMove {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  5% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  50% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  55% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
.tabWrap {
  position: relative;
  margin-top: -84px;
  padding-top: 84px; }

.jsTab {
  position: absolute;
  top: 0;
  display: inline-block;
  height: 80.95px;
  vertical-align: bottom;
  width: 370px;
  transition: width .3s ease;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  cursor: pointer; }
  .jsTab.inView {
    opacity: 0;
    -webkit-transform: translateY(110%);
    transform: translateY(110%);
    transition: opacity 1.2s , transform 1.2s;
    -webkit-transition-timing-function: cubic-bezier(0, 0.05, 0.29, 1);
    transition-timing-function: cubic-bezier(0, 0.05, 0.29, 1); }
  .jsTab.inViewOn {
    opacity: 1;
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  .jsTab:after {
    content: "";
    position: absolute;
    top: 23px;
    right: 33px;
    display: block;
    width: 40px;
    height: 40px;
    background: url(/salva/images/tab_arrow.svg) 0 0 no-repeat;
    background-size: 40px 40px;
    -webkit-animation: arrowMove 4s infinite ease;
    animation: arrowMove 4s infinite ease; }
  .jsTab.leftTab {
    right: calc(50% - 10px); }
  .jsTab.rightTab {
    left: calc(50% - 10px); }
  .jsTab svg {
    display: block;
    width: 100%;
    height: 80.95px;
    vertical-align: top; }
  .jsTab .isSP {
    display: none; }

.isActive.jsTab {
  height: 85.83px;
  z-index: 2;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition: transform .5s ease; }
  .isActive.jsTab:after {
    display: none; }
.isActive .tabName {
  padding-top: 15px;
  padding-right: 0 !important;
  font-size: 2.4rem; }
  .isActive .tabName span, .isActive .tabName br {
    display: none; }
.isActive svg {
  height: 85.83px; }

.tabName {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-size: 1.89rem;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  letter-spacing: .03rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .tabName span {
    font-size: 1.53rem;
    letter-spacing: .1rem; }

.leftTab .tabName {
  padding-right: 60px; }

.jsTab.isActive {
  width: 430px; }

.rTabBdy {
  isolation: isolate; }

.leftTab path {
  fill: #0071b9; }

.rightTab path {
  fill: #00a0bd; }

.rTabWave01,
.lTabWave01 {
  opacity: 0.15;
  -webkit-mix-blend-mode: multiply;
  mix-blend-mode: multiply; }

.isActive .rTabWave01,
.isActive .lTabWave01 {
  -webkit-mix-blend-mode: screen;
  mix-blend-mode: screen; }

rTabWave02,
lTabWave02 {
  -webkit-mix-blend-mode: screen;
  mix-blend-mode: screen; }

.rTabWave02,
.rTabWave03,
.lTabWave02,
.lTabWave03 {
  opacity: 0.15; }

.rTabWave03,
.lTabWave03 {
  -webkit-mix-blend-mode: multiply;
  mix-blend-mode: multiply; }

.isActive .rTabWave03,
.isActive .lTabWave03 {
  opacity: 1;
  -webkit-mix-blend-mode: normal;
  mix-blend-mode: normal; }

@media (max-width: 1070px) {
  .tabWrap {
    margin-top: -64.6px;
    padding-top: 64.6px;
    overflow: hidden; }

  .jsTab {
    width: 222px;
    height: 64.6px; }
    .jsTab .isPC {
      display: none; }
    .jsTab .isSP {
      display: block; }
    .jsTab.isActive {
      width: 222px;
      height: 64.6px; }
      .jsTab.isActive .tabName {
        padding-top: 5px;
        font-size: 1.6rem; }
    .jsTab:after {
      display: none; }
    .jsTab.leftTab {
      right: calc(50% - 2px); }
      .jsTab.leftTab .tabName {
        padding-right: 0; }
    .jsTab.rightTab {
      left: calc(50% - 2px); }

  .tabName {
    font-size: 1.6rem;
    line-height: 1.2; }
    .tabName span {
      display: none; }
    .tabName br {
      display: none; }
    .tabName br.hiddenPC {
      display: block !important; } }
@media (max-width: 767px) {
  .tabWrap {
    margin-top: -48.5px;
    padding-top: 48.5px; }

  .jsTab {
    width: 166.5px;
    height: 48.5px; }
    .jsTab.isActive {
      width: 166.5px;
      height: 48.5px; }
      .jsTab.isActive .tabName {
        font-size: 1.2rem; }
    .jsTab.leftTab {
      right: calc(50% - 2px); }
    .jsTab.rightTab {
      left: calc(50% - 2px); }

  .tabName {
    font-size: 1.2rem; } }
.tabCnts {
  position: relative;
  width: 100%;
  border-top-width: 13px;
  z-index: 3; }
  .tabCnts .frontSecTitle {
    margin-bottom: 10px;
    font-size: 2.1rem;
    letter-spacing: .1rem;
    text-align: center; }
  .tabCntsInner {
    width: 1000px;
    margin: 0 auto;
    padding: 35px 0 58px;
    text-align: center; }
    .tabCntsInner a {
      display: block; }
  .tabCntsItem {
    display: inline-block;
    border-radius: 5px;
    background-color: #fff;
    vertical-align: top;
    letter-spacing: normal;
    overflow: hidden; }
  .tabCntsPict {
    position: relative; }
    .tabCntsPict:before {
      z-index: 1;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.2);
      -webkit-transition: .8s;
      transition: .8s;
      opacity: 1; }
    .tabCntsPict:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      background-position: 0 0;
      background-repeat: no-repeat;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 2; }
  @media (min-width: 768px) {
    .tabCntsPict, .tabCntsHeading, .tabCntsDetail {
      -webkit-transform: scale(1);
      transform: scale(1);
      transition: transform .3s ease; } }
  .tabCnts a:hover {
    color: #4c4c4c; }
    .tabCnts a:hover .tabCntsPict:before {
      background: transparent; }
    @media (min-width: 768px) {
      .tabCnts a:hover .tabCntsPict,
      .tabCnts a:hover .tabCntsHeading,
      .tabCnts a:hover .tabCntsDetail {
        -webkit-transform: scale(1.04);
        transform: scale(1.04); } }
  .tabCnts01 {
    border: 10px solid #0071B9;
    background-color: #CCE3F1;
    box-sizing: border-box; }
    .tabCnts01 .tabCntsPict {
      display: inline-block;
      width: 60%;
      margin-bottom: 15px;
      border-radius: 50%;
      overflow: hidden; }
      .tabCnts01 .tabCntsPict img {
        display: block; }
    .tabCnts01 .tabCntsUnit {
      font-size: 0; }
    .tabCnts01 .tabCntsTxtBox {
      position: relative; }
      .tabCnts01 .tabCntsTxtBox:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 6%;
        display: block;
        width: 10px;
        height: 17px;
        background: url(/salva/images/tab_iem_arrow.svg) 0 0 no-repeat;
        background-size: 10px 17px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
    .tabCnts01 .tabCntsHeading {
      margin-bottom: 10px;
      font-size: 2.1rem;
      letter-spacing: .06em; }
      .tabCnts01 .tabCntsHeading span {
        font-size: .8em; }
    .tabCnts01 .tabCntsDetail {
      margin-bottom: 0;
      font-size: 1.3rem; }
    .tabCnts01 .tabCntsItem {
      width: 24.7%;
      margin-left: .4%; }
      .tabCnts01 .tabCntsItemInner {
        padding: 25px 0px 33px; }
      .tabCnts01 .tabCntsItem01 {
        width: 45.3%;
        max-height: 200px;
        margin: 0 0 4px 0;
        border-radius: 5px 0 0 5px;
        background-color: transparent; }
        .tabCnts01 .tabCntsItem01 .tabCntsItemInner {
          padding: 0; }
        .tabCnts01 .tabCntsItem01 .tabCntsPict {
          width: 100%;
          border-radius: 0; }
          .tabCnts01 .tabCntsItem01 .tabCntsPict:before, .tabCnts01 .tabCntsItem01 .tabCntsPict:after {
            display: none; }
      .tabCnts01 .tabCntsItem02 {
        width: 54.7%;
        max-height: 200px;
        margin: 0 0 4px 0;
        border-radius: 0 5px 5px 0; }
        .tabCnts01 .tabCntsItem02 .tabCntsItemInner {
          padding: 0;
          text-align: left;
          letter-spacing: -.4em; }
          .tabCnts01 .tabCntsItem02 .tabCntsItemInner a > * {
            display: inline-block;
            vertical-align: middle;
            letter-spacing: normal; }
          .tabCnts01 .tabCntsItem02 .tabCntsItemInner .tabCntsPict {
            width: 45.7%;
            margin-right: 1.8%;
            border-radius: 0; }
            .tabCnts01 .tabCntsItem02 .tabCntsItemInner .tabCntsPict:before, .tabCnts01 .tabCntsItem02 .tabCntsItemInner .tabCntsPict:after {
              display: none; }
          .tabCnts01 .tabCntsItem02 .tabCntsItemInner .tabCntsTxtBox {
            width: 52.5%; }
            .tabCnts01 .tabCntsItem02 .tabCntsItemInner .tabCntsTxtBox:after {
              right: 2.7%; }
          .tabCnts01 .tabCntsItem02 .tabCntsItemInner .tabCntsHeading {
            margin-bottom: 5px;
            font-size: 2.3rem;
            letter-spacing: .1rem; }
          .tabCnts01 .tabCntsItem02 .tabCntsItemInner .tabCntsDetail {
            font-size: 1.3rem;
            letter-spacing: .15rem; }
      .tabCnts01 .tabCntsItem03 {
        margin-left: 0; }
        .tabCnts01 .tabCntsItem03 .tabCntsPict:after {
          width: 86px;
          height: 75px;
          background-image: url(/salva/images/omutu_icon01.svg);
          background-size: 86px 75px; }
      .tabCnts01 .tabCntsItem04 .tabCntsPict:after {
        width: 70px;
        height: 56px;
        background-image: url(/salva/images/omutu_icon02.svg);
        background-size: 70px 56px; }
      .tabCnts01 .tabCntsItem05 .tabCntsPict:after {
        width: 81px;
        height: 63px;
        background-image: url(/salva/images/omutu_icon03.svg);
        background-size: 81px 63px; }
      .tabCnts01 .tabCntsItem06 .tabCntsPict:after {
        width: 44px;
        height: 64px;
        background-image: url(/salva/images/omutu_icon04.svg);
        background-size: 44px 64px; }
  .tabCnts02 {
    display: none;
    border: 10px solid #00A0BD;
    background-color: #CCECF2;
    box-sizing: border-box; }
    .tabCnts02 .tabCntsPict {
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      letter-spacing: normal; }
      .tabCnts02 .tabCntsPict img {
        display: block;
        margin-left: auto;
        margin-right: auto; }
    .tabCnts02 .tabCntsUnit {
      font-size: 0; }
    .tabCnts02 .tabCntsItemInner {
      font-size: 0; }
    .tabCnts02 .tabCntsTxtBox {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      letter-spacing: normal; }
      .tabCnts02 .tabCntsTxtBox:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 6%;
        display: block;
        width: 10px;
        height: 17px;
        background: url(/salva/images/tab_iem_arrow.svg) 0 0 no-repeat;
        background-size: 10px 17px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
    .tabCnts02 .tabCntsHeading {
      margin-bottom: 5px;
      font-size: 2.1rem;
      letter-spacing: .06em; }
    .tabCnts02 .tabCntsDetail {
      margin-bottom: 0;
      font-size: 1.3rem; }
    .tabCnts02 .tabCntsItem {
      overflow: hidden; }
      .tabCnts02 .tabCntsItem01 {
        width: 33.6%;
        max-height: 220px;
        margin-bottom: 5px;
        border-radius: 5px 0 0 5px; }
        .tabCnts02 .tabCntsItem01 .tabCntsItemInner {
          padding-top: 18%;
          padding-bottom: 10%; }
        .tabCnts02 .tabCntsItem01 .tabCntsPict {
          width: 44%; }
          .tabCnts02 .tabCntsItem01 .tabCntsPict:before, .tabCnts02 .tabCntsItem01 .tabCntsPict:after {
            display: none; }
          @media (min-width: 768px) {
            .tabCnts02 .tabCntsItem01 .tabCntsPict img {
              width: 70.35108%; } }
          @media (min-width: 768px) and (max-width: 1069px) {
            .tabCnts02 .tabCntsItem01 .tabCntsPict img {
              width: 100%; } }
        .tabCnts02 .tabCntsItem01 .tabCntsTxtBox {
          width: 56%;
          padding-right: 10%;
          box-sizing: border-box; }
      .tabCnts02 .tabCntsItem02 {
        width: 32.4%;
        margin-bottom: 5px;
        border-radius: 0; }
        .tabCnts02 .tabCntsItem02 .tabCntsPict:before, .tabCnts02 .tabCntsItem02 .tabCntsPict:after {
          display: none; }
      .tabCnts02 .tabCntsItem03 {
        width: 34%;
        max-height: 220px;
        margin-bottom: 5px;
        border-radius: 0 5px 5px 0; }
        .tabCnts02 .tabCntsItem03 .tabCntsItemInner {
          padding-top: 18%;
          padding-bottom: 15%; }
        .tabCnts02 .tabCntsItem03 .tabCntsPict {
          width: 44%; }
          .tabCnts02 .tabCntsItem03 .tabCntsPict:before, .tabCnts02 .tabCntsItem03 .tabCntsPict:after {
            display: none; }
          @media (min-width: 768px) {
            .tabCnts02 .tabCntsItem03 .tabCntsPict img {
              width: 75.53981%; } }
          @media (min-width: 768px) and (max-width: 1069px) {
            .tabCnts02 .tabCntsItem03 .tabCntsPict img {
              width: 100%; } }
        .tabCnts02 .tabCntsItem03 .tabCntsTxtBox {
          width: 56%;
          padding-right: 10%;
          box-sizing: border-box; }
      .tabCnts02 .tabCntsItem04 {
        width: 49.7%; }
        .tabCnts02 .tabCntsItem04 .tabCntsItemInner {
          padding: 15px 0; }
        .tabCnts02 .tabCntsItem04 .tabCntsPict {
          width: 30%;
          margin: 0 6.5%;
          border-radius: 50%;
          overflow: hidden; }
          .tabCnts02 .tabCntsItem04 .tabCntsPict:after {
            width: 40px;
            height: 72px;
            background-image: url(/salva/images/pad_icon01.svg);
            background-size: 40px 72px; }
        .tabCnts02 .tabCntsItem04 .tabCntsTxtBox {
          width: 57%;
          padding-right: 9%;
          box-sizing: border-box; }
      .tabCnts02 .tabCntsItem05 {
        width: 49.7%;
        margin-left: .6%; }
        .tabCnts02 .tabCntsItem05 .tabCntsItemInner {
          padding: 15px 0; }
        .tabCnts02 .tabCntsItem05 .tabCntsPict {
          width: 30%;
          margin: 0 6.5%;
          border-radius: 50%;
          overflow: hidden; }
          .tabCnts02 .tabCntsItem05 .tabCntsPict:after {
            width: 98px;
            height: 54px;
            background-image: url(/salva/images/pad_icon02.svg);
            background-size: 98px 54px; }
        .tabCnts02 .tabCntsItem05 .tabCntsTxtBox {
          width: 57%;
          padding-right: 9%;
          box-sizing: border-box; }
  @media (max-width: 1070px) {
    .tabCnts {
      border: none !important; }
      .tabCnts .frontSecTitle {
        padding-bottom: 43%;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 96.8% auto;
        color: #fff;
        font-size: 2rem; }
      .tabCntsInner {
        width: 100%;
        padding: 10px 0 12px; }
        .tabCntsInner a {
          display: block; }
      .tabCntsUnit {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
      .tabCntsItem {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        width: 90%;
        padding: 10px 0; }
        .tabCntsItemInner {
          width: 100%; }
          .tabCntsItemInner a {
            width: 100%;
            font-size: 0; }
            .tabCntsItemInner a > * {
              display: inline-block;
              vertical-align: middle;
              letter-spacing: normal; }
      .tabCntsPict {
        width: 15% !important;
        margin: 0 3.5% 0 2.5% !important; }
        .tabCntsPict img.hiddenSP {
          display: none !important; }
        .tabCntsPict img.hiddenPC {
          display: block !important; }
      .tabCntsTxtBox {
        width: 78%;
        text-align: left;
        padding-right: 12%;
        box-sizing: border-box; }
        .tabCntsTxtBox br {
          display: none; }
      .tabCnts01 {
        background-color: #0071B9; }
        .tabCnts01 .frontSecTitle {
          background-image: url(/salva/images/sp_omutu_img01.png); }
        .tabCnts01 .tabCntsUnit {
          width: 94%;
          margin-left: auto;
          margin-right: auto;
          font-size: 0; }
        .tabCnts01 .tabCntsHeading {
          margin-bottom: 5px;
          font-size: 1.8rem; }
          .tabCnts01 .tabCntsHeading span {
            font-size: .8em; }
        .tabCnts01 .tabCntsDetail {
          margin-bottom: 0;
          font-size: 1.4rem; }
        .tabCnts01 .tabCntsTxtBox:after {
          width: 20px;
          height: 37px;
          background-size: 20px 37px; }
        .tabCnts01 .tabCntsItem {
          margin-left: 0; }
          .tabCnts01 .tabCntsItemInner {
            padding: 10px 0 12px; }
          .tabCnts01 .tabCntsItem01 {
            display: none; }
          .tabCnts01 .tabCntsItem02 {
            width: 100%;
            border-radius: 5px; }
            .tabCnts01 .tabCntsItem02 .tabCntsItemInner .tabCntsPict {
              width: 50% !important;
              margin: 0 !important; }
              .tabCnts01 .tabCntsItem02 .tabCntsItemInner .tabCntsPict img {
                width: 80%;
                margin: 0 auto; }
            .tabCnts01 .tabCntsItem02 .tabCntsItemInner .tabCntsTxtBox {
              width: 50%; }
              .tabCnts01 .tabCntsItem02 .tabCntsItemInner .tabCntsTxtBox:after {
                right: 5%; }
            .tabCnts01 .tabCntsItem02 .tabCntsItemInner .tabCntsHeading {
              margin-bottom: 5px;
              font-size: 2.3rem;
              letter-spacing: .023rem; }
            .tabCnts01 .tabCntsItem02 .tabCntsItemInner .tabCntsDetail {
              font-size: 1.3rem;
              letter-spacing: .15rem; }
          .tabCnts01 .tabCntsItem03 {
            width: 49.5%;
            margin-left: 0;
            margin-bottom: 4px; }
            .tabCnts01 .tabCntsItem03 .tabCntsPict:after {
              width: 26px;
              height: 22px;
              background-image: url(/salva/images/omutu_icon01.svg);
              background-size: 26px 22px; }
          .tabCnts01 .tabCntsItem04 {
            width: 49.5%;
            margin-left: 1%;
            margin-bottom: 4px; }
            .tabCnts01 .tabCntsItem04 .tabCntsPict:after {
              width: 21px;
              height: 17px;
              background-image: url(/salva/images/omutu_icon02.svg);
              background-size: 21px 17px; }
          .tabCnts01 .tabCntsItem05 {
            width: 49.5%; }
            .tabCnts01 .tabCntsItem05 .tabCntsPict:after {
              width: 24px;
              height: 19px;
              background-image: url(/salva/images/omutu_icon03.svg);
              background-size: 24px 19px; }
          .tabCnts01 .tabCntsItem06 {
            width: 49.5%;
            margin-left: 1%; }
            .tabCnts01 .tabCntsItem06 .tabCntsPict:after {
              width: 13px;
              height: 19px;
              background-image: url(/salva/images/omutu_icon04.svg);
              background-size: 13px 19px; }
      .tabCnts02 {
        background-color: #00a0bd; }
        .tabCnts02 .frontSecTitle {
          background-image: url(/salva/images/sp_pad_img02.png); }
        .tabCnts02 .tabCntsUnit {
          width: 94%;
          margin-left: auto;
          margin-right: auto;
          letter-spacing: -.4em; }
        .tabCnts02 .tabCntsHeading {
          margin-bottom: 5px;
          font-size: 1.8rem; }
          .tabCnts02 .tabCntsHeading span {
            font-size: .8em; }
        .tabCnts02 .tabCntsDetail {
          margin-bottom: 0;
          font-size: 1.4rem; }
        .tabCnts02 .tabCntsTxtBox {
          width: 78% !important;
          text-align: left; }
          .tabCnts02 .tabCntsTxtBox:after {
            width: 20px;
            height: 37px;
            background-size: 20px 37px; }
        .tabCnts02 .tabCntsItem {
          margin-left: 0; }
          .tabCnts02 .tabCntsItemInner {
            padding: 10px 0 12px; }
          .tabCnts02 .tabCntsItem01 {
            width: 49.5%;
            margin-left: 0;
            margin-bottom: 4px;
            border-radius: 5px; }
            .tabCnts02 .tabCntsItem01 .tabCntsItemInner {
              padding: 15px 0; }
          .tabCnts02 .tabCntsItem02 {
            display: none; }
          .tabCnts02 .tabCntsItem03 {
            width: 49.5%;
            margin-left: 1%;
            margin-bottom: 4px;
            border-radius: 5px; }
            .tabCnts02 .tabCntsItem03 .tabCntsItemInner {
              padding: 15px 0; }
          .tabCnts02 .tabCntsItem04 {
            width: 49.5%; }
            .tabCnts02 .tabCntsItem04 .tabCntsPict:after {
              width: 12.5px;
              height: 22px;
              background-size: 12.5px 22px; }
          .tabCnts02 .tabCntsItem05 {
            width: 49.5%;
            margin-left: 1%; }
            .tabCnts02 .tabCntsItem05 .tabCntsPict:after {
              width: 29px;
              height: 16px;
              background-size: 29px 16px; } }
  @media (max-width: 767px) {
    .tabCnts .frontSecTitle {
      font-size: 1rem; }
    .tabCntsItem {
      width: 100% !important;
      margin: 0 0 4px !important;
      padding: 0; }
    .tabCntsTxtBox:after {
      right: 15px !important;
      width: 10px !important;
      height: 16.5px !important;
      background-size: 10px 16.5px !important; }
    .tabCnts .tabCntsHeading {
      font-size: 1.4rem !important; }
    .tabCnts .tabCntsDetail {
      font-size: .95rem !important; } }

/* =========================================================
secBttomLink
========================================================= */
.secBttomLink .row {
  width: 94%;
  max-width: 1000px;
  padding: 77px 0; }
.secBttomLink .linkUnit {
  letter-spacing: -.4em;
  text-align: center; }
.secBttomLink .linkItem {
  display: inline-block;
  width: 200px;
  vertical-align: top;
  letter-spacing: normal; }
  .secBttomLink .linkItem.isComingSoon {
    position: relative; }
    .secBttomLink .linkItem.isComingSoon:before {
      content: '';
      position: absolute;
      top: -10px;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      padding: 10px 0;
      background-color: rgba(0, 0, 0, 0.4);
      border-radius: 10px;
      z-index: 9; }
    .secBttomLink .linkItem.isComingSoon:after {
      content: '近日公開';
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: 2.3rem;
      color: #fff;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 10; }
  .secBttomLink .linkItem:first-child {
    pointer-events: none;
    margin-right: 60px; }
    .secBttomLink .linkItem:first-child .linkItemTxtBox:after {
      display: none; }
    .secBttomLink .linkItem:first-child .linkItemHeading {
      padding: 0; }
      .secBttomLink .linkItem:first-child .linkItemHeading span {
        display: block;
        font-size: 75%; }
  .secBttomLink .linkItem a {
    display: block; }
    .secBttomLink .linkItem a:hover .linkItemPict:before {
      opacity: 0; }
  .secBttomLink .linkItemPict {
    position: relative;
    display: inline-block;
    margin: 0 0 20px;
    vertical-align: middle;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1; }
    .secBttomLink .linkItemPict img {
      vertical-align: top; }
    .secBttomLink .linkItemPict:before {
      z-index: 1;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.2);
      -webkit-transition: .8s;
      transition: .8s;
      opacity: 1; }
    .secBttomLink .linkItemPict:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      background-position: 0 0;
      background-repeat: no-repeat;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 2; }
  .secBttomLink .linkItemTxtBox {
    position: relative; }
    .secBttomLink .linkItemTxtBox:after {
      content: "";
      position: absolute;
      top: 50%;
      right: 3%;
      display: block;
      width: 10px;
      height: 17px;
      background: url(/salva/images/tab_iem_arrow.svg) 0 0 no-repeat;
      background-size: 10px 17px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .secBttomLink .linkItemHeading {
    margin-bottom: 0;
    padding-right: 21px;
    font-size: 2.1rem;
    letter-spacing: .06em; }
  .secBttomLink .linkItem01 .linkItemPict:after {
    width: 66px;
    height: 46px;
    background-image: url(/salva/images/cm_icon.svg);
    background-size: 66px 46px; }
  .secBttomLink .linkItem02 .linkItemPict:after {
    width: 54px;
    height: 50px;
    background-image: url(/salva/images/kodawaru_icon.svg);
    background-size: 54px 50px; }
@media (max-width: 767px) {
  .secBttomLink {
    background-color: #f2f2f2; }
    .secBttomLink .row {
      padding: 15px 0; }
    .secBttomLink .linkItem {
      width: 100%;
      margin-bottom: 2px;
      border-radius: 5px;
      background-color: #fff; }
      .secBttomLink .linkItem.isComingSoon:before {
        top: 0;
        left: 0;
        padding: 0;
        border-radius: 5px; }
      .secBttomLink .linkItem:first-child {
        margin-right: 0; }
        .secBttomLink .linkItem:first-child .linkItemHeading span {
          display: inline-block;
          padding-left: 3px; }
      .secBttomLink .linkItem a {
        letter-spacing: -.4em; }
      .secBttomLink .linkItemInner {
        padding: 10px 0 12px; }
      .secBttomLink .linkItemPict {
        width: 15% !important;
        margin: 0 3.5% 0 2.5% !important;
        letter-spacing: normal; }
      .secBttomLink .linkItemTxtBox {
        display: inline-block;
        width: 78%;
        vertical-align: middle;
        text-align: left;
        padding-right: 12%;
        box-sizing: border-box;
        letter-spacing: normal; }
        .secBttomLink .linkItemTxtBox:after {
          right: 6%; }
      .secBttomLink .linkItemHeading {
        padding-right: 0;
        font-size: 1.4rem; }
      .secBttomLink .linkItem01 .linkItemPict:after {
        width: 20px;
        height: 14px;
        background-size: 20px 14px; }
      .secBttomLink .linkItem02 .linkItemPict:after {
        width: 17px;
        height: 10px;
        background-size: 17px 10px; } }

/*# sourceMappingURL=contents.css.map */