@media screen and (min-width:768px){
	.sp_only{
		display: none!important;
	}
}/*@media screen and (min-width:768px){*/

@media screen and (max-width:767px){
	.sp_hide{
		display: none!important;
	}

    :root{
        --c_sec_space:80px;
        --c_contents_space:64px;
        --c_block_space:43px;
    }

    main{
        padding-top: 70px;
    }



    /*
    ------------------------------------
    共通パーツ
    ------------------------------------
    */

    .container{
        width: calc(345 / 375 * 100vw);
        max-width: 420px;
    }


    .c_sec_head{
        padding:0 16px 12px;
        font-size: 24px;
        line-height: 1.5;
    }


    /*特長のリスト*/
    .c_feature_list{

    }

    .c_feature_list .feature_line::before{
        width: 32px;
        font-size: 20px;
        padding-bottom: 4px;
        top:0px;
    }

    .c_feature_list .feature_line + .feature_line{
        margin-top: 40px;
    }

    .c_feature_list .feature_text_block{
        padding-left: 48px;
    }

    .c_feature_list .feature_text{
        margin-top: 8px;
    }


    /*
    ------------------------------------
    ヘッダー
    ------------------------------------
    */

    header{

    }

    header .header_inner{
        padding-inline:12px;
    }

    header .header_flex{
        height:70px ;
        padding:12px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap:12px;
    }

    header .header_logo{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap:8px;
    }

    header .header_logo01{
        width:160px;
    }
    header .header_logo02{
        width:100px;
    }

    header .header_right{
        display: flex;
        align-items: center;
        gap:16px;
    }

    header .header_nav{
        display: none;
    }

    header .header_contact{
        min-height:32px;
        width:110px;
        font-size: 14px;
    }

    header .drawer_open{
        width:45px;
    }

    header .drawer_open .bar{
        width:25px;
    }

    header .drawer_open .bar02{
        margin:5px 0;
    }


    #drawer_menu .drawer_menu_contents{
        padding-top: 24px;
        padding-bottom: 24px;    
    }

    /*
    ------------------------------------
    フッター
    ------------------------------------
    */

    footer{

    }

    footer .footer_inner{
        width: calc(350 / 375 * 100vw);
        max-width: 420px;
    }

    footer .footer_logo{
        max-width: 240px;
        margin-inline: auto;
    }

    footer .footer_flex{
        margin-top: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column-reverse;
        gap:48px;
    }

    footer .footer_banner_area{
        display: flex;
        align-items: flex-start;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap:12px;
        width:100%;
        flex-shrink: 0;
    }


    footer .footer_nav{
        justify-content: space-around;
        gap:24px;
    }


    /*
    ------------------------------------
    製品ラインナップ
    ------------------------------------
    */

    .c_lineup_section{
        margin-top: 80px;
    }

    .c_lineup_section .sec_head{
        height:70px;
        padding-bottom: 16px;
        padding-top: 24px;
        font-size: 24px;
    }

    .c_lineup_section .lineup_list{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        border-bottom:1px solid var(--base_navy);
    }

    .c_lineup_section .lineup_block{
        min-height: 100px;
        position: relative;
        padding:40px 8px 12px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        background-color: #fff;
    }

    .c_lineup_section .lineup_block + .lineup_block{
        border-left:1px solid var(--base_navy);
    }

    .c_lineup_section .lineup_num{
        width:64px;
        height:32px;
        padding-top: 0px;
        font-size: 14px;

    }


    .c_lineup_section .lineup_icon{
        display: flex;
        justify-content: center;
        align-items: center;
        height:50px;
    }

    .c_lineup_section .lineup_icon img{
        width: auto;
        transition-duration: var(--c_duration);
    }

    .c_lineup_section .lineup_icon_material{
        height:calc(93 / 104 * 100%);
    }
    .c_lineup_section .lineup_icon_method{
        height:calc(104 / 104 * 100%);
    }
    .c_lineup_section .lineup_icon_parts{
        height:calc(100 / 104 * 100%);
    }

    .c_lineup_section .lineup_name{
        margin-top: 8px;
    
        font-size: 13px;
        min-height: 40px;
        display: flex;
        align-items: center;
    }


    /*
    ------------------------------------
    下層ページタイトルセクション
    ------------------------------------
    */

    .c_page_title_section{

    }

    .c_page_title_section .page_title_inner{
        min-height:200px;
        padding:40px 0;
    }

    .c_page_title_section .page_title{
        font-size: 24px;
    }


    /*
    ------------------------------------
    パンクズ
    ------------------------------------
    */

    .c_bread_area{

    }

    .c_bread_area .bread_frame{
        width:92%;
        max-width: 1200px;
        margin-inline: auto;
        display: flex;
        justify-content: flex-end;
    }

    .c_bread_area .bread_list{
        font-size: 12px;
    }


    /*
    ------------------------------------
    製品ページ ページ最上部の導入部分セクション
    ------------------------------------
    */
    .c_product_guide_section{

    }

    .c_product_guide_section .guide_flex{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap:24px;
    }

    .c_product_guide_section .guide_left{
        flex-shrink: 0;
        width:100%;
    }

    .c_product_guide_section .guide_right{
        width:100%;
        display: block;
    }

    .c_product_guide_section .guide_head{
        font-size: 20px;
        font-weight: 700;
    }

    .c_product_guide_section .guide_text{
        
        line-height: 1.875;
        letter-spacing: 0.05em;
    }

    .c_product_guide_section .guide_head + .guide_text{
        margin-top: 24px;
    }


    /*
    ------------------------------------
    製品ページ 関連する商材/工法紹介セクション
    ------------------------------------
    */

    .c_relation_list_section{

    }

    .c_relation_list_section .relation_list{
        grid-template-columns: repeat(1, 1fr);
        gap:32px 0;
    }

    .c_relation_list_section .relation_block{
        height:100%;
        min-height: 140px;
        padding:12px;
        display: flex;
    }

    .c_relation_list_section .relation_flex{
        display: flex;
        align-items: center;
        gap:12px;
        width: 100%;
    }

    .c_relation_list_section .relation_left{
        flex-shrink: 0;
        width:40%;
        max-width: 200px;
    }

    .c_relation_list_section .relation_right{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .c_relation_list_section .relation_text{
        min-height: 65px;
        line-height: 1.5;
        font-size: 14px;

    }

    .c_relation_list_section .relation_button{
        margin-top: 16px;
        min-height: 32px;
        min-width:auto;
        width: 140px;
        padding:6px 12px;

        font-size: 14px;
        
    }

    .c_relation_list_section .relation_button::after{
        content:'';
        width:7px;
        aspect-ratio: 1 / calc(13 / 7);
        flex-shrink: 0;
        background-image: url('../img/common/icon_angle_right_white.svg');
        transition-duration: var(--c_duration);
    }



    /*
    ------------------------------------
    製品ページ 嵩上げ・捨て支保工等の商品リストセクション
    ------------------------------------
    */

    .c_product_section{

    }

    .c_product_section .product_list{
        padding-top: 120px;
        display: block;
    }

    .c_product_section .product_list:has(.product_item:nth-child(2)){
        display: block;
    }


    .c_product_section .product_item + .product_item:has(.product_block){
        margin-top: 180px;
    }

    .c_product_section .product_block{
        height:100%;
        padding:90px 16px 96px;
    }

    .c_product_section .product_block_thumb{
        width:240px;
        bottom:calc(100% - 56px);
    }


    .c_product_section .product_block_title{

    }

    .c_product_section .product_block_text{
        margin-top: 32px;
    }

    .c_product_section .product_block_button{
        min-height: 48px;
        width:166px;
        padding:16px 24px;
        font-size: 14px;
        gap:8px;
        bottom:16px;
    }

    .c_product_section .product_block_button::after{
        width:7px;
    }


    /*
    ------------------------------------
    製品ページ 主な用途セクション
    ------------------------------------
    */

    .c_product_use_section{

    }

    .c_product_use_section .use_list{
        margin-top: var(--c_block_space);
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
        gap:20px;
    }

    .c_product_use_section .use_item{
        width:auto;
        font-size: 18px;
    }


    /*
    ------------------------------------
    製品ページ アンカーリンクリスト
    ------------------------------------
    */

    .c_product_link_section{

    }


    .c_product_link_section .link_list_frame{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .c_product_link_section .link_list{
        margin-inline: auto;
        display: flex;
        gap:30px 0;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .c_product_link_section .link_item{
        width:47%;
        max-width:none;
        min-height: 60px;
        padding:12px 16px;
        font-size: 15px;
    }


    .c_product_link_section .link_item::after{
        width:7px;
        right:4px;
    }

    .c_product_link_section .link_list:has(.link_item:nth-child(3)){
        display: flex;
        gap:30px 0;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .c_product_link_section .link_list:has(.link_item:nth-child(3)) .link_item{
        
    }


    /*
    ------------------------------------
    共通パーツ：c_img_block / c_flex_cols
    ------------------------------------
    */

    .c_flex_cols{
        flex-direction: column;
        align-items: stretch;
        gap: 32px;
    }

    .c_flex_cols_item{
        width: 100% !important;
    }

    /*施工写真*/
    .c_construction_photo_section .photo_list{
        grid-template-columns: repeat(1, 1fr);
        gap: 24px 0;
    }

    /*施工例*/
    .c_construction_example_section .example_list{
        grid-template-columns: repeat(1, 1fr);
        gap: 24px 0;
    }

}/*@media screen and (max-width:767px){*/