@media (min-width: 1536px) {
    .newhero {
        height: 905px;
    }
}
@media (max-width: 1535px) {
    .newhero {
        height: 655px;
    }
    .about {
        height: 730px;
    }
}
@media (max-width: 1279px) {
    .newhero {
        height: 623px;
    }
    .about {
        height: 600px;
    }
}
@media (max-width: 1023px) {
    .newhero {
        height: 483px;
    }
    .about {
        height: 490px;
    }
}
@media (max-width: 480px) {

    .header .logo {
        transform: SCALE(0.5);
        margin-left: -30px;
    }

    .products,
    .our-growth-section,
    .contentblog,
    .sites,
    .company-info,
    .contact {
        padding: var(--space-xl) 0;
    }
    .pickup {
        padding-bottom: 20px;
    }
    .section-icon.gloriosa,
    .section-icon.pickupicon,
    .section-icon.contenticon {
        width: 50px;
        height: 51px;
    }
    .newhero {
        height: 333px;
        padding-top: 93px;
    }
    .about-content {
        grid-template-columns: 1fr;
        gap: var(--space-xxl);
    }
/* =================
   ファーストビュー（hero-visualとhero-textの重なり）
================= */
    .newhero {
        height: 550px;
        background-image: url('../images/main/fv_sp.png');
        margin-top: 22%;
    }
    .img-newhero-fore {
        display: none;
    }
    .aboutImg {
        display: none;
    }
    
    .container.img-newhero {
        display: none;
    }
    .img-newhero-fore-mobile {
        display: block;
        position: absolute;
        object-fit: cover;
        background-size: cover;
        background-position: center;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
    }
/* =================
   次の灯とは（ロゴ画像対応）
================= */
    .about {
        height: 560px;
        width: 100%;
        background-image: url('../images/main/tsuginohi_sp_0801.png');
    }
    
/*  .img-about-fore {
        left: 50%;
    }
    .img-about-tree-fore {
        display: none;
    }*/
/* =================
   数字で見る次の灯（1列グリッドレイアウト）
================= */
    .numbers {
        height: auto;
        background-position: unset;
        background-repeat: repeat-y;
    }
    .section-title.numbers_title {
        font-size: 25px;
    }
    .section-subtitle.numbers_subtitle {
        font-size: 15px;
    }
    .numbers-grid {
        grid-template-columns: 1fr;
    }
/* =================
   プロダクト・サービス（白背景タグ）
================= */
    .section-title.products_title {
        font-size: 25px;
    }
    .section-subtitle.products_subtitle {
        font-size: 15px;
    }
    .img-products-fore {
        display: none;
    }
/* =================
   NEW 会社実績グラフ（棒グラフ）
================= */
    .section-title.ourgrowth_title {
        font-size: 25px;
    }
    .section-subtitle.ourgrowth_subtitle {
        font-size: 15px;
    }
/* =================
   PickUP *CONTENT・運営サイトの一部も含む
================= */
    .section-title.pickup-title {
        font-size: 25px;
    }
    .section-subtitle.pickup_subtitle,
    .section-subtitle.content_subtitle,
    .section-subtitle.sites_subtitle {
        display: none;
    }
    .section-subtitle.mobile_pickup_subtitle,
    .section-subtitle.mobile_content_subtitle,
    .section-subtitle.mobile_sites_subtitle {
        display: block;
        font-size: 13px;
        padding: 15px 0;
    }
    .pickup-card {
        padding-top: 0px;
    }
    .pickup-image1,
    .pickup-image2,
    .pickup-image3,
    .pickup-image4,
    .pickup-image5,
    .pickup-image6 {
        background-size: contain;
    }
/* =================
   CONTENT
================= */
    .section-title.content-title {
        font-size: 25px;
    }
/* =================
   運営サイト
================= */
    .section-title.sites-title {
        font-size: 25px;
    }
/* =================
   会社情報（シンプル化）
================= */
    .section-title.company-title {
        font-size: 40px;
    }
    .section-header.company-header {
        margin-bottom: 0px;
    }
    
    .site-card {
        display: grid;
        height: 100%;
    }
    .site-image {
        width: auto;
        left: 0px;
        height: 330px;
    }
    .site-info {
        width: auto;
    }
    
    
/* =================
   お問い合わせフォーム
================= */
    .section-title.contact-title {
        font-size: 30px;
    }
    
    
    
    .form-row {
        grid-template-columns: 1fr;
    }
    
    .company-content {
        grid-template-columns: 1fr;
        gap: var(--space-xxl);
    }
    .achievements-item {
        font-size: 10px;
    }
    .last-row {
        display: grid;
        grid-template-columns: 1fr;
        margin-bottom: 20px;
    }
    .submit-row {
        
    }
    .products-grid,
    .pickup-grid {
        grid-template-columns: 1fr;
        gap: var(--space-md);
    }
    .sites-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .revenue-chart,
    .co2-chart {
        overflow-x: auto;
    }
}