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

	/*
	------------------------------------
	トップページ
	------------------------------------
	*/

	.top_fv_section .fv_flex{
		display: block;
		
	}

	.top_fv_section .fv_left{
		width:100%;
	}

	.top_fv_section .fv_left_contents{
		position: relative;
		z-index: 1;
		padding-top: 80px;
		padding-bottom: 80px;

	}

	.top_fv_section .fv_catch01{
		font-size: 18px;
	}
	.top_fv_section .fv_catch02{
		font-size: 24px;
		font-weight: 700;
		line-height: 1.3;
	}
	.top_fv_section .fv_catch02 strong{
		font-size: 32px;
	}

	.top_fv_section .fv_deco{
		position: absolute;
	}

	.top_fv_section .fv_deco01{
		width:100%;
		top:0;
		left:0;
	}

	.top_fv_section .fv_deco02{
		width:100%;
		left:0;
		bottom:0;
	}

	.top_fv_section .fv_right{
		width:100%;
	}

	.top_fv_section .fv_bg_area{
		width:100%;
		height:auto;
		min-height: auto;
		height:330px;
	}

	.top_fv_section .fv_logo{
		max-width: 250px;
		margin-inline: auto;

	}

	.top_fv_section .fv_text{
		max-width: 420px;
		margin-inline: auto;
		margin-top: 24px;
		text-shadow: 0 0 3px rgba(0, 0, 0, 0.30);
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: 0.05em;
		color:#fff;
	}


	/*
	------------------------------------
	外断熱とは
	------------------------------------
	*/

	.intro_guide_section{

	}

	.intro_guide_section .guide_flex{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
		gap:24px;
	}

	.intro_guide_section .guide_left{
		width:100%;
		max-width: 100%;
	}

	.intro_guide_section .guide_head{
		min-height: 40px;
		padding:6px 16px;	
		font-size: 16px;
	}

	.intro_guide_section .guide_text{
		margin-top: 16px;
	}

	.intro_guide_section .guide_right{
		width:100%;
	}


	.intro_about_section{

	}


	.intro_about_section .about_head{
		min-height: 80px;
		width: fit-content;
		margin-inline: auto;
		padding:5px	16px;

		font-size: 18px;
	}

	.intro_about_section .about_flex{
		margin-top:var(--c_contents_space);
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap:40px calc(100 / 1120 * 100%);
	}

	.intro_about_section .about_left{
		width:530px;
		max-width: 100%;
	}

	.intro_about_section .about_right{
		display: flex;
		align-items: center;
	}

	.intro_about_section .about_item{
		display: flex;
		align-items: flex-start;
		gap:24px 0;
	}

	.intro_about_section .about_item + .about_item{
		margin-top: 40px;
	}
	.intro_about_section .about_head_area{
		flex-shrink: 0;
		width:160px;
		padding-right: 10px;
	}

	.intro_about_section .about_head01{
		font-size: 18px;
	}
	.intro_about_section .about_head01 strong{
		font-size: 28px;
	}

	.intro_about_section .about_head02{
		margin-top:4px;
		font-size: 14px;
	}

	.intro_about_section .about_info{
		padding-top: 16px;
	}

	.intro_about_section .about_info li{
		position: relative;
		line-height: 1.75;
		padding-left: 16px;
	}

	.intro_about_section .about_info li::before{
		content:'・';
		line-height: 1.75;
		position: absolute;
		top:0;
		left:0;
	}


	/*
	------------------------------------
	工法一覧
	------------------------------------
	*/

	.product_table_section{

	}

	.product_table_section .table_frame{
		width: 100%;
		margin-inline: auto;
		
	}

	.product_table_section .table_frame .scroll-hint-icon {
		position: absolute;
		top: min(100px , calc(50% - 25px));
	}


	.product_table_section .product_table{
		position: relative;
		width: 900px;
	}

	/* .product_table_section .product_table thead{
		position: sticky;
		top:70px;
		left:0;
		z-index: 1;
		width:100%;
	} */


	/*
	------------------------------------
	ハイパート外断熱システム工法
	------------------------------------
	*/

	.hi-part_method_section{

	}

	.hi-part_method_section .method_text{

	}

	.hi-part_method_section .method_list{
		grid-template-columns: repeat(2, 1fr);
		gap:40px 24px;
	}

	.hi-part_method_section .method_name{
		margin-top: 8px;
		font-size: 15px;
		line-height: 1.67;
		letter-spacing: 0.05em;
	}


	.hi-part_structure_section{

	}


	.hi-part_structure_section .structure_text{
		margin-top: 24px;
		font-size: 16px;
	}

	.hi-part_structure_section .structure_flex{
		margin-top: 24px;
		display: flex;
		align-items: center;
		gap:16px;
	}

	.hi-part_structure_section .structure01{
		width:194px;
	}
	.hi-part_structure_section .structure02{
		width:320px;
	}

	.hi-part_construction_section{

	}

	.hi-part_flow_section{

	}

	.hi-part_flow_section .flow_contents{
		max-width: 940px;
		margin-inline: auto;	
		margin-top: var(--c_block_space);
	}

	.hi-part_flow_section .flow_list{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		flex-direction: column;
		gap:32px;
	}

	.hi-part_flow_section .flow_item{
		width: 100%;
	}

	.hi-part_flow_section .flow_step{
		font-size: 18px;
	}

	.hi-part_flow_section .flow_title{
		margin-top: 5px;
		text-align: left;
		display: flex;
		justify-content: center;
	}

	.hi-part_flow_section .flow_pic img{
		width: auto;
		height:120px;
		object-fit: contain;
	}



	/*
	------------------------------------
	断熱パネル外断熱工法
	------------------------------------
	*/

	.driving_method_guide_flex{
		flex-direction: column;
		gap: 24px;
	}

	.driving_method_guide_right{
		width: 100%;
		max-width: 216px;
		margin-inline: auto;
	}

	.driving_method01_02 .driving_method_left,
	.driving_method03_04 .driving_method_left,
	.driving_method05_06 .driving_method_left,
	.driving_method01_02 .driving_method_right,
	.driving_method03_04 .driving_method_right,
	.driving_method05_06 .driving_method_right{
		width: 100%;
	}

	.driving_method01_02 .driving_method_right .c_flex_cols_img img,
	.driving_method03_04 .driving_method_right .c_flex_cols_img img,
	.driving_method05_06 .driving_method_right .c_flex_cols_img img{
		width: 527px;
	}

	.driving_method03_04 .driving_method_right .c_flex_cols_img,
	.driving_method05_06 .driving_method_right .c_flex_cols_img{
		overflow-y: hidden !important;
	}

	.driving_method07_08_09_area .driving_method_list{
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.driving_method10{
		max-width: none;
	}

	.driving_method10 .c_img_block_inner img{
		width: 588px;
	}

	.driving_method11 .c_img_block_inner{
		max-width: none;
	}

	.driving_method11 .c_img_block_inner img{
		width: 595px;
	}

	.driving_method12 .c_img_block_inner{
		max-width: none;
	}

	.retrofit_parts_guide_flex{
		flex-direction: column;
		gap: 24px;
	}

	.retrofit_parts_guide_right{
		width: 100%;
		max-width: 216px;
		margin-inline: auto;
	}

	.retrofit_parts01_02 .retrofit_parts_left,
	.retrofit_parts03_04 .retrofit_parts_left,
	.retrofit_parts05_06 .retrofit_parts_left,
	.retrofit_parts01_02 .retrofit_parts_right,
	.retrofit_parts03_04 .retrofit_parts_right,
	.retrofit_parts05_06 .retrofit_parts_right{
		width: 100%;
	}

	.retrofit_parts01_02 .retrofit_parts_right .c_flex_cols_img img{
		width: 523px;
	}

	.retrofit_parts03_04 .retrofit_parts_right .c_flex_cols_img img{
		width: 527px;
	}

	.retrofit_parts03_04 .retrofit_parts_right .c_flex_cols_img,
	.retrofit_parts05_06 .retrofit_parts_right .c_flex_cols_img{
		overflow-y: hidden !important;
	}

	.retrofit_parts05_06 .retrofit_parts_left .c_flex_cols_img img{
		width: 389px;
	}

	.retrofit_parts05_06 .retrofit_parts_right .c_flex_cols_img img{
		width: 527px;
	}

	.retrofit_parts07_08_09_area .retrofit_parts_list{
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.retrofit_parts10{
		max-width: none;
	}

	.retrofit_parts10 .c_img_block_inner img{
		width: 588px;
	}

	.retrofit_parts11 .c_img_block_inner{
		max-width: none;
	}

	.retrofit_parts11 .c_img_block_inner img{
		width: 595px;
	}

	.retrofit_parts12{
		max-width: none;
	}

	.FRC_performance_section .performance01,
	.FRC_performance_section .performance02{
		max-width: none;
	}

	.FRC_performance_section .performance01 .c_img_block_inner img{
		width: 486px;
	}

	.FRC_performance_section .performance02 .c_img_block_inner img{
		width: 485px;
	}

	.FRC_performance_section .performance03_04,
	.FRC_performance_section .performance05_06{
		max-width: none;
	}

	.FRC_finishing_section .finishing_list .feature_img_area{
		width: 100%;
	}

	.FRC_finishing_section .finishing_list .feature_flex .feature_text_area{
		max-width: none;
	}

	.finishing_feature_line_head,
	.finishing_feature_line_text{
		padding-left: 0;
	}


	/*
	------------------------------------
	カパロール外断熱システム
	------------------------------------
	*/

	.alsecco_method_section{

	}

	.alsecco_method_section .method_catch{
		font-size: 20px;
		text-align: center;
		line-height: 1.4;
		letter-spacing: 0.2em;
	}

	.alsecco_parts_section{

	}
	.alsecco_parts_section .parts_list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:32px 16px;
	}

	.alsecco_parts_section .parts_text_area{
		margin-top: 8px;
	}

	.alsecco_parts_section .parts_head{
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: 0.05em;
	}

	.alsecco_parts_section .parts_text{
		font-size: 14px;
		line-height: 1.4;
		letter-spacing: 0.05em;
		margin-top: 6px;
	}


	/*
	------------------------------------
	パッシブウォール［透湿タイプ］
	------------------------------------
	*/

	.passive_guide_section{

	}


	.passive_texture_section{
		
	}

	.passive_texture_section .texture_list{
		max-width: 900px;
		gap:32px 0;
	}

	.passive_texture_section .texture_item{
		width:50%;
		padding-inline: 8px;
	}

	.passive_texture_section .texture_name{
		margin-top: 8px;
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.05em;
	}

	.passive_example_section{

	}

	.passive_method_section .feature_img_area img{
		max-width: 250px;
	}
	
	
	/*
	------------------------------------
	そとだんかベメイト
	------------------------------------
	*/

	.kabe_structure_section .structure02 .c_img_block_inner img{
		width: 854px;
	}

	.kabe_structure_section .structure02 .c_img_block_inner{
		overflow-y: hidden !important;
	}

	.kabe_structure_section .structure03 .c_img_block_inner img{
		width: 872px;
	}

	.kabe_method_example_list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px 12px;
	}

	.kabe_method_example_item{
		width: auto;
		max-width: 100%;
	}

	.kabe_method_example_kind{
		font-size: 16px;
		margin-bottom: 12px;
	}

	.kabe_fit_example01{
		max-width: none;
	}

	.kabe_fit_example01 .c_img_block_inner img{
		width: 728px;
	}

	.kabe_fit_example01 .c_img_block_inner{
		overflow-y: hidden !important;
	}

	.kabe_fit_example01_02 .kabe_fit_example_left,
	.kabe_fit_example01_02 .kabe_fit_example_right,
	.kabe_fit_example03_04 .kabe_fit_example_left,
	.kabe_fit_example03_04 .kabe_fit_example_right,
	.kabe_fit_example05_06 .kabe_fit_example_left,
	.kabe_fit_example05_06 .kabe_fit_example_right,
	.kabe_fit_example07_08 .kabe_fit_example_left,
	.kabe_fit_example07_08 .kabe_fit_example_right{
		width: 100%;
		display: block;
	}

	.kabe_fit_example01_02 .kabe_fit_example_right,
	.kabe_fit_example03_04 .kabe_fit_example_right,
	.kabe_fit_example05_06 .kabe_fit_example_right,
	.kabe_fit_example07_08 .kabe_fit_example_right{
		margin-top: var(--c_block_space);
	}

	.kabe_fit_example01_02 .c_flex_cols_img,
	.kabe_fit_example03_04 .c_flex_cols_img,
	.kabe_fit_example05_06 .c_flex_cols_img,
	.kabe_fit_example07_08 .c_flex_cols_img{
		display: block;
		flex: unset;
	}

	.kabe_fit_example01_02 .c_flex_cols_img img,
	.kabe_fit_example03_04 .c_flex_cols_img img,
	.kabe_fit_example05_06 .c_flex_cols_img img,
	.kabe_fit_example07_08 .c_flex_cols_img img{
		width: 100%;
	}

	.kabe_performance01_02,
	.kabe_performance03_04{
		max-width: none;
	}

	.kabe_performance01_02 .c_flex_cols_img,
	.kabe_performance03_04 .c_flex_cols_img{
		display: block;
		flex: unset;
	}

	.kabe_performance01_02 .c_flex_cols_img img,
	.kabe_performance03_04 .c_flex_cols_img img{
		width: 100%;
	}


	/*
	------------------------------------
	HT外断熱システム工法
	------------------------------------
	*/

	.HT_product_example_section .example_contents_2column{
		max-width: none;
	}

	.HT_product_example_section .example02 .c_img_block_inner img{
		width: 661px;
	}

	.HT_product_example_section .example03 .c_img_block_inner img{
		width: 665px;
	}

	.HT_product_example_section .example03 .c_img_block_inner{
		overflow-y: hidden !important;
	}

	.HT_product_example_section .example04 .c_img_block_inner img{
		width: 668px;
	}

	.HT_product_example_section .example04 .c_img_block_inner{
		overflow-y: hidden !important;
	}

	.HT_product_example_section .example02,
	.HT_product_example_section .example03,
	.HT_product_example_section .example04{
		max-width: none;
	}

	.HT_product_example_section .example07{
		max-width: none;
	}

	.HT_product_example_section .example14 .c_img_block_inner img{
		width: 758px;
	}

	.HT_product_example_section .example15_flex{
		flex-direction: column;
		gap: 24px;
	}

	.HT_product_example_section .example15_left{
		width: 100%;
	}

	.HT_product_example_section .example15_head{
		font-size: 18px;
	}

	.HT_product_example_section .example15_left{
		width: 100%;
	}

	.HT_product_example_section .example15_text{
		margin-top: 24px;
	}

	.HT_product_example_section .example16 .c_img_block_inner img{
		width: 773px;
	}

	.HT_product_example_section .example18_video-wrapper{
		max-width: none;
	}

	.HT_product_example_section .example18_video-wrapper video{
		height: auto;
	}



	/*
	------------------------------------
	ＬＬＨ外断熱通気層システム
	------------------------------------
	*/

	.llh_guide_section{

	}

	.llh_feature_section{

	}


	.llh_method_section{

	}

	.llh_method_section .method_line{
		display: flex;
		align-items: flex-start;
		gap:16px;
	}

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

	.llh_method_section .method_contents{
		width:100%;
	}

	.llh_method_section .method_flex{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
		gap:24px;
	}

	.llh_method_section .method_title{
		font-size: 18px;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.05em;
	}

	.llh_method_section .method_img{
		flex-shrink: 0;
		width:250px;
	}

	.llh_method_section .figure_area{
		margin-top: var(--c_contents_space);
	}

	.llh_method_section .figure_head{
		font-size: 18px;
	}

	.llh_method_section .figure_list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:40px 0;
	}

	.llh_tile_section{

	}



	.llh_tile_section .process_list{
		grid-template-columns: repeat(2, 1fr);
		gap:24px 0;
	}

	.llh_tile_section .process_item{
		padding-inline: 4px;
	}

	.llh_tile_section .process_title{
		font-size: 14px;
		line-height: 1.5;
		display: flex;
		justify-content: center;
	}

	.llh_tile_section .process_pic{
		width:90%;
		max-width: 140px;
		margin-inline: auto;
		margin-top: 6px;
	}

	.llh_tile_section .put_flex{
		grid-template-columns: repeat(1, 1fr);
	}

	.llh_tile_section .finish_list{
		grid-template-columns: repeat(2, 1fr);
		gap:24px 0;
	}

	.llh_tile_section .finish_item{
		padding-inline: 8px;
	}



		/*
	------------------------------------
	FAQ
	------------------------------------
	*/

	.faq_list_section{

	}

	.faq_list_section .sec_head{
		font-size: 24px;
	}

	.faq_list_section .guide_text{
		margin-top: 24px;
		font-size: 14px;
	}

	.faq_list_section .faq_list{
		max-width: 700px;
		margin-inline: auto;
		margin-top: 64px;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap:32px;
	}

	.faq_list_section .faq_question{
		padding-left: 32px;
		padding-right: 24px;

	}

	.faq_list_section .faq_question::before{
		font-size: 20px;
		top:-4px;
	}

	.faq_list_section .faq_question::after{
		content:'';
		display: block;
		width:16px;
		aspect-ratio: 1 / calc(9 / 16);
		background-image: url('../img/common/icon_faq_angle.svg');
		position: absolute;
		right:0;
		top:10px;
	}


	.faq_list_section .faq_question_text{
		font-size: 16px;
		padding-inline: 0;
	}

	.faq_list_section .faq_answer{
		padding-top: 16px;
		padding-left: 32px;
		padding-right: 24px;
	}

	.faq_list_section .faq_answer_text{
		padding-left: 24px;
	}

	.faq_list_section .faq_answer_text::before{
		font-size: 20px;
		top:-4px;
	}

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