/* Import common styles from index.css */
@import url('../index.css');


.about-idea{

  /* 共通スタイルを上書き */
  .common-container.display-pc-only {
    display: block;

    .title-h3 {
      margin-top: 0;
    }
    
  }

  .common-container.display-sp-only {
    display: none;
  }

  /* スマホのみのスタイル */
  @media screen and (max-width: 819px) {
    .common-container.display-pc-only {
      display: none;
    }

    
    .common-container.display-sp-only {
      display: block;

      .title-h3 {
        padding: 8px 0 3vw 8px;
        font-size: clamp(15px, 1.6vw, 30px);
      }

      .common-tab-panels {
        [role="tab"] {
          line-height: 1.2;
          padding: 2.5vw;
          border-radius: 5vmax;
        }
      }
    }
  }
}

/* 固有のスタイルを記載 */