@charset "utf-8";

@media print, screen and (min-width: 580px) {
  /* --------------------------------
PC Only Styles
-------------------------------- */

  /*	Common class
============================================== */

  .pc_only {
    display: block !important;
  }
  img.pc_only {
    display: inline-block !important;
  }
  .sp_only {
    display: none !important;
  }
  .sp_only_inline {
    display: none !important;
  }
  .pc_only_inline {
    display: inline !important;
  }
  .sp_only_inline {
    display: none !important;
  }
  .br_pc_only {
    display: block !important;
  }
  .br_sp_only {
    display: inline !important;
  }

  /*	All
============================================== */
  .site-inner {
    padding-left: 16px;
    padding-right: 16px;
    max-width: 1012px;
  }

  /*	#header
============================================== */
  #header .header-inner {
    width: 100%;
  }

  /*	#footer
============================================== */
  #footer-wrapper {
    text-align: center;
    padding-top: 50px;
  }
  #footer-wrapper.hide {
    display: block !important;
  }
  #footer .footer-content-1 {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  /*	#main
============================================== */
  #nav-wrapper {
    padding-top: 40px;
    overflow: hidden;
  }
  #nav-wrapper.hide {
    display: block !important;
  }
  #nav-box {
    position: fixed;
    top: 116px;
    width: calc(30.99999vw - 20px);
    max-width: 294px;
    z-index: 10000;
    display: block;
    height: calc(100% - 106px);
    overflow-x: hidden;
  }
  #nav-inner {
    height: 100%;
    width: 30.99999vw;
    padding-right: 20px;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-y: scroll;
    transform: translateZ(0);
  }
  #nav-iframe {
    max-width: 294px;
  }
  #home #main {
    padding-top: 40px;
    width: 1020px;
    min-height: 500px;
    max-width: none;
    float: none;
  }
  #main {
    padding-top: 10px;
    width: calc(66.577vw - 20px);
    max-width: 653.75px;
    min-height: 500px;
    float: right;
  }
  #main.hide {
    display: block !important;
  }
  .carousel-slider .slick-slide {
    padding: 0 10px 10px;
  }
  .pc-screen-1 .image {
    float: left;
    width: 50%;
  }
  .pc-screen-2 .image {
    float: left;
    padding-left: 22px;
  }
  .pc-screen-2 .desc {
    float: right;
    padding-left: 22px;
  }
  .smp-screen-1 .image {
    float: left;
    width: 33.33333333%;
  }

  /*	Top
============================================== */
  body.top #main h2.title {
    width: 75%;
    text-align: left;
    padding-left: 16px;
    padding-right: 16px;
  }
  body.top #main p.desc {
    width: 91.66666667%;
    padding-left: 22px;
    padding-right: 16px;
  }
}