@charset "UTF-8";

body{
	font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;
}

a, a:link, a:visited, a:hover, a:active, a:focus{
	color: orange;
	text-decoration: none;
}
@media screen and (max-width: 768px) {
/* =========================================================
   responsive.css 目次
   =========================================================
   【全ページ共通】ヘッダー・ハンバーガーメニュー
   【新工法ページ】newmethod.html
   【工事価格ページ】fee.html
   【採用情報ページ】recruit.html
   【会社概要ページ】company-info.html
   【トップページ】index.html
   【施工実績ページ】works 関連
   【フクブル通信】fukubull-info 関連
   【全ページ共通】固定フッター・通常フッター
   ========================================================= */




	.header{
  display: flex!important;
  justify-content: space-between!important;
  align-items: center !important;

  height: 80px!important;
  width: 100%!important;

  background-color: white!important;

  box-sizing: border-box !important;
}

.header-logo{
	width: 60px!important;
	padding-top: 2%!important;
	padding-left: 2%!important;
	padding-right: 2%!important;
	padding-bottom: 2%!important;
	height: auto!important;
}


	.hamburger-button{

  width: 50px !important;
  height: 60px !important;

  padding: 0 !important;

  border: none !important;

  background-color: transparent !important;
  background-image: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer !important;

  font-size: 46px !important;
  line-height: 1 !important;

  z-index: 9999 !important;

  /* ここが重要 */
  margin-left: auto !important;
  margin-right: 15px !important;

  flex-shrink: 0 !important;

  color: black !important;
  box-sizing: border-box !important;
}

/* =========================================================
   【全ページ共通】ハンバーガーメニュー
   元のヘッダーデザインは変更せず、縦スクロールだけ追加
   ========================================================= */
.header-list{
  display: none !important;

  position: fixed !important;
  top: 80px !important;
  left: 0 !important;

  width: 100% !important;

  flex-direction: column !important;
  align-items: center !important;

  background-color: white !important;
  z-index: 9999 !important;

	/* top:80px は既存のまま。bottom:0 で画面下端までをスクロール領域にする */
	bottom: 0 !important;
	height: auto !important;
	max-height: none !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box !important;

	/* 固定フッターに最後の項目が隠れないためのスクロール用余白 */
	padding-bottom: 90px !important;

	/* Chrome / Edge でスクロール可能なことが分かるようにする */
	scrollbar-width: auto;
}
 
  .soudan-image{
    width: 80% !important;
    height: auto !important;
  }




.main{
	height: 40ex;
	display: flex;
	align-items: center !important;
	margin-bottom: 3ex;
}



	.main-words{
	
	font-size: 1em;
	
	width: 80%!important;
	
	padding-top: 3%;
	
	padding-bottom: 3%;
	
	height: auto;
	
}


  .main-image{
	z-index: -9999;
	width: 100ex;
	height: inherit;
	}

  .soudan-word-background{
    font-size: 80% !important;
width: 80% !important;

  }

  .line-image{
    width: 80% !important;
    height: auto !important;
  }

  .works-list1{
    font-size: 12px !important;
  }

  .works-list2{
    font-size: 12px !important;
  }

  	.customer-info-title{
	
	font-size: 130%!important;
	
	display: block!important;
	
}

  .customer-info-list{
	display: none!important;
	justify-content: center;
	flex-direction: column !important;
	align-items: center !important;
	font-size: 100%;
}

  .customer-info-more{
    width: 80% !important;
    height: auto !important;
  }

  .customer-info-more-word{
    font-size: 100%!important;
  }

  	.customer-info-button{
	
	width: 100%!important;
	
	height: auto!important;
	
		
}




	.fee{
	
	width: 100%;
	
	height: 60ex;
	
}

.fs-xl{
	font-size: 150%!important;
	font-weight: bold!important;
}

  	.fee-word{
	
	width: 100%!important;
	
	font-size: 90%!important;
	
	height: auto!important;
	
}

  .fee-button{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  	.fee-more-word{
	
	width: 80%!important;
	
	font-size: 100%!important;
	
}

  	.fee-part{
	
	display: flex !important;
    justify-content: center !important;
align-items: center !important;
	flex-direction: column !important;
	width: 100%!important;
	
	margin-top: 25%!important;
	
	margin-bottom: 25%!important;
	
}

  .fee-word-part{
    width: 80% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .fee-image{
    display : none;
  }
.promotion-part{
	display: flex!important;
	justify-content: center!important;
}

.promotion-image-word{
	display : flex!important;
	justify-content : center!important;
flex-direction: column !important;
align-items: center !important;
      }

.promotion-image{

display : flex!important;
	justify-content : center!important;
flex-direction: column !important;
align-items: center !important;
width: 80%!important;

}

.promotion-image img{
	margin-left: 0px!important;
}

.promotion-word-button{
	width: 80%!important;
}

	.promotion-title{
	
	font-size: 80%!important;
	
	font-weight: bolder!important;
	
}

.promotion-image-word img{
	}

.promotion-word{
	font-size: 85%!important;
	margin-top: 5%;
}

.promotion-button{
	display : flex;
	justify-content : center;
flex-direction: column !important;
align-items: center !important;
}

	.spider-button{
	
	margin-bottom: 5%!important;
	
	width: 80%!important;
	
	font-size: 100%!important;
	
	font-weight: bold!important;
	
}

.about-spider-title-word{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}


.house-packinf-button{
	margin-left: 0px!important;
width: 80%!important;
font-size: 100%!important;

}

	.features-part{
	
	display: flex;
	
	justify-content: center;
	
	flex-direction: column !important;
	
	align-items: center !important;
	
	height: 80%!important;
	
}

	.features{
	
	display: flex;
	
	justify-content: center;
	
	flex-direction: column !important;
	
	align-items: center !important;
	
	height: 80%!important;
	
}

	.features-title{
	
		
}

	.features-list1{
	
	width: 80%!important;
	
		
	margin-top: 5%;
	
}

.features-list1 span{
	margin-bottom: 5%;
}



	.features-image1{
       margin-top: 10%;
	width: 80%　!important;
	height: 40%　!important;
}

	.features-word1{
	
	width: 80%!important;	
}

.features-word1 b{
	font-size: 120% !important;
}




.features-list2{
	width: 80%!important;
margin-top: 5%;
}

.features-list2 span{
	margin-bottom: 5%;
}

.features-image2{
	margin-top: 10%;
	width: 80%　!important;
	height: 40%　!important;
}

.features-word2{
	width: 80%!important;
margin-top: 15%important;
flex-shrink: 0important;
}

.features-word2 b{
	font-size: 120% !important;
}


.features-list3{
	width: 80%!important;
margin-top: 5%;
}

.features-list3 span{
	margin-bottom: 5%;
}

.features-image3{
	margin-top: 10%;
	width: 80%　!important;
	height: 40%　!important;
}

.features-word3{
	width: 80%!important;
margin-top: 15%important;
flex-shrink: 0important;
}


.features-word3 b{
	font-size: 120% !important;
}

.service{
	display: flex!important;
	
	justify-content: center!important;
	
	flex-direction: column !important;
	
	align-items: center !important;
	
	height: 80%!important;
}

.service-part{
	display: flex!important;
	
	justify-content: center!important;
	
	flex-direction: column !important;
	
	align-items: center !important;
	
	height: 80%!important;
}

.service-title{
	margin-left: 0px!important;
}

.service-list1{
	display: flex!important;
	
	justify-content: center!important;
	
	flex-direction: column !important;
	
	align-items: center !important;
	
	height: 80%!important;
}

	.service-word1{
	
	width: 100%!important;
	
	height: inherit!important;
	
	flex-shrink: 0!important;
	
	margin-right: 0px!important;
	
}



.service-word2{
	margin-right: 0px!important;
	width: 100%!important;
	height: auto!important;
	margin-top: 5%!important;
flex-shrink: 0!important;
	}

.service-list2{
	display: flex;
	justify-content: center;
	flex-direction: column !important;
	align-items: center !important;
	height: 80%;
	margin-top: 0px!important;
}

.service-word3{
	margin-right: 0px!important;
	width: 100%!important;
	height: auto!important;
	margin-top: 5%!important;
flex-shrink: 0!important;
}

.service-word4{
	display: none !important;
}

.service-image-part{}

.service-image{
	display: none !important;
}

.fukubull-info-title span{
	font-size: 40px!important;
}

.fukubull-info{}

	.fukubull-info-part{
	display: flex;
	justify-content: center;
	flex-direction: column !important;
	align-items: center !important;
	width: 100%!important;
	height: 80%!important;
}

.fukubull-info-list1{}

.fukubull-info-list2{}

.fukubull-info-image1{}

.fukubull-info-word1{}

.fukubull-info-image2{}

.fukubull-info-word2{}

.faq{}

.faq-part{}

.fukubull-info-more{



}

/* =========================================================
   【新工法ページ】newmethod.html
   スマホ表示調整（768px以下）
   ========================================================= */

/* 新工法ページのフォントを Noto Sans JP に統一 */
.new-method-title,
.new-method-title *,
.new-method-intro-title,
.spider-title,
.spider-title *,
.spider-word,
.spider-word *,
.spider-youtube,
.about-spider-title,
.about-spider-title *,
.about-spider-word,
.about-spider-word *,
.spider-works-title,
.spider-works-title *,
.spider-works-word,
.spider-works-word *,
.spider-how-title,
.spider-how-title *,
.spider-how-word,
.spider-how-word *,
.housepacking-title,
.housepacking-title *,
.housepacking-word,
.housepacking-word *,
.housepacking-youtube1,
.housepacking-youtube2,
.soil-title,
.soil-title *,
.soil-image,
.soil-word,
.soil-word *,
.soil-analysis-title,
.soil-analysis-title *,
.soil-analysis-word,
.soil-analysis-word *{
  font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

/* ページ全体：スマホでは横幅を広く使う */
.new-method-title > div,
.spider-word-detail,
.spider-youtube-detail,
.about-spider-title-word,
.about-spider-word-detail,
.spider-works-word-detail,
.spider-how-word-detail,
.housepacking-word-detail,
.housepacking-youtube1-detail,
.housepacking-youtube2 > div,
.soil-image-detail,
.soil-word-detail,
.soil-analysis-word-detail{
  width: 92% !important;
  box-sizing: border-box !important;
}

/* ページ上部 */
.new-method-title{
  margin-top: 105px !important;
}

.new-method-title h1{
  font-size: 1.65rem !important;
  line-height: 1.45 !important;
  letter-spacing: 0.02em !important;
  overflow-wrap: anywhere !important;
}

/* 冒頭説明 */
.new-method-intro-title{
  font-size: 1.1rem !important;
  line-height: 1.5 !important;
}

.new-method-title + hr + div > div{
  width: 92% !important;
  padding: 16px !important;
}

.new-method-title + hr + div p{
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}

/* オレンジ色の大見出し */
.spider-title .about-spider-title-word,
.housepacking-title .about-spider-title-word,
.soil-title .about-spider-title-word{
  width: 92% !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  align-items: center !important;
}

.spider-title h2 span,
.housepacking-title h2 span,
.soil-title h2 span{
  font-size: 1.15rem !important;
  line-height: 1.55 !important;
  letter-spacing: 0.03em !important;
}

/* 白背景＋左オレンジ線の小見出し */
.about-spider-title .about-spider-title-word,
.spider-works-title .about-spider-title-word,
.spider-how-title .about-spider-title-word,
.soil-analysis-title .about-spider-title-word{
  width: 92% !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  align-items: center !important;
}

.about-spider-title h3 span,
.spider-works-title h3 span,
.spider-how-title h3 span,
.soil-analysis-title h3 span{
  font-size: 1.08rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

/* 小見出し横のオレンジ縦線 */
.about-spider-title .about-spider-title-word > div:first-child,
.spider-works-title .about-spider-title-word > div:first-child,
.spider-how-title .about-spider-title-word > div:first-child,
.soil-analysis-title .about-spider-title-word > div:first-child{
  flex: 0 0 4px !important;
  width: 4px !important;
  height: 2.4rem !important;
}

/* 本文共通 */
.spider-word-detail,
.about-spider-word-detail,
.spider-works-word-detail,
.spider-how-word-detail,
.housepacking-word-detail,
.soil-word-detail,
.soil-analysis-word-detail{
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
  padding: 14px 4px !important;
}

/* インライン指定された本文文字サイズをスマホ用に統一 */
.spider-word-detail span,
.about-spider-word-detail span,
.spider-works-word-detail span,
.spider-how-word-detail span,
.housepacking-word-detail span,
.soil-word-detail span,
.soil-analysis-word-detail span{
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}

/* 本文中の強調文 */
.spider-word-detail > span:first-child{
  font-size: 1.1rem !important;
  line-height: 1.65 !important;
}

.about-spider-word-detail span[style*="font-weight"],
.spider-works-word-detail span[style*="font-weight"],
.spider-how-word-detail span[style*="font-weight"],
.housepacking-word-detail span[style*="font-weight"]{
  font-size: 1rem !important;
  line-height: 1.8 !important;
}

/* 動画 */
.spider-youtube-detail,
.housepacking-youtube1-detail,
.housepacking-youtube2 > div{
  padding: 12px 0 !important;
}

.spider-youtube-page,
.housepacking-youtube1-page,
.housepacking-youtube2-page{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  display: block !important;
}

/* リサイクル土画像 */
.soil-image{
  height: auto !important;
}

.soil-image-detail{
  padding: 12px 0 !important;
}

.soil-image-detail img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* セクション間の余白を整える */
.spider-title,
.about-spider-title,
.spider-works-title,
.spider-how-title,
.housepacking-title,
.soil-title,
.soil-analysis-title{
  margin-top: 24px !important;
}

.spider-word,
.spider-youtube,
.about-spider-word,
.spider-works-word,
.spider-how-word,
.housepacking-word,
.housepacking-youtube1,
.housepacking-youtube2,
.soil-image,
.soil-word,
.soil-analysis-word{
  margin-top: 4px !important;
}

/* 四角で囲まれた見出し：前回決めた文字設定は変えず、位置だけ少し上へ */
.about-spider-title-word h2,
.about-spider-title-word h3 {
  transform: translateY(-2px) !important;
}

/* 新工法ページ：オレンジ大見出しが縦書きのようになる症状を修正 */
.spider-title .about-spider-title-word,
.housepacking-title .about-spider-title-word,
.soil-title .about-spider-title-word{
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

.spider-title .about-spider-title-word > div:last-child,
.housepacking-title .about-spider-title-word > div:last-child,
.soil-title .about-spider-title-word > div:last-child{
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.spider-title h2,
.housepacking-title h2,
.soil-title h2,
.spider-title h2 span,
.housepacking-title h2 span,
.soil-title h2 span{
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  width: auto !important;
  max-width: 100% !important;
}

/* 長い日本語見出しのはみ出し防止 */
.new-method-title h1,
.spider-title h2,
.housepacking-title h2,
.soil-title h2,
.about-spider-title h3,
.spider-works-title h3,
.spider-how-title h3,
.soil-analysis-title h3{
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

/* =========================================================
   【工事価格ページ】fee.html
   スマホ表示調整（768px以下）
   新工法ページの設定を維持したまま追加
   ========================================================= */

/* 工事価格ページも Noto Sans JP に統一 */
body,
.new-method-title,
.spider-title,
.spider-title *,
.about-spider-title,
.about-spider-title *,
.spider-word-detail,
.spider-word-detail *,
.about-spider-title-word,
.about-spider-title-word *,
table,
table *{
  font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

/* ページ上部タイトル */
.new-method-title{
  margin-top: 105px !important;
}

.new-method-title > div{
  width: 92% !important;
  box-sizing: border-box !important;
}

.new-method-title h1{
  font-size: 1.65rem !important;
  line-height: 1.45 !important;
  letter-spacing: 0.02em !important;
  overflow-wrap: anywhere !important;
}

/* 各セクション本文の横幅・読みやすさ */
.spider-title > .spider-word-detail{
  width: 92% !important;
  box-sizing: border-box !important;
  margin-top: 18px !important;
  padding: 0 4px !important;
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}

.spider-title > .spider-word-detail p,
.spider-title > .spider-word-detail span{
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}

/* 「坪単価19,000円～」など本文中の強調 */
.spider-title > .spider-word-detail .fs-2xl,
.spider-title > .spider-word-detail .fs-2xl span{
  font-size: 1.08rem !important;
  line-height: 1.65 !important;
}

.spider-title > .spider-word-detail .red,
.spider-title > .spider-word-detail .bold{
  line-height: 1.75 !important;
}

/* 白い四角＋左オレンジ線の見出し */
.spider-title > .about-spider-title-word,
.about-spider-title > .about-spider-title-word:not([style*="background-image"]){
  width: 92% !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  align-items: center !important;
}

.spider-title > .about-spider-title-word > div:first-child,
.about-spider-title > .about-spider-title-word:not([style*="background-image"]) > div:first-child{
  flex: 0 0 4px !important;
  width: 4px !important;
  height: 2.4rem !important;
  margin-right: 0.65rem !important;
}

.spider-title > .about-spider-title-word h2,
.about-spider-title > .about-spider-title-word h3{
  font-size: 1.08rem !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-2px) !important;
}

.spider-title > .about-spider-title-word h2 span,
.about-spider-title > .about-spider-title-word h3 span{
  font-size: 1.08rem !important;
  line-height: 1.45 !important;
}

/* オレンジ背景「フクブルの解体工事の坪単価・費用目安」 */
.about-spider-title > .about-spider-title-word[style*="background-image"]{
  width: 92% !important;
  box-sizing: border-box !important;
  padding: 12px 14px !important;
  align-items: center !important;
}

.about-spider-title > .about-spider-title-word[style*="background-image"] h2{
  font-size: 1.18rem !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  transform: none !important;
}

/* オレンジ見出し直後の注意書き */
.about-spider-title + div > p{
  width: 92% !important;
  box-sizing: border-box !important;
  font-size: 0.9rem !important;
  line-height: 1.75 !important;
}

/* 料金表の外側をスマホ幅いっぱい近くまで広げる */
.about-spider-title > div[style*="margin-top"]{
  width: 92% !important;
  box-sizing: border-box !important;
}

.about-spider-title > div[style*="margin-top"] table,
.spider-title table,
.about-spider-title table{
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

/* 表の文字と余白 */
.about-spider-title table td,
.spider-title table td{
  box-sizing: border-box !important;
  padding: 9px 7px !important;
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
  vertical-align: middle !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.about-spider-title table td span,
.spider-title table td span{
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
}

/* 料金表は左項目55%・右金額45% */
.about-spider-title table td:first-child,
.spider-title table td:first-child{
  width: 55% !important;
}

.about-spider-title table td:last-child,
.spider-title table td:last-child{
  width: 45% !important;
}

/* 金額欄は極端な改行を防ぐ */
.about-spider-title table td:last-child,
.about-spider-title table td:last-child span,
.spider-title table td:last-child,
.spider-title table td:last-child span{
  white-space: normal !important;
}

/* セクション間余白 */
.spider-title,
.about-spider-title{
  margin-top: 24px !important;
}

/* =========================================================
   【採用情報ページ】recruit.html
   スマホ表示調整（768px以下）
   ========================================================= */

/* Recruit 見出し全体 */
.recruit-main-title,
.recruit-main-title ~ span,
#HPB_TABLE_4_A_260907161739,
#HPB_TABLE_4_A_260907161739 *{
  font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

.recruit-main-title{
  font-size: 2.25rem !important;
  line-height: 1.25 !important;
}

/* Recruit を囲む最初のタイトル領域 */
body > div[style*="margin-top : 20%"]{
  margin-top: 105px !important;
}

body > div[style*="margin-top : 20%"] > div{
  width: 92% !important;
  box-sizing: border-box !important;
}

.recruit-main-title ~ span[style*="1.5rem"]{
  font-size: 1.2rem !important;
  line-height: 1.5 !important;
}

.recruit-main-title ~ span[style*="1.2rem"]{
  font-size: 0.95rem !important;
  line-height: 1.75 !important;
}

/* 採用情報の本文ブロック */
body > div[style*="justify-content : center"] > div[style*="width : 80%"]{
  max-width: 92% !important;
}

/* 募集要項 */
.mtitle .ja{
  font-size: 1.35rem !important;
  line-height: 1.45 !important;
}

.mtitle .eng{
  font-size: 0.95rem !important;
}

/* 職種 */
body > div > div > span[style*="20.8px"]{
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

/* 採用表 */
#HPB_TABLE_4_A_260907161739{
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

#HPB_TABLE_4_A_260907161739 td{
  box-sizing: border-box !important;
  padding: 9px 7px !important;
  font-size: 0.82rem !important;
  line-height: 1.55 !important;
  vertical-align: top !important;
  overflow-wrap: anywhere !important;
}

#HPB_TABLE_4_A_260907161739 td:first-child{
  width: 32% !important;
}

#HPB_TABLE_4_A_260907161739 td:last-child{
  width: 68% !important;
}

#HPB_TABLE_4_A_260907161739 span{
  font-size: 0.82rem !important;
  line-height: 1.55 !important;
  white-space: normal !important;
}


/* =========================================================
   【会社概要ページ】company-info.html
   スマホ表示調整（768px以下）
   ========================================================= */

/* Company メインタイトル */
.new-method-title h1 > span:first-child{
  font-size: 2.25rem !important;
  line-height: 1.25 !important;
}

.new-method-title h1 > span[style*="display:block"]{
  font-size: 1rem !important;
  line-height: 1.6 !important;
  margin-top: 0.45rem !important;
}

/* 会社概要の各コンテンツ幅をスマホで広げる */
body > div[style*="justify-content : center"] > div[style*="width : 80%"],
body > div[style*="justify-content : center"] > div[style*="width : 78%"]{
  width: 92% !important;
  max-width: 92% !important;
  box-sizing: border-box !important;
}

/* 「会社方針」 */
body h2 > span[style*="2rem"]{
  font-size: 1.35rem !important;
  line-height: 1.45 !important;
}

body h2 > span[style*="1.2rem"]{
  font-size: 0.95rem !important;
}

/* オレンジグラデーション帯 */
body div[style*="linear-gradient(to left, #e37806, #ffc601)"]{
  width: 92% !important;
  box-sizing: border-box !important;
}

body div[style*="linear-gradient(to left, #e37806, #ffc601)"] p{
  margin: 0 !important;
  padding: 11px 12px !important;
}

body div[style*="linear-gradient(to left, #e37806, #ffc601)"] p span{
  font-size: 1.15rem !important;
  line-height: 1.5 !important;
  margin-left: 0 !important;
}

/* 経営理念以下の小見出し */
.mtitle_small,
.mtitle_small span{
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
}

/* 会社概要本文 */
.company-info-responsive-text,
body .b-m20,
body .b-m30{
  line-height: 1.8 !important;
}

body .b-m20 span,
body .b-m30 span{
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}

/* 会社紹介動画 */
body iframe[src*="youtube.com/embed/"]{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  display: block !important;
}

/* 「フクブルからのメッセージ」枠 */
body > div > .about-spider-title-word{
  width: 92% !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  align-items: center !important;
}

body > div > .about-spider-title-word > div:first-child{
  flex: 0 0 4px !important;
  width: 4px !important;
  height: 2.4rem !important;
}

body > div > .about-spider-title-word > div:last-child{
  font-size: 1.08rem !important;
  line-height: 1.45 !important;
  transform: translateY(-2px) !important;
}

/* 社員写真＋メッセージを縦並び */
body > div[style*="margin-bottom : 2rem"] > div[style*="align-items:center"]{
  width: 92% !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

body > div[style*="margin-bottom : 2rem"] > div[style*="align-items:center"] > div:first-child,
body > div[style*="margin-bottom : 2rem"] > div[style*="align-items:center"] > div:last-child{
  width: 100% !important;
  margin-right: 0 !important;
}

body > div[style*="margin-bottom : 2rem"] > div[style*="align-items:center"] > div:last-child{
  margin-top: 16px !important;
}

body > div[style*="margin-bottom : 2rem"] > div[style*="align-items:center"] span{
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}

/* =========================================================
   【トップページ】index.html
   スマホ表示調整（768px以下）
   ========================================================= */

/* トップページも Noto Sans JP に統一 */
.main,
.main *,
.soudan,
.soudan *,
.customer-info-title,
.fee,
.fee *,
.promotion-title,
.promotion-image-word,
.promotion-image-word *,
.features,
.features *,
.service,
.service *,
.fukubull-info-title,
.faq,
.faq *{
  font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

/* ファーストビュー */
.main{
  height: auto !important;
  margin-top: 80px !important;
  margin-bottom: 24px !important;
}

.main-image{
  width: 100% !important;
  height: auto !important;
  z-index: auto !important;
}

.main-image > img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.main-words{
  width: 72% !important;
  margin-left: 7% !important;
  top: 34% !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
}

.main-words > b > span:first-child{
  font-size: 1.35rem !important;
  line-height: 1.45 !important;
}

.main-words > b > span:last-child{
  font-size: 0.75rem !important;
  line-height: 1.55 !important;
}

/* 相談会・LINE */
.soudan > div,
.soudan-image,
.line-image{
  width: 92% !important;
  max-width: 92% !important;
  height: auto !important;
}

.soudan-word-background{
  width: 92% !important;
  box-sizing: border-box !important;
  font-size: 0.9rem !important;
  line-height: 1.75 !important;
}

/* Works */
body > div[style*="text-align : center"] > b > span[style*="4rem"]{
  font-size: 2.25rem !important;
  line-height: 1.25 !important;
}

/* お客様に知ってほしいこと */
.customer-info-title{
  font-size: 1.65rem !important;
  line-height: 1.45 !important;
}

.customer-info-card{
  width: 92% !important;
}

.customer-info-more{
  width: 70% !important;
  min-height: 44px !important;
}

.customer-info-more-word{
  font-size: 0.95rem !important;
}

/* 工事価格紹介 */
.fee{
  height: auto !important;
  margin-bottom: 48px !important;
}

.fee-part{
  width: 92% !important;
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.fee-word-part{
  width: 100% !important;
  height: auto !important;
}

.fee-word{
  width: 100% !important;
  height: auto !important;
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}

.fee-word h2,
.fee-word h2 span{
  font-size: 1.2rem !important;
  line-height: 1.55 !important;
}

.fee-word p,
.fee-word p span{
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}

.fee-image{
  display: none !important;
}

/* Promotion */
.promotion-title > b > span{
  font-size: 2.1rem !important;
  line-height: 1.3 !important;
}

.promotion-title h2{
  width: 92% !important;
  margin: 4px auto 0 !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
}

.promotion-image-word{
  width: 100% !important;
  flex-direction: column !important;
  align-items: center !important;
}

.promotion-image,
.promotion-word-button{
  width: 92% !important;
}

.promotion-image img{
  width: 100% !important;
  height: auto !important;
  margin-left: 0 !important;
}

.promotion-word{
  width: 100% !important;
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
  margin-top: 18px !important;
}

.promotion-button{
  width: 100% !important;
  gap: 10px !important;
  margin-top: 20px !important;
}

.spider-button,
.house-packinf-button{
  width: calc(50% - 5px) !important;
  min-height: 44px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.spider-button span,
.house-packinf-button span{
  font-size: 0.85rem !important;
}

/* Features */
.features-title > b > span{
  font-size: 2.1rem !important;
}

.features-part{
  width: 100% !important;
  margin-top: 28px !important;
  height: auto !important;
}

.cs-port-st3-grid{
  width: 92% !important;
  grid-template-columns: 1fr !important;
}

.cs-port-st3-title,
.cs-port-st3-title span{
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
}

.cs-port-st3-text,
.cs-port-st3-text span{
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}

/* Service */
.service{
  width: 100% !important;
  height: auto !important;
  padding-bottom: 36px !important;
}

.service-part{
  width: 92% !important;
  height: auto !important;
}

.service-title{
  margin-left: 0 !important;
}

.service-title > b > span{
  font-size: 2.1rem !important;
}

.service-title > span{
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}

.service-list1,
.service-list2{
  width: 100% !important;
  height: auto !important;
  flex-direction: column !important;
}

.service-word1,
.service-word2,
.service-word3{
  width: 100% !important;
  height: auto !important;
  margin: 12px 0 0 !important;
  box-sizing: border-box !important;
  padding: 18px !important;
}

.service-word1 > span:first-child,
.service-word2 > span:first-child,
.service-word3 > span:first-child{
  font-size: 1.05rem !important;
  font-weight: 700 !important;
}

.service-word1 span,
.service-word2 span,
.service-word3 span{
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}

/* フクブル通信 */
.fukubull-info-title span{
  font-size: 2rem !important;
  line-height: 1.4 !important;
}

/* FAQ */
body > h2 > span[style*="3rem"]{
  font-size: 2.1rem !important;
}

.faq{
  width: 92% !important;
  margin-left: 4% !important;
  box-sizing: border-box !important;
}

.faq-part{
  width: 100% !important;
  padding: 0 !important;
}

.faq details{
  box-sizing: border-box !important;
  padding: 12px !important;
  margin-bottom: 12px !important;
}

.faq summary span{
  font-size: 0.95rem !important;
  line-height: 1.65 !important;
  letter-spacing: 0.04em !important;
}

.faq p,
.faq p span{
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}

/* =========================================================
   【全ページ共通】四角・帯の中の文字を縦方向中央に統一
   =========================================================
   ※文字サイズは変更しません。縦位置だけを揃えます。
   ========================================================= */

.about-spider-title-word{
  align-items: center !important;
  box-sizing: border-box !important;
}
.about-spider-title-word > div:not(:first-child){
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
}
.about-spider-title-word[style*="background-image"] > div:first-child{
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
}
.about-spider-title-word h2,
.about-spider-title-word h3{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  vertical-align: middle !important;
  transform: translateY(-1px) !important;
}
.customer-info-more,
.fukubull-info-more{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.customer-info-more-word{
  line-height: 1.3 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.faq summary{
  min-height: 2.4rem !important;
  display: flex !important;
  align-items: center !important;
}
.faq summary > span{
  line-height: 1.55 !important;
  vertical-align: middle !important;
}

/* 【施工実績ページ】works 関連 */

.works-list{
	display: flex;
	justify-content: center;
	flex-direction: column !important;
	align-items: center !important;
}

.works-page-list1{
	margin-right: 0px!important;
	margin-top: 5%!important;
}

.works-page-list2{
	margin-left: 0px!important;
margin-top: 5%!important;
}

.works-page-list3{

margin-left: 0px!important;
margin-top: 5%!important;

}


/*works page部分*/



/* 【全ページ共通】通常フッター */

.footer{
	display: flex!important;
	justify-content: center!important;
	flex-direction: column !important;
align-items: center !important;
margin-bottom: 15%!important;
}

.footer-part{
	display: flex!important;
	justify-content: center!important;
	flex-direction: column !important;
align-items: center !important;

}

	
.footer-logo{
	display: flex!important;
	justify-content: center!important;
	flex-direction: column !important;
align-items: center !important;
}

.hpb-cnt-cell3{
	display: flex!important;
	justify-content: center!important;
	flex-direction: column !important;
align-items: center !important;

}

	.hpb-cnt-cell3 img{
	
	height: auto;
	
	margin-top: 5%;
	
	margin-bottom: 5%;
	
}


.footer-button{
	display: none !important;
       
}



	.kotei-footer{
	
	width: 100%!important;
	
	z-index: 9999!important;
	
}

.kotei-footer-word{
	display: none!important;
}

.kotei-footer-image{
	display: none!important;
}




	.kotei-footer-tel{
	
	width: 30%!important;
	
	display: flex!important;
	
	margin-left: 5%!important;
	
	margin-right: 0px!important;
	
	justify-content: center!important;
z-index: 9999!important;
	
}

.kotei-footer-map{
	width: 30%!important;
margin-left: 5%!important;
	margin-right: 0px!important;
z-index: 9999!important;
}

.kotei-footer-line{
	width: 30%!important;
z-index: 9999!important;

}

/* =========================================================
   【全ページ共通】固定フッター：元デザイン維持・重なり修正
   ========================================================= */

/* 固定フッター全体を本文より必ず手前に表示 */
body > div:has(> .kotei-footer){
  z-index: 10000 !important;
  isolation: isolate !important;
}

/* 固定フッターの後ろから本文文字が透けて見えないようにする */
body > div:has(> .kotei-footer)::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: white !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

/* ページ最下部の本文が固定フッターの下に隠れないよう余白だけ追加 */
body{
  padding-bottom: 72px !important;
  box-sizing: border-box !important;
}

/* =========================================================
   newmethod オレンジ見出し 最終修正
   company-info 用の汎用指定が文字コンテナを4px幅にしていたため上書き
   ========================================================= */
.spider-title > .about-spider-title-word[style*="background-image"] > div:first-child,
.housepacking-title > .about-spider-title-word[style*="background-image"] > div:first-child,
.soil-title > .about-spider-title-word[style*="background-image"] > div:first-child{
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

.spider-title > .about-spider-title-word[style*="background-image"] h2,
.housepacking-title > .about-spider-title-word[style*="background-image"] h2,
.soil-title > .about-spider-title-word[style*="background-image"] h2{
  width: 100% !important;
  margin: 0 !important;
  writing-mode: horizontal-tb !important;
}

.spider-title > .about-spider-title-word[style*="background-image"] h2 span,
.housepacking-title > .about-spider-title-word[style*="background-image"] h2 span,
.soil-title > .about-spider-title-word[style*="background-image"] h2 span{
  display: inline !important;
  width: auto !important;
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* =========================================================
   newmethod 見出し：四角内で文字を縦方向の中央に揃える
   文字サイズは変更しない
   ========================================================= */

/* オレンジ背景の大見出し */
.spider-title > .about-spider-title-word[style*="background-image"],
.housepacking-title > .about-spider-title-word[style*="background-image"],
.soil-title > .about-spider-title-word[style*="background-image"]{
  display: flex !important;
  align-items: center !important;
}

.spider-title > .about-spider-title-word[style*="background-image"] > div:first-child,
.housepacking-title > .about-spider-title-word[style*="background-image"] > div:first-child,
.soil-title > .about-spider-title-word[style*="background-image"] > div:first-child{
  display: flex !important;
  align-items: center !important;
  align-self: stretch !important;
}

.spider-title > .about-spider-title-word[style*="background-image"] h2,
.housepacking-title > .about-spider-title-word[style*="background-image"] h2,
.soil-title > .about-spider-title-word[style*="background-image"] h2{
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45 !important;
  transform: translateY(-1px) !important;
}

/* 白背景＋左オレンジ線の小見出し */
.about-spider-title > .about-spider-title-word,
.spider-works-title > .about-spider-title-word,
.spider-how-title > .about-spider-title-word,
.soil-analysis-title > .about-spider-title-word {
  align-items: center !important;
}

.about-spider-title > .about-spider-title-word > div:last-child,
.spider-works-title > .about-spider-title-word > div:last-child,
.spider-how-title > .about-spider-title-word > div:last-child,
.soil-analysis-title > .about-spider-title-word > div:last-child{
  display: flex !important;
  align-items: center !important;
  align-self: stretch !important;
}

.about-spider-title > .about-spider-title-word h3,
.spider-works-title > .about-spider-title-word h3,
.spider-how-title > .about-spider-title-word h3,
.soil-analysis-title > .about-spider-title-word h3{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45 !important;
  transform: translateY(-1px) !important;
}

/* 【フクブル通信】fukubull-info 関連 */
.date-ninki-list{
  display : none!important;
}

.fukubull-news-list{
  width : 100%!important;
}

}