#home #hero {
  position: relative;
  height: 720px;
  overflow: hidden; }
  #home #hero #hero-kv-txt {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: flex;
    height: 153px;
    justify-content: center;
    align-items: center;
    z-index: 2;
    margin-top: -76px; }
    #home #hero #hero-kv-txt h2 {
      margin: 0 auto;
      width: 180px; }
  #home #hero #hero-slider {
    position: relative;
    z-index: 1;
    height: 100%; }
    #home #hero #hero-slider .slick-list .slick-track .slick-slide img {
      width: 100%; }
    #home #hero #hero-slider .slick-dots {
      bottom: 180px;
      z-index: 2; }
      #home #hero #hero-slider .slick-dots li {
        width: 10px;
        height: 10px; }
        #home #hero #hero-slider .slick-dots li button {
          background-color: #fff;
          width: 10px;
          height: 10px; }
          #home #hero #hero-slider .slick-dots li button:before {
            opacity: 0; }
        #home #hero #hero-slider .slick-dots li.slick-active button {
          background-color: #DAA520; }

#home #home-about {
  padding: 35px 0 26px 0; }

#home #home-nav {
  width: 960px;
  margin: 0 auto 60px auto; }
  #home #home-nav nav ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    #home #home-nav nav ul li {
      display: block;
      width: 470px;
      margin-bottom: 20px; }
      #home #home-nav nav ul li a {
        display: block;
        background-color: #fff; }
        #home #home-nav nav ul li a:hover img {
          opacity: 0.7; }
        #home #home-nav nav ul li a img {
          transition: all .3s linear;
          width: 100%; }
      #home #home-nav nav ul li:last-child {
        margin-bottom: 0; }

#home #home-shop {
  display: none;
  width: 960px;
  margin: 0 auto 60px auto; }
  #home #home-shop p {
    margin: 0; }
    #home #home-shop p a {
      display: block;
      backface-visibility: hidden; }
      #home #home-shop p a:hover img {
        opacity: 0.7; }
      #home #home-shop p a img {
        transition: all .3s linear; }

#home #home-access-map {
  width: 960px;
  margin: 0 auto 60px auto; }
  #home #home-access-map h3 {
    display: none; }
  #home #home-access-map .map-address {
    overflow: hidden; }
    #home #home-access-map .map-address .map-wrap {
      width: 400px;
      float: right; }
    #home #home-access-map .map-address .address-wrap {
      width: 480px;
      float: left; }
      #home #home-access-map .map-address .address-wrap p {
        font-size: 1.6rem;
        line-height: 1.6;
        margin-bottom: 16px; }
        #home #home-access-map .map-address .address-wrap p:last-of-type {
          margin-bottom: 0; }
      #home #home-access-map .map-address .address-wrap .btn-wrap {
        overflow: hidden; }

@media only screen and (max-width: 780px) {
  .contents #home #hero {
    position: relative;
    height: auto; }
    .contents #home #hero #hero-kv-txt h2 {
      width: 50%; }
      .contents #home #hero #hero-kv-txt h2 img {
        width: 100%; }
    .contents #home #hero #hero-slider {
      position: relative;
      z-index: 1;
      height: auto; }
      .contents #home #hero #hero-slider .slick-list {
        bottom: auto; }
        .contents #home #hero #hero-slider .slick-list .slick-track .slick-slide {
          height: 80vh; }
          .contents #home #hero #hero-slider .slick-list .slick-track .slick-slide img {
            width: auto;
            height: 100%;
            object-fit: cover; }
      .contents #home #hero #hero-slider .slick-dots {
        bottom: 130px; }
  .contents #home #home-about {
    padding: 35px 0 26px 0; }
  .contents #home #home-nav {
    width: auto;
    margin-bottom: 51px; }
    .contents #home #home-nav nav {
      display: block; }
      .contents #home #home-nav nav ul li {
        display: block;
        width: auto;
        margin-bottom: 42px; }
        .contents #home #home-nav nav ul li a {
          display: block; }
          .contents #home #home-nav nav ul li a img {
            width: 100%; }
        .contents #home #home-nav nav ul li:last-child {
          margin-bottom: 0; }
  .contents #home #home-shop {
    width: 86.666666%;
    margin: 0 auto 90px auto; }
    .contents #home #home-shop p {
      margin: 0; }
      .contents #home #home-shop p a {
        display: block;
        backface-visibility: hidden; }
        .contents #home #home-shop p a:hover img {
          opacity: 0.7; }
        .contents #home #home-shop p a img {
          transition: all .3s linear; }
  .contents #home #home-access-map {
    width: auto;
    padding: 0 16px;
    margin-bottom: 30px; }
    .contents #home #home-access-map h3 {
      font-size: 2.0rem;
      margin-bottom: 20px;
      text-align: center;
      letter-spacing: 0.3em; }
    .contents #home #home-access-map .map-address {
      overflow: visible; }
      .contents #home #home-access-map .map-address .map-wrap {
        width: auto;
        float: none;
        margin-bottom: 20px; }
      .contents #home #home-access-map .map-address .address-wrap {
        width: auto;
        float: none; }
        .contents #home #home-access-map .map-address .address-wrap p {
          font-size: 1.0rem;
          line-height: 1.6;
          margin-bottom: 23px; } }
