@charset "UTF-8";
/*
  feature.scss（2025-10修正版②）
  HTML構造に合わせて .newfeaturetxt1 のセレクタを修正
*/
#newfeature {
  margin: 40px auto;
  text-align: center;
  line-height: 1.8;
  /* タイトル */
  /* 画像ブロック共通 */
  /* ---- 1枚目右側 楕円UP ---- */
  /* ---- 1枚目の下テキスト（矢印付き） ---- */
  /* ---- 2枚目右側テキスト ---- */
  /* ---- サマリー・下部説明 ---- */
  /* 改行制御 */
  /* ===============================
     スマホ調整
  =============================== */ }
  #newfeature h4.mainTit {
    font-size: 36px;
    color: #000;
    font-weight: bold;
    margin-bottom: 40px; }
    #newfeature h4.mainTit .popred {
      background: #d80000;
      color: #fff;
      border-radius: 50%;
      padding: 10px 30px;
      margin-right: 10px;
      display: inline-block; }
  #newfeature .newfeatureimg {
    width: 535px;
    max-width: 80%;
    margin: 40px auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px; }
    #newfeature .newfeatureimg img {
      width: 100%;
      height: auto;
      border-radius: 6px;
      display: block; }
    #newfeature .newfeatureimg:first-of-type {
      align-items: center; }
    #newfeature .newfeatureimg:nth-of-type(2) {
      align-items: center; }
  #newfeature .popred2 {
    color: #fff;
    background: #d80000;
    border-radius: 50%;
    padding: 25px 40px;
    font-weight: bold;
    line-height: 1.3;
    font-size: 30px;
    text-align: center;
    flex-shrink: 0;
    position: absolute;
    right: -230px;
    top: 50%;
    transform: translateY(-50%); }
    #newfeature .popred2 span {
      font-size: 22px; }
  #newfeature .newfeaturetxt1 {
    margin: 20px auto 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 26px; }
    #newfeature .newfeaturetxt1 span {
      color: #d80000; }
    #newfeature .newfeaturetxt1::after {
      content: "";
      display: inline-block;
      width: 50px;
      height: 50px;
      margin-left: 12px;
      background: url("/_common/img/aivast/feature/ico_21.png") no-repeat center/contain;
      transform: rotate(90deg); }
  #newfeature .newfeaturetxt2 {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.7;
    text-align: left;
    flex-shrink: 0;
    width: 50%; }
    #newfeature .newfeaturetxt2 span {
      color: #d80000;
      text-decoration: underline;
      text-underline-offset: 4px; }
  #newfeature .summary {
    margin: 0 auto;
    text-align: left; }
    #newfeature .summary p {
      font-weight: bold;
      font-size: 26px;
      margin-top: 20px; }
    #newfeature .summary h4 {
      font-weight: bold;
      font-size: 28px;
      margin: 16px 0 40px;
      color: #ff0000;
      text-align: left;
      line-height: 1.5; }
    #newfeature .summary h5 {
      font-weight: bold;
      font-size: 36px;
      margin-top: 30px;
      text-align: left; }
      #newfeature .summary h5 .popred {
        background: #d80000;
        color: #fff;
        border-radius: 50%;
        padding: 10px 30px;
        margin-right: 10px;
        display: inline-block; }
    #newfeature .summary p.claim {
      font-size: 23px;
      margin-top: 20px;
      line-height: 1.9;
      font-weight: normal; }
  #newfeature br.pc {
    display: inline; }
  #newfeature br.sp {
    display: none; }
  @media (max-width: 811px) {
    #newfeature {
      /* 楕円UP部分：画像下に移動 */
      /* テキスト+矢印部：中央にまとめて上下間隔調整 */
      /* 2枚目右側テキスト→下部中央へ */
      /* 改行切替 */
      /* 下部まとめ調整 */ }
      #newfeature h4.mainTit {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: -20px; }
        #newfeature h4.mainTit .popred {
          font-size: 16px;
          padding: 8px 18px; }
      #newfeature .newfeatureimg {
        flex-direction: column;
        width: 90%;
        max-width: 100%;
        margin: 30px auto; }
        #newfeature .newfeatureimg img {
          width: 100%; }
      #newfeature .popred2 {
        position: static;
        margin-top: -10px;
        font-size: 22px;
        padding: 16px 28px;
        display: inline-block; }
        #newfeature .popred2 span {
          font-size: 18px; }
      #newfeature .newfeaturetxt1 {
        margin: -30px auto -10px;
        flex-direction: column;
        font-size: 20px;
        line-height: 1.5; }
        #newfeature .newfeaturetxt1::after {
          margin: 10px auto 0;
          width: 40px;
          height: 40px; }
      #newfeature .newfeaturetxt2 {
        width: 100%;
        text-align: center;
        font-size: 18px;
        line-height: 1.6;
        margin-top: 10px; }
      #newfeature br.pc {
        display: none; }
      #newfeature br.sp {
        display: inline; }
      #newfeature .summary {
        text-align: center;
        margin-top: 30px; }
        #newfeature .summary p {
          font-size: 16px; }
          #newfeature .summary p.claim {
            font-size: 15px;
            line-height: 1.7;
            text-align: left; }
        #newfeature .summary h4 {
          font-size: 18px;
          margin-bottom: 24px; }
        #newfeature .summary h5 {
          font-size: 22px;
          line-height: 1.4;
          margin: 20px 0; }
          #newfeature .summary h5 .popred {
            font-size: 16px;
            padding: 8px 18px; } }