@charset "UTF-8";

/** 
 * 新しいタイプのLP
 */
:where(.st-Section) img.new {
  width: auto;
  margin-right: 10px;
}
.sfs-Hero_Title span {
  font-weight: 400;
  margin-bottom: 10px;
}
.sfs-Hero_Title span.modelName {
  --em: 20;
  font-weight: 700;
}
.sfs-Hero_Text {
    margin-block: calc(15em / var(--em)) calc(-1.5em / var(--em));
}
.sfs-Hero_Patent {
  inline-size: calc(210em / var(--em));
  display: flex;
  gap: 10px;
}
@media (max-width: 47.5em) {
  .sfs-Hero_Img {
      grid-area: 1 / 1 / 6 / 1;
  }
  .sfs-Hero {
      grid-template-rows: repeat(4, auto) 1fr;
  }

  .sfs-Hero_Title {
    padding: 0 10px;
  }
  .sfs-Hero_Text {
    padding: 0 10px;
  }
  .sfs-Hero_Patent {
    padding: 0 10px;
  }

}


/** 
 * 古いタイプのLP
 */
 #key-area {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #1679CE;
}

#key-area > div h1 {
  font-size: 28px;
  font-weight: 700;
  line-height:40px;
  margin-bottom: 30px;
}
#key-area > div img {
  width: 100%;
  margin: 0;
}
#key-area > div h1 span {
  display: inline;
}
#key-area > div h1 .barlow-font,
#key-area > div h1 span {
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

  
#key-area > div h1 span img {
  width: 49px;
  margin-right: 10px;
}
#key-area > div p:last-of-type {
  width: auto;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}
#key-area > div h1 + p .kome {
  margin: 0;
  line-height: 1;
  font-size: 12px;
  font-weight: normal;
  display: block;
}
#key-area > div ul {
  margin-top: 20px;
  position: relative;
  width: auto;
  top: initial;
  right: auto;
}
#key-area > div ul li {
  width: 100px;
}
/* =タブレット(1023px以下)
-------------------------------------------------------------*/
@media screen and (max-width: 1023px) {

}
/* =スマホ(900px以下)
-------------------------------------------------------------*/
@media screen and (max-width: 900px) {
  #key-area > div:last-of-type {
    width: 100%;
    padding: 0;
    top: 50px;
  }
  #key-area > div h1 {
     margin: 0 30px;
    margin-bottom: 30px;
  }
  
  #key-area > div h1 span img {
    width: 49px;
    margin-right: 10px;
  }
  #key-area > div p:last-of-type {
    margin: 0 30px;
  }
  #key-area > div ul {
    margin: 0 30px;
    margin-top: 20px;
  }
  #key-area > div ul li {
    width: 90px;
  }
}
/* スマホここまで *//*# sourceMappingURL=70th_replace.css.map */