@charset "UTF-8";

a {
  text-decoration-line: none;
}

/* SP版の設定は以下 */
@media(max-width:750px){
  #lp_contents_pc {
      display: none !important;
  }
  #lp_contents_sp {
      max-width: 750px;
      margin: auto;
      font-size: min(62.5%, 1.33vw);
      font-family: "游ゴシック体 Pr6N", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, "Noto Sans JP", sans-serif;
      margin-bottom: -6em;
  }
  #lp_contents_sp img,
  #lp_contents_sp video {
      display: block;
      max-width: 100%;
      width: 100%;
      height: auto;
  }
  #lp_contents_sp .header {
    position: relative;
  }
  
  /* CTAの設定 */
  #lp_contents_sp .cta-01 {
      position: relative;
  }
  #lp_contents_sp .btn {
      position: absolute;
      width: 67em;
      left: 0;
      right: 0;
      margin: auto;
      transition: 0.2s;
      bottom: 6em;
  }
  #lp_contents_sp .cta-btn2 {
      bottom: 6em;
  }
  #lp_contents_sp .btn:hover {
      box-shadow: 0 0 1.2em #7a7777;
  }
  #lp_contents_sp .btn img {
      width: 100%;
  }
}

/* PC版の設定は以下 */
@media(min-width:751px){
  #lp_contents_sp {
    display: none !important;
  }
  #lp_contents_pc {
    max-width: 2000px;
    margin: auto;
    font-size: min(62.5%, 1.33vw);
    font-family: "游ゴシック体 Pr6N", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, "Noto Sans JP", sans-serif;
    margin-bottom: -6em;
  }
  #lp_contents_pc img,
  #lp_contents_pc video {
      display: block;
      max-width: 100%;
      width: 100%;
      height: auto;
  }
  #lp_contents_pc  .header {
    height: 7em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    max-width: 880px;
    padding: 0 1rem;
  }
  #lp_contents_pc .header_logo {
    height: 3.5em;
    width: 29.5em;
  }
  #lp_contents_pc .fv {
    width: 100%;
    height: 1028px;
    background: url(../images/01_fv_pc.png) no-repeat center center;
    background-size:  cover;  
  }
  #lp_contents_pc .nayami {
    width: 100%;
    height: 951px;
    background: url(../images/02_nayami_pc.png) no-repeat center center;
    background-size:  cover;  
  }
  #lp_contents_pc .cause1 {
    width: 100%;
    height: 378px;
    background: url(../images/03_cause1_pc.png) no-repeat center center;
    background-size:  cover;  
  }
  #lp_contents_pc .cause2 {
    width: 100%;
    height: 909px;
    background: url(../images/03_cause2_pc.png) no-repeat center center;
    background-size:  cover;  
  }
  #lp_contents_pc .fact {
    width: 100%;
    height: 1669px;
    background: url(../images/04_fact_pc.png) no-repeat center center;
    background-size:  cover;  
  }
  #lp_contents_pc .product1 {
    width: 100%;
    height: 1131px;
    background: url(../images/05_product1_pc.png) no-repeat center center;
    background-size:  cover;  
  }
  #lp_contents_pc .product2 {
    width: 100%;
    height: 1071px;
    background: url(../images/06_product2_pc.png) no-repeat center center;
    background-size:  cover;  
  }
  #lp_contents_pc .solution1 {
    width: 100%;
    height: 383px;
    background: url(../images/08_solution2_pc.png) no-repeat center center;
    background-size:  cover;  
  }
  #lp_contents_pc .solution2 {
    width: 100%;
    height: 242px;
    background: url(../images/08_solution2_2pc.png) no-repeat center center;
    background-size:  cover;  
  }
  #lp_contents_pc .solution3 {
    width: 100%;
    height: 463px;
    background: url(../images/08_solution2_3pc.png) no-repeat center center;
    background-size:  cover;  
  }

  /* CTAの設定 */
  #lp_contents_pc .cta-01 {
    width: 100%;
    height: 425px;
    background: url(../images/10_buy_pc.png) no-repeat center center;
    padding-top: 12rem;
  }
  #lp_contents_pc .btn {
    width: 67em;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.2s;
    bottom: 6em;
  }
  #lp_contents_pc .btn:hover {
    box-shadow: 0 0 1.2em #7a7777;
  }
  #lp_contents_pc .btn img {
    width: 100%;
  }

  /* ここまで */
  #lp_contents_pc .QandA {
    width: 100%;
    height: 1553px;
    background: url(../images/13_QA_pc.png) no-repeat center center;
    background-size:  cover;  
  }
}