@charset "UTF-8";
/*!===========================
このcssはSassから生成されていますので、
直接編集しないようご注意ください。
===========================*/
@media (max-width: 767px) {
  html {
    font-size: 31.25%; }

  /* class
  ============================== */
  .pc {
    display: none; }

  .sp {
    display: block; }

  img.sp,
  span.sp {
    display: inline; }

  table.sp {
    display: table; }

  .alignleft,
  .alignright {
    float: none;
    max-width: 100% !important;
    margin-bottom: 0; }

  .alignleft {
    margin-right: 0; }

  .alignright {
    margin-left: 0; }

  .col:not(table) {
    display: block; }
    .col:not(table) > * {
      width: auto !important;
      margin-left: 0 !important; }
      .col:not(table) > *:nth-child(n+2) {
        margin-top: 2rem !important; }
    .col:not(table) > table {
      width: 100% !important; }

  .btn, .btn02, .form [type="button"],
  .form [type="submit"],
  .form [type="reset"] {
    font-size: 2.8rem; }

  .scroll {
    overflow-x: auto; }
    .scroll::-webkit-scrollbar {
      height: 5px; }
    .scroll::-webkit-scrollbar-track, .scroll::-webkit-scrollbar-thumb {
      border-radius: 5px; }
    .scroll::-webkit-scrollbar-track {
      background: #CCCCCC; }
    .scroll::-webkit-scrollbar-thumb {
      background: #666666; }
    .scroll table {
      white-space: nowrap; }

  /* form
  ============================== */
  .form [type="text"],
  .form [type="number"],
  .form [type="search"],
  .form [type="email"],
  .form [type="tel"],
  .form [type="url"],
  .form [type="password"],
  .form [type="date"],
  .form [type="datetime-local"],
  .form [type="month"],
  .form [type="week"],
  .form [type="time"],
  .form textarea,
  .form select {
    font-size: 1.6rem; }

  .form .form-table {
    display: block; }
    .form .form-table > dt,
    .form .form-table > dd {
      width: auto;
      padding-left: 0;
      padding-right: 0; }
    .form .form-table > dt {
      font-weight: bold; }
    .form .form-table > dd {
      padding-top: 0;
      border: 0; }

  main{
    margin-top: 15px;
  }

  /* ==================================================
  header
  ================================================== */
  header {
    padding: 6px 0; }

  #hlogo {
    width: 180px;
    margin-left: 25px; 
  }

  #gnav {
    font-size: 4rem; }

  .drawer-hamburger {
    width: 20px;
    margin-top: 23px; }

  .drawer-hamburger-icon {
    margin: 7px 0;
    background: #000; }
    .drawer-hamburger-icon::before {
      top: -7px;
      background: #000; }
    .drawer-hamburger-icon::after {
      top: 7px; 
      background: #000;
    }

  /* ==================================================
  main
  ================================================== */
  /* top
  ============================== */
  .top-info {
    font-size: 3.5rem; }
    .top-info a {
      padding: 1.0em 15px !important; }

  /*#top-kv {
  	height: calc(1600 / 1920 * 100vw);
  }*/
  /*#top-kv {
    padding: 140% 0 0;
    background: url("../img/top-kv-txt02-sp.jpg") top center / cover no-repeat;
  }*/
  #top-kv {
    padding: 155% 0 0;
    background: url(../img/top-kv-txt03-sp.jpg) top center / cover no-repeat;
    height: 230vw; }
    #top-kv .top-btn {
      width: 85%;
      left: calc(50% - 42.5%);
      bottom: 21.5%; }
      #top-kv .txt {
        font-size: 1.2em;
      }
      #top-kv ul{
        display: flex;
        text-align: center;
        margin-bottom: -3.2em;
        width: 100%;
        align-items: center; 
      }
      #top-kv .pc{
        display: none!important;
      }
      
      #top-kv ul li:nth-child(1) {
        padding: 1em;
      }
      #top-kv ul li:nth-child(2) {
        padding: 2em 0;
      }
      #top-kv ul li:nth-child(3) {
        padding: 1em;
      }
      #top-kv ul li:nth-child(4) {
        padding: 2em;
      }
      #top-kv ul li:nth-child(6) {
        margin-top: -1em;
      }

      #top-kv .i{
        margin: auto 23rem;
      }
      
      #top-kv .i li:nth-child(1) {
        width: 40%;
        padding: 0;
      }
      #top-kv .i li:nth-child(2) {
        width: 25%;
      }

  /*#top-kv02 {
  	text-shadow: 0 0 .5em #000;
  	> div > * {
  		padding-right: 0;
  	}
  }*/
  #top-kv-merit {
    background: url("../img/top-kv-merit-sp.png") top center/cover no-repeat;
  }
  #top-kv02 {
    /*padding: 95% 0 0;
    background: #000 url("../img/top-kv02-bg02-sp.jpg") top center / cover no-repeat;*/
    padding: 125% 0 0;
    background: #050F08 url("../img/top-kv02-bg03-sp.jpg") top center/contain no-repeat; }

  #content .top-pr .pr-wrap .bg02 {
    top: 14.5%; }
  #content .top-pr .format img {
    margin-top: -161vw;
    width: 48vw; }

  #content [id^="top-sec02"] h2 {
    height: calc(796 / 1920 * 100vw * 1.8); }

  #top-sec04 .box .txt02::before, #top-sec04 .box .txt02::after, #content #top-sec02-02 .box .txt02::before, #content #top-sec02-02 .box .txt02::after {
    width: 5em;
    height: 5em;
    transform: rotate(45deg) skew(30deg, 30deg); }

  #content #top-sec02-03 h2 {
    height: calc(812 / 1920 * 100vw * 1.8); }

  #content #top-sec02-03-01 ul {
    max-width: 290px; }
    #content #top-sec02-03-01 ul li {
      display: block; }
      #content #top-sec02-03-01 ul li > * {
        width: auto !important; }
      #content #top-sec02-03-01 ul li > div {
        margin-top: 2rem; }
      #content #top-sec02-03-01 ul li.bg {
        min-height: 300px; }
        #content #top-sec02-03-01 ul li.bg::after {
          left: 50px;
          width: 320px;
          height: 200px; }

  #content #top-sec02-03-02 ul {
    display: block;
    max-width: 290px; }
    #content #top-sec02-03-02 ul li {
      width: auto !important;
      margin: 4rem 0 0 !important; }
      #content #top-sec02-03-02 ul li p:first-of-type {
        margin: 2rem 0 !important; }
      #content #top-sec02-03-02 ul li:first-child {
        margin-top: 0 !important; }
      #content #top-sec02-03-02 ul li:last-child {
        display: block; }
        #content #top-sec02-03-02 ul li:last-child > * {
          width: auto !important; }

  #content #top-sec02-04 h2 {
    height: 129vw;
    background-image: url("../img/top-sec02-04-ttl01_sp.jpg");
  }
  #content #top-sec02-04 p {
    margin-top: -9rem;
    width: 44%;
  }
  #content #top-sec02-04-01 {
    text-shadow: 0 0 .5em #293A3B; }

  #content #top-sec02-04-02 {
    height: 110rem;
    text-shadow: 0 0 .5em #DFDDDC; }

  #top-sec03 {
    background: url("../img/price_sp.png") center bottom no-repeat;
    background-size: cover; }
    #top-sec03 h3 {
      font-size: 3.6rem; }
    #top-sec03 .table img {
      width: 600px;
      max-width: none !important; }
    #top-sec03 div.no02 {
      padding: 4rem 2rem; }
      #top-sec03>p.ttl {
        width: calc(100% + 30px);
        max-width: unset;
        margin: -1px auto 5vw -15px;
        height: 327vw;
      }

  #top-sec05 {
    padding-top: 6rem; 
    background-color: #f1e7d4;
    background: ;

  }
    #top-sec05 h2 {
      margin-bottom: 6rem; }

  #top-access {
    background: none; }
    #top-access .add::after {
      content: "";
      display: block;
      height: calc(479 / 719 * 100vw);
      background: url("../img/top-access-bg01.jpg") center/100% no-repeat; }
    #top-access .gmap {
      margin-top: 4rem; }

  #content .top-pr-anniv .wrap1 .btn-wrap {
    position: absolute;
    left: 9%;
    bottom: 10.5%;
    width: 82%; }
  #content .top-pr-anniv .wrap1 .btn-wrap1 {
    position: absolute;
    right: 9%;
    bottom: 7.8%;
    width: 82%; }

  #fnav1 li {
    width: 28%;
    max-width: inherit; }

  .btn-taiken {
    padding: .8em 0rem 18rem .8em; } }

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