/* デザイナー用stylesheet */
/*** 同じセクションが複数設置される場合はclassが変わりますのでコーダーにご相談ください！！ ***/
/* フッター背景設定 */
/*#footer{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
}*/
/* フッター背景と文字色（白文字）設定 */
*#footer{
	background-color: #cc3b42;
	color: #fff;
}
.footer-company__map a{
	border: 1px solid rgb(255 255 255);
	color: #fff;
}
.p-footer-bar--type2{
	background: #cc3b42;
}
.sns_button_list.color_type2 li.insta a:before{
	color: #ffffff;
}
#footer .swiper li a{
	color: #fff;
}
.privacy_policy_sp a{
	color: #fff;
}
#footer_catch{
	color:#fff;
}
.privacy_policy_pc a{
	color: #fff;
}
@media screen and (min-width: 641px) {
	#footer_inner_right .swiper a:hover{
	        border-bottom: 1px solid #ffffff;
	}
}
.footer-company__map a:hover{
	background-color: rgba(0, 0, 0, 0.15);
}

/* サービス一覧セクション背景設定 */
/*.cb_service_list{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
}*/

/* セールスコンテンツセクション背景設定 */
/*.cb_selling_point{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
} */

/* 事例一覧セクション背景設定 */
/*.cb_case_study_list{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
} */
@media screen and (max-width: 800px){
	.cb_white_bg{
	padding: 60px 0;
	}
}
body .case_cat_id5{
	background:#cc3b42!important;
}
body .case_cat_id7{
	background:#cc3b42!important;
}
body .case_cat_id5:hover, a:hover .case_cat_id5{
	background:#f52b28!important;
}
body .case_cat_id7:hover, a:hover .case_cat_id7{
	background:#f52b28!important;
}

/* 投稿一覧セクション背景設定 */
.cb_blog_list{
	background:url(http://enjoyworks-seisaku.uno/wp-content/uploads/bg_blog.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
/* ブログスライド：白背景をスライド高さに揃える */
.cb_blog_list .swiper-slide {
    display: flex !important;
    flex-direction: column;
}
.cb_blog_list .swiper-slide .content {
    flex-grow: 1;
} 
.category_button{
	    background: #cc3b42;
}
.category_button:hover {
  background-color: #f52b28;
}

/* 画像カルーセルセクション背景設定 */
/*.cb_design_carousel{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
}*/
#cb_content_1 .rich_font, .p-vertical{
	color: #cc3b42;
}

/* お知らせ一覧セクション背景設定 */
/*.cb_news_list{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
}*/

/* フリースペースセクション背景設定 */
/*.cb_free_space{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
}*/

/* ヘッダー調整（枠をつける） */
@media screen and (min-width: 1201px) {
	.header-typea #header_message{
	        border-top: 1px solid #000;
	        border-left: 1px solid #000;
	}
	.head-mail-btn a{
		border-top: 1px solid #000;
	    border-left: 1px solid #000;
		border-right: 1px solid #000;
	}
	#global_menu > ul > li > a{
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	    border-left: 1px solid #000;
	}
	.header-typea #global_menu > ul{
		border-right: 1px solid #000;
	}
	.header-typea #global_menu > ul > li{
		border-right:none;
	}
	body.open_header #header{
		box-shadow:none;
	}
}

/* サブメニュー調整 */
#global_menu ul ul a{
	background: #fdecbf;
	color: #000;
}
#global_menu > ul ul > li:first-of-type > a:after{
	border-color:transparent transparent #fdecbf transparent;
}

/* セールスコンテンツ調整 */
.cb_selling_point.num2 .sp_content.num1{
	background:url(http://enjoyworks-seisaku.uno/wp-content/uploads/bg_sec2.png) no-repeat;
	background-size:cover;
	background-position:center center;
} 
.cb_selling_point.num2 .sp_content.num3{
	background:url(http://enjoyworks-seisaku.uno/wp-content/uploads/bg_sec3.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
.cb_selling_point.num4 .sp_content.num1{
	background:url(http://enjoyworks-seisaku.uno/wp-content/uploads/bg_sec5.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
.sp_content .main_content .point{
	background: #cc3b42;
}
.sp_content .main_content .catch{
	font-size: 40px;
}
@media screen and (max-width: 800px) {
	.sp_content .main_content .catch{
	font-size: 22px;
	}
}

.sp_content_inner{
	padding: 5.5rem 0;
}
@media screen and (min-width: 1251px){
	.sp_content_inner{
	width: 1100px;
	}
}
@media screen and (max-width: 800px) {
		.sp_content_inner{
	padding: 40px 20px;
		}
}
@media screen and (max-width: 800px) {
	.sp_content .main_content{
	 margin-top: 1rem;
	margin-bottom: 3rem;
	}
}
.cb_selling_point.num2 .sp_content.num1 .design_button{
	border-color: #cc3b42!important;
	    color: #cc3b42!important;
}
.cb_selling_point.num2 .sp_content.num3 .design_button{
	    border-color: #cc3b42!important;
	    color: #cc3b42!important;
}
.cb_selling_point.num2 .sp_content.num1 .design_button:hover,
.cb_selling_point.num2 .sp_content.num3 .design_button:hover{
	color: #fff !important;
}

/* ハンバーガー展開時調整 */
@media screen and (max-width: 1250px){
	#drawer_menu{
		background: #cc3b42;
	}
}

/* スプラッシュロゴ：スマホ中央配置 */
#site_loader_overlay #loader_logo_image img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

/* キャッチコピー */
@media screen and (min-width: 801px) {
	#header_slider_content {
		top: 52%;
		padding-right: 0;
	}
	#header_slider_content .catch-image {
		text-align: right;
	}
	#header_slider_content .catch-image img {
		max-width: 650px;
	}
}
@media screen and (max-width: 800px) {
	#header_slider_content {
		padding: 0 24px;
		top: 33%;
	}
}
@media screen and (min-width: 540px) and (max-width: 1024px) {
	#header_slider_content .catch-image img {
		max-width: 61%;
	}
}

/* 事例セクション調整 */
body .case_cat_id5{
	    background:#cc3b42!important;
}

/* メイン画像調整 */
@media screen and (max-width: 430px) {
	#header_slider_wrap{
		max-height: 730px;
	}
}
@media screen and (min-width: 431px) and (max-width: 800px) {
	#header_slider_wrap{
		max-height: 930px;
	}
}
@media screen and (min-width: 801px) and (max-width: 1200px) {
	#header_slider_wrap{
		max-height: 930px;
	}
}

/* 下層：採用を知る調整 */
.listcont{
	    background: #fff4d8;
}

/* 下層：ブログページの色調整 */
@media (hover: hover) {
    .category_sort_button a:hover {
		background: #cc3b42;
	}
}

/* 下層：キャリアマップページの調整 */
.gray_bg{
	    padding: 50px 50px 35px;
}

/* 下層全体の小見出しの調整 */
@media screen and (max-width: 480px) {
    #page_contents h2, #page_contents h2.rich_font {
	        margin-bottom: 32px!important;	
	}
}
@media screen and (max-width: 640px) {
	#defocont .content_box_r, #defocont .content_box_l{
		margin-top: 5px;
		margin-bottom: 8px;
	}
}

/* ===== FAQ下部CTA（seraADD） ===== */
.faq-bottom-cta {
  max-width: 1030px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.faq-bottom-cta__buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.faq-bottom-cta__buttons .design_button {
    flex: 1;
    width: auto;
    min-width: 0;
}
.faq-bottom-cta__banner {
  text-align: center;
  margin-top: 3rem;
}
.faq-bottom-cta__banner img {
  max-width: 100%;
  height: auto;
  transition: opacity 0.3s;
}
.faq-bottom-cta__banner a:hover img {
  opacity: 0.8;
}

#flow .p4cont3 .faq-bottom-cta__banner {
  margin-top: 0!important;
}

/* SP対応 */
@media screen and (max-width: 800px) {
  .faq-bottom-cta {
    padding: 0;
  }
  .faq-bottom-cta__buttons {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin-bottom: 30px;
  }
  .faq-bottom-cta__buttons .design_button {
    width: 100%;
  }
}


/* ============================================================
   施工実績カテゴリ記事一覧
   ============================================================ */
.custom-cat-posts {
    max-width: 1100px;
    margin: 0 auto;
    padding: 80px 48px 120px;
}
.custom-cat-posts__title {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 55px;
    color: #000;
}
.custom-cat-posts__desc {
    text-align: center;
    max-width: 800px;
    margin: -30px auto 50px;
    font-size: 18px;
    line-height: 2.4;
    color: #333;
}
.custom-cat-posts__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}
.custom-cat-posts__item {
    background: #fff;
    overflow: hidden;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.custom-cat-posts__thumb-link {
    display: block;
    overflow: hidden;
}
.custom-cat-posts__thumb-link:hover img {
    transform: scale(1.2);
}
.custom-cat-posts__thumb img {
    width: 100%;
    aspect-ratio: 720 / 462;
    height: auto;
    object-fit: cover;
    display: block;
    transition: transform 0.5s;
}
.custom-cat-posts__no-thumb {
    width: 100%;
    aspect-ratio: 720 / 462;
    background: #eee;
}
.custom-cat-posts__meta {
    padding: 30px 40px;
}
.custom-cat-posts__date {
    font-size: 14px;
    color: #999;
    display: block;
    margin-bottom: 0;
}
.custom-cat-posts__name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
    margin: 0 0 7px;
}
.custom-cat-posts__name a {
    color: #333;
    text-decoration: none;
    transition: color 0.25s;
}
.custom-cat-posts__name a:hover {
    color: #cc3b42;
}

/* Tablet */
@media screen and (max-width: 800px) {
    .custom-cat-posts__list {
        grid-template-columns: repeat(2, 1fr);
    }
    .custom-cat-posts__item:nth-child(3n) {
        border-right: 1px solid #ddd;
    }
    .custom-cat-posts__title {
        font-size: 28px;
    }
    .custom-cat-posts {
        padding: 0 48px 80px;
    }
    .custom-cat-posts__meta {
        padding: 20px 25px;
    }
}
/* SP */
@media screen and (max-width: 480px) {
    .custom-cat-posts__list {
        grid-template-columns: 1fr;
    }
    .custom-cat-posts {
        padding: 0 20px 60px;
    }
    .custom-cat-posts__title {
        font-size: 24px;
        margin-bottom: 35px;
    }
    .custom-cat-posts__desc {
        font-size: 14px;
        line-height: 1.8;
        margin: -15px auto 35px;
    }
    .custom-cat-posts__meta {
        padding: 15px 20px;
    }
    .custom-cat-posts__name {
        font-size: 16px;
    }
}

/*---------------------------------------------
 * スライダーコンテンツ（/work ページ）
 *---------------------------------------------*/
/* 外枠：コンテンツ幅いっぱいのグレー罫線ボックス */
#slidercont {
    border: 1px solid #ccc;
    padding: 60px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;

    align-items: center;
    justify-content: center;
}
#slidercont .sliderwrap {
    width: 100%;
}
#slidercont #slick1 {
    margin-bottom: 0;
}
.sliderwrap .slick-list {
    overflow: hidden;
    max-width: 70%;
    margin: 0 auto;
}
.sliderwrap .slick-slide img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}

/* ドットナビゲーション */
.sliderwrap .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 20px;
    padding: 0;
    list-style: none;
    text-align: center;
    display: flex !important;
    justify-content: center;
    gap: 14px;
}
.sliderwrap .slick-dots li {
    width: 16px;
    height: 16px;
    margin: 0;
}
.sliderwrap .slick-dots li button {
    width: 16px;
    height: 16px;
    padding: 0;
    border: 1px solid #cc3b42;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}
.sliderwrap .slick-dots li button:before {
    display: none;
}
.sliderwrap .slick-dots li.slick-active button {
    background: #cc3b42;
}


/* スライダー：タブレット・スマホ対応 */
@media screen and (max-width: 1024px) {
    #slidercont {
        border: none;
        padding: 0;
    }
    .sliderwrap .slick-list {
        max-width: 100%;
    }
}

/*---------------------------------------------
 * トップページ：セクション上下padding統一
 * PC: 104px / タブレット: 60px / スマホ: 48px
 *---------------------------------------------*/
.home #content_builder > section,
.home #content_builder > .custom-cat-posts {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
}
.home #content_builder > .cb_selling_point {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.home .cb_selling_point .sp_content_inner {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
}
@media screen and (max-width: 1000px) {
    .home #content_builder > section,
    .home #content_builder > .custom-cat-posts {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .home #content_builder > .cb_selling_point {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .home .cb_selling_point .sp_content_inner {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}
@media screen and (max-width: 800px) {
    .home #content_builder > section,
    .home #content_builder > .custom-cat-posts {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    .home #content_builder > .cb_selling_point {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .home .cb_selling_point .sp_content_inner {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
}

/* ===== /work ページ デザイン調整（トップページのトンマナに揃える） ===== */

/* コンテナ幅統一 */
#page_contents {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 48px;
}

/* セクション見出し */
#page_contents h2,
#page_contents h2.rich_font {
    font-size: 36px !important;
    font-weight: 600;
    color: #000;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 1.4;
}

/* 仕事の全体像 - ボックス内テキストサイズ調整 */
.r01__text {
    font-size: 16px;
}
#page_contents .slider_section {
    padding: 80px 0 30px;
}

/* 小見出し */
#page_contents h3,
#page_contents h3.rich_font {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-bottom: 28px;
    padding-bottom: 12px;
    border-bottom: 3px solid #999;
    position: relative;
	margin-top: 0;
    line-height: 1.4;
}
#page_contents h3::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 90px;
    height: 3px;
    background-color: #cc3b42;
}

/* 本文の行間統一 */
#page_contents p,
#page_contents .plinheight {
    font-size: 16px;
    line-height: 2.4;
    color: #333;
}

/* 標準コンテンツセクション間の余白 */
#page_contents #allcontent {
    padding: 80px 0 30px;
}

/* 画像+テキスト レイアウト */
#page_contents .allcontentbox {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}
#page_contents .image_box_l,
#page_contents .image_box_r {
    flex: 0 0 48%;
    padding-top: 39px;
}
#page_contents .image_box_l img,
#page_contents .image_box_r img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}
#page_contents .content_box_l,
#page_contents .content_box_r,
#page_contents .content_box_full {
    flex: 1;
}

/* Q&Aセクション */
#page_contents .acwrap {
    padding: 80px 0 30px;
}

/* Q&A Section - FAQ-style restyle */
#page_contents .acwrap > h2.rich_font + div {
    border: 1px solid #ddd;
    padding: 40px 40px 20px;
}
#page_contents .qafream {
    border: none;
    border-top: 1px solid #ddd;
    padding: 30px 0;
    margin-top: 0;
}
#page_contents .qafream:first-of-type {
    border-top: none;
}

/* Question row */
#page_contents .qcont {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
#page_contents .qcont .qaicon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 20px;
}
#page_contents .qcont .qaicon .question {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #cc3b42;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}
#page_contents .qcont .qacontent {
    flex: 1;
    min-width: 0;
}
#page_contents .qcont .qatxt,
#page_contents .qcont .qatxt.qaborder {
    font-size: 20px;
    font-weight: 600;
    color: #cc3b42;
    line-height: 1.5;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Answer row - icon hidden, text aligned with Q text */
#page_contents .acont .qaicon {
    display: none;
}
#page_contents .acont .qacontent {
    padding-left: 0;
}
#page_contents .acont .qatxt {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 2.0;
}

/* フローセクション */
#page_contents .article {
    padding: 80px 0 30px;
}
#page_contents .flow-no {
    width: 44px;
    height: 44px;
    font-size: 18px;
    background: #cc3b42;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}
#page_contents .flow-sub-title {
    font-size: 20px;
    font-weight: 600;
}
#page_contents .flowwrap {
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: none;
}
#page_contents .flowwrap:last-child {
    border-bottom: none;
}

/* スライダーセクション */
#page_contents #slidercont {
    padding: 0;
}
#page_contents .sliderwrap {
    padding: 0 0 30px;
}



/* フリーコンテンツセクション */
#page_contents .freecont_article {
    padding: 0;
}

/* /work レスポンシブ - タブレット */
@media screen and (max-width: 800px) {
    #page_contents {
        padding: 0 48px;
    }
    #page_contents h2,
    #page_contents h2.rich_font {
        font-size: 28px !important;
        margin-top: 0;
        margin-bottom: 24px;
        line-height: 1.4;
    }
    #page_contents h3,
    #page_contents h3.rich_font {
        margin-bottom: 20px;
    }
    #page_contents .content_box_r,
    #page_contents .content_box_l {
        padding-top: 0;
    }
    /* /reason 3つの理由 - 縦並び時の写真テキスト間詰め */
    #page_contents .allcontentbox .image_box_l,
    #page_contents .allcontentbox .image_box_r {
        margin-bottom: 0;
    }
    #page_contents .allcontentbox {
        flex-direction: column !important;
        gap: 12px;
        align-items: stretch;
    }
    #page_contents .image_box_l,
    #page_contents .image_box_r {
        flex: none;
        width: 100%;
        padding-top: 0;
    }
    #page_contents .content_box_l,
    #page_contents .content_box_r {
        width: 100%;
    }
    #page_contents #allcontent,
    #page_contents .p4cont3,
    #page_contents .sliderwrap,
    #page_contents .acwrap,
    #page_contents .freecont_article {
        padding: 0;
    }
    /* Q&A tablet */
    #page_contents .acwrap > h2.rich_font + div {
        border-left: none;
        border-right: none;
        padding-left: 0;
        padding-right: 0;
    }
    #page_contents .qcont .qaicon {
        width: 36px;
        height: 36px;
        margin-right: 15px;
    }
    #page_contents .qcont .qaicon .question {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }
    #page_contents .qcont .qatxt,
    #page_contents .qcont .qatxt.qaborder {
        font-size: 18px;
    }
    #page_contents .acont .qacontent {
        padding-left: 0;
    }
}

/* /work レスポンシブ - スマホ */
@media screen and (max-width: 480px) {
    #page_contents {
        padding: 0 20px;
    }
    #page_contents h2,
    #page_contents h2.rich_font {
        font-size: 24px !important;
        margin-top: 0;
        margin-bottom: 20px;
        line-height: 1.4;
    }
    #page_contents h3,
    #page_contents h3.rich_font {
        font-size: 18px;
        margin-bottom: 16px;
        padding-bottom: 10px;
        line-height: 1.4;
    }
    #page_contents h3::after {
        width: 24px;
    }
    #page_contents #allcontent,
    #page_contents .p4cont3,
    #page_contents .sliderwrap,
    #page_contents .acwrap,
    #page_contents .freecont_article {
        padding: 0;
    }
    /* Q&A smartphone */
    #page_contents .qafream {
        padding: 20px 0;
    }
    #page_contents .qcont .qaicon {
        width: 32px;
        height: 32px;
        margin-right: 12px;
    }
    #page_contents .qcont .qaicon .question {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
    #page_contents .qcont .qatxt,
    #page_contents .qcont .qatxt.qaborder {
        font-size: 16px;
        line-height: 1.4;
    }
    #page_contents .acont .qacontent {
        padding-left: 0;
    }
    #page_contents .acont .qatxt {
        font-size: 14px;
        line-height: 1.8;
    }
    /* 会社概要テーブル SP余白調整 */
    .informationtable .infosubtitle {
        padding-bottom: 4px;
    }
    .informationtable .infosubcont {
        padding-top: 4px;
    }
}

/* 会社概要テーブル SP余白調整 タブレット含む */
@media screen and (max-width: 959px) {
    .informationtable .infosubtitle {
        padding-bottom: 4px;
    }
	    .informationtable .infosubcont {
        padding-top: 4px;
    }
}

/* =========================================
   r05 - 年収カードセクション
   SEEED (TCD105) Design System Applied
   ========================================= */

/* --- 変数定義（SEEEDトンマナ準拠） --- */
.r05 {
    /* カラー */
    --r05-primary-color: #999999;
    --r05-accent-color: #cc3b42;
    --r05-text-color: #000000;
    --r05-text-secondary: #333333;
    --r05-bg-color: transparent;
    --r05-card-bg: #ffffff;
    --r05-border-color: #cccccc;

    /* タイポグラフィ */
    --r05-font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
                        "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
    --r05-title-size: 18px;
    --r05-title-size-sp: 16px;
    --r05-text-size: 16px;
    --r05-text-size-sp: 15px;
    --r05-amount-size: 42px;
    --r05-amount-size-sp: 36px;
    --r05-unit-size: 20px;
    --r05-unit-size-sp: 18px;

    /* スペーシング */
    --r05-gap: 24px;
    --r05-gap-sp: 24px;
    --r05-card-padding: 24px;
    --r05-card-padding-sp: 24px 16px;

    /* ボーダー */
    --r05-border-radius: 8px;
    --r05-border-width: 3px;

    /* サークル */
    --r05-circle-size: 50px;
    --r05-circle-size-sp: 44px;
}

/* --- ベーススタイル --- */
.r05 {
    background-color: var(--r05-bg-color);
    margin-top: 80px;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.6;
    color: var(--r05-text-color);
    font-family: var(--r05-font-family);
}

.r05 *,
.r05 *::before,
.r05 *::after {
    box-sizing: border-box;
}

/* --- レイアウト --- */
.r05__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    width: 100%;
}

.r05__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--r05-gap);
}

/* --- カード --- */
.r05__card {
    background-color: var(--r05-card-bg);
    border: var(--r05-border-width) solid var(--r05-primary-color);
    border-radius: var(--r05-border-radius);
    padding: var(--r05-card-padding);
    text-align: center;
}

/* --- タイトル --- */
.r05__title {
    font-size: var(--r05-title-size);
    font-weight: 600;
    color: var(--r05-text-color);
    margin: 0 0 16px 0;
    line-height: 1.3;
}

/* CMS上書き対策 */
.post_content h5.r05__title {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

/* --- 年収エリア --- */
.r05__salary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--r05-border-color);
    margin-bottom: 24px;
    flex-wrap: wrap;
    row-gap: 8px;
}

.r05__salary-circle {
    width: var(--r05-circle-size);
    height: var(--r05-circle-size);
    border-radius: 50%;
    background-color: var(--r05-accent-color);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
}

.r05__salary-value {
    color: var(--r05-accent-color);
    margin: 0 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
    justify-content: center;
    height: var(--r05-circle-size);
}

.r05__salary-amount {
    font-size: var(--r05-amount-size);
    font-weight: 700;
    white-space: nowrap;
    line-height: 1 !important;
    display: inline-block;
    vertical-align: middle;
}

.r05__salary-unit {
    font-size: var(--r05-unit-size);
    font-weight: 600;
    white-space: nowrap;
    line-height: 1 !important;
    display: inline-block;
    vertical-align: middle;
}

/* --- コンテンツ --- */
.r05__content {
    font-size: var(--r05-text-size);
    line-height: 1.8;
    color: var(--r05-text-secondary);
    text-align: left;
}

/* --- レスポンシブ (Tablet: 520px以上) --- */
@media screen and (min-width: 520px) {
    .r05__grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* --- レスポンシブ (PC: 992px以上) --- */
@media screen and (min-width: 992px) {
    .r05__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* --- レスポンシブ (Tablet: 800px以下) --- */
@media screen and (max-width: 800px) {
    .r05__container {
        padding: 0 24px;
    }
}

/* --- レスポンシブ (SP: 520px以下) --- */
@media screen and (max-width: 520px) {
    .r05__container {
        padding: 0 16px;
    }

    .r05__card {
        padding: var(--r05-card-padding-sp);
    }

    .r05__title {
        font-size: var(--r05-title-size-sp);
    }

    .r05__salary-circle {
        width: var(--r05-circle-size-sp);
        height: var(--r05-circle-size-sp);
        font-size: 13px;
    }

    .r05__salary-amount {
        font-size: var(--r05-amount-size-sp);
    }

    .r05__salary-unit {
        font-size: var(--r05-unit-size-sp);
    }

    .r05__content {
        font-size: var(--r05-text-size-sp);
    }
}

/* =========================================
   d03 - アイコンカードグリッドセクション
   SEEED (TCD105) Design System Applied
   ========================================= */

/* --- 変数定義（SEEEDトンマナ準拠） --- */
.d03 {
    /* カラー */
    --d03-primary-color: #cc3b42;
    --d03-primary-dark: #006794;
    --d03-bg-color: #f4f4f4;
    --d03-bg-color-alt: #f2f2f2;
    --d03-text-color: #FFFFFF;
    --d03-text-secondary: #FFFFFF;

    /* タイポグラフィ */
    --d03-font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
                        "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
    --d03-title-size: 18px;
    --d03-title-size-sp: 16px;
    --d03-text-size: 16px;
    --d03-text-size-sp: 14px;

    /* スペーシング */
    --d03-gap: 24px;
    --d03-card-padding: 40px 24px 24px;
    --d03-card-padding-sp: 32px 16px 24px;

    /* ボーダー */
    --d03-border-radius: 8px;
    --d03-title-radius: 9999px;

    /* トランジション */
    --d03-transition: 0.3s ease;
}

/* --- ベーススタイル --- */
.d03 {
    color: var(--d03-text-color);
    padding: 0;
    font-family: var(--d03-font-family);
    line-height: 1.6;
}

/* --- 背景バリエーション --- */
.d03--bg-default {
    background-color: var(--d03-bg-color);
}

.d03--bg-alt {
    background-color: var(--d03-bg-color-alt);
}

.d03--bg-transparent {
    background-color: transparent;
}

/* --- レイアウト --- */
.d03__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0;
    width: 100%;
}

.d03__grid {
    display: grid;
    gap: var(--d03-gap);
    width: 100%;
    padding: 0;
}

.d03__grid--cols-3 {
    grid-template-columns: 1fr;
}

.d03__grid--cols-2 {
    grid-template-columns: 1fr;
}

/* --- カード --- */
.d03__card {
    background-color: var(--d03-primary-color);
    color: #ffffff;
    padding: var(--d03-card-padding) !important;
    border-radius: var(--d03-border-radius);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
}

.d03__card-thumb {
    width: 64px;
    margin-bottom: 24px;
}

.d03__card-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.d03__card-title {
    background-color: #ffffff;
    color: var(--d03-primary-color);
    padding: 12px 32px !important;
    border-radius: var(--d03-title-radius);
    margin-bottom: 20px;
    font-weight: 600;
    font-size: var(--d03-title-size);
    width: 100%;
    line-height: 1.3 !important;
    margin-top: 0 !important;
}

/* CMS上書き対策 */
.post_content h4.d03__card-title {
    line-height: 1.3 !important;
    margin-top: 0 !important;
}

.d03__card-text {
	color: #FFF !important;
	font-size: var(--d03-text-size);
    line-height: 1.8;
    margin-bottom: 1em !important;
}

.post_content p.d03__card-text {
	margin-bottom: 1em !important;
}

/* --- レスポンシブ (Tablet: 520px以上) --- */
@media screen and (min-width: 520px) {
    .d03__grid--cols-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* --- レスポンシブ (PC: 992px以上) --- */
@media screen and (min-width: 992px) {
    .d03__grid--cols-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .d03__grid--cols-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* --- レスポンシブ (Tablet: 800px以下) --- */
@media screen and (max-width: 800px) {
    .d03__container {
        padding: 0 24px;
    }
}

/* --- レスポンシブ (SP: 520px以下) --- */
@media screen and (max-width: 520px) {
    .d03__container {
        padding: 0 16px;
    }

    .d03__card {
        padding: var(--d03-card-padding-sp) !important;
    }

    .d03__card-title {
        font-size: var(--d03-title-size-sp);
        padding: 10px 24px !important;
    }

    .d03__card-text {
        font-size: var(--d03-text-size-sp);
    }
}

/* =========================================
   r06 - タイムラインセクション
   SEEED (TCD105) Design System Applied
   ========================================= */

/* --- 変数定義（SEEEDトンマナ準拠） --- */
.r06 {
    /* カラー */
    --r06-primary-color: #cc3b42;
    --r06-text-color: #000000;
    --r06-text-secondary: #333333;
    --r06-bg-color: transparent;
    --r06-line-color: #cc3b42;
    --r06-dot-color: #cc3b42;

    /* タイポグラフィ */
    --r06-font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
                        "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
    --r06-title-size: 34px;
    --r06-title-size-tablet: 28px;
    --r06-title-size-sp: 24px;
    --r06-subtitle-size: 18px;
    --r06-subtitle-size-sp: 15px;
    --r06-time-size: 26px;
    --r06-time-size-sp: 16px;
    --r06-content-title-size: 28px;
    --r06-content-title-size-tablet: 24px;
    --r06-content-title-size-sp: 16px;
    --r06-text-size: 16px;
    --r06-text-size-sp: 14px;

    /* スペーシング */
    --r06-header-margin: 48px;
    --r06-header-margin-sp: 32px;
    --r06-item-gap: 48px;
    --r06-item-gap-sp: 32px;

    /* タイムライン */
    --r06-time-width: 120px;
    --r06-time-width-sp: 60px;
    --r06-dot-size: 15px;
    --r06-dot-size-sp: 10px;
    --r06-line-width: 1px;

    /* ボーダー */
    --r06-border-radius: 8px;

    /* トランジション */
    --r06-transition: 0.3s ease;
}

/* --- ベーススタイル --- */
.r06 {
    background-color: var(--r06-bg-color);
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.6;
    color: var(--r06-text-color);
    font-family: var(--r06-font-family);
}

.r06 *,
.r06 *::before,
.r06 *::after {
    box-sizing: border-box;
}

.r06 img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: none;
    outline: none;
}

/* --- レイアウト --- */
.r06__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    width: 100%;
}

/* --- ヘッダー --- */
.r06__header {
    text-align: center;
    margin-bottom: var(--r06-header-margin);
}

.r06__title {
    font-size: var(--r06-title-size);
    font-weight: 600;
    color: var(--r06-primary-color);
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.r06__subtitle {
    font-size: var(--r06-subtitle-size);
    font-weight: 600;
    color: var(--r06-text-color);
    margin: 0;
    line-height: 1.4;
}

/* CMS上書き対策 */
.post_content h3.r06__title {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

.post_content p.r06__subtitle {
    margin-bottom: 0 !important;
}

/* --- ボディ --- */
.r06__body {
    display: flex;
    gap: 40px;
}

/* --- タイムライン --- */
.r06__timeline {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* --- アイテム --- */
.r06__item {
    display: flex;
    gap: 24px;
    padding-bottom: var(--r06-item-gap);
    position: relative;
}

.r06__item:last-child {
    padding-bottom: 0;
}

/* 縦線 */
.r06__item::before {
    content: "";
    position: absolute;
    left: calc(var(--r06-time-width) + 12px - var(--r06-line-width) / 2);
    top: 0;
    width: var(--r06-line-width);
    height: 100%;
    background-color: var(--r06-line-color);
}

.r06__item:last-child::before {
    height: var(--r06-dot-size);
}

/* --- 時間 --- */
.r06__time {
    width: var(--r06-time-width);
    flex-shrink: 0;
    font-size: var(--r06-time-size);
    color: var(--r06-text-color);
    text-align: right;
    padding-right: 24px;
    position: relative;
}

/* ドット */
.r06__time::after {
    content: "";
    position: absolute;
    right: calc(-12px - var(--r06-dot-size) / 2);
    top: 50%;
    transform: translateY(-50%);
    width: var(--r06-dot-size);
    height: var(--r06-dot-size);
    border-radius: 50%;
    background-color: var(--r06-dot-color);
}

/* --- コンテンツ --- */
.r06__content {
    flex: 1;
    padding-left: 24px;
}

.r06__content-title {
    font-size: var(--r06-content-title-size);
    font-weight: 600;
    color: var(--r06-text-color);
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.r06__content-text {
    font-size: var(--r06-text-size);
    line-height: 1.8;
    color: var(--r06-text-secondary);
    margin: 0;
}

/* CMS上書き対策 */
.post_content h4.r06__content-title {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

.post_content p.r06__content-text {
    margin-bottom: 0 !important;
}

/* --- サムネイル --- */
.r06__thumbs {
    width: 300px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.r06__thumb {
    border-radius: var(--r06-border-radius);
    overflow: hidden;
}

.r06__thumb img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}

/* --- レスポンシブ (Tablet: 520px〜991px) --- */
@media screen and (min-width: 521px) and (max-width: 991px) {
    .r06__container {
        padding: 0 24px;
    }

    .r06__header {
        margin-bottom: 40px;
    }

    .r06__title {
        font-size: var(--r06-title-size-tablet);
    }

    .r06__body {
        flex-direction: column;
    }

    .r06__content-title {
        font-size: var(--r06-content-title-size-tablet);
    }

    .r06__thumbs {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .r06__thumb {
        width: calc(50% - 8px);
    }
}

/* --- レスポンシブ (SP: 520px以下) --- */
@media screen and (max-width: 520px) {
    .r06__container {
        padding: 0 16px;
    }

    .r06__header {
        margin-bottom: var(--r06-header-margin-sp);
    }

    .r06__title {
        font-size: var(--r06-title-size-sp);
    }

    .r06__subtitle {
        font-size: var(--r06-subtitle-size-sp);
    }

    .r06__body {
        flex-direction: column;
        gap: 32px;
    }

    .r06__item {
        gap: 16px;
        padding-bottom: var(--r06-item-gap-sp);
    }

    .r06__item::before {
        left: calc(var(--r06-time-width-sp) + 8px - var(--r06-line-width) / 2);
    }

    .r06__item:last-child::before {
        height: var(--r06-dot-size-sp);
    }

    .r06__time {
        width: var(--r06-time-width-sp);
        font-size: var(--r06-time-size-sp);
        padding-right: 16px;
    }

    .r06__time::after {
        width: var(--r06-dot-size-sp);
        height: var(--r06-dot-size-sp);
        right: calc(-8px - var(--r06-dot-size-sp) / 2);
    }

    .r06__content {
        padding-left: 16px;
    }

    .r06__content-title {
        font-size: var(--r06-content-title-size-sp);
    }

    .r06__content-text {
        font-size: var(--r06-text-size-sp);
    }

    .r06__thumbs {
        width: 100%;
        gap: 16px;
    }

    .r06__thumb img {
        aspect-ratio: 3 / 2;
    }
}

/* h3左縦線削除 */
h3.styled_h3 {
    border-left: none !important;
    padding-left: 0 !important;
}

/* ==========================================
   全固定ページ 見出しデザイン統一
   ========================================== */

/* h2: recruit_cont_title → styled_h2 風に */
.recruit_cont_title {
    font-size: 28px !important;
    text-align: center !important;
    font-weight: 600 !important;
    color: #000 !important;
    border: none !important;
    background-color: transparent !important;
    margin-top: 84px;
    margin-bottom: 36.4px;
}

/* h3: テンプレート出力のh3 → styled_h3 風に */
.content_box_r h3,
.content_box_l h3,
.content_box_full h3,
.informationtable > h3,
#infotabletitle {
    font-size: 26px !important;
    font-weight: 600 !important;
    text-align: left !important;
    color: #000 !important;
    border-bottom: 3px solid #999;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    padding-left: 0 !important;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: 0;
    margin-bottom: 28px;
    background-color: transparent !important;
}

@media (max-width: 800px) {
    .recruit_cont_title {
        font-size: 22px !important;
    }
    .content_box_r h3,
    .content_box_l h3,
    .content_box_full h3,
    #infotabletitle {
        font-size: 20px !important;
    }
}

/* 全固定ページ セクション間余白（上下均等） */
#page_contents .slider_section,
#page_contents #allcontent,
#page_contents .p4cont3,
#page_contents .sliderwrap,
#page_contents .acwrap,
#page_contents .maeoki,
#page_contents .tabs,
#page_contents .freecont_article,
#page_contents .recruit_section,
#page_contents .post_box {
    padding: 60px 0;
}

/* 空のfreecont_articleのpadding除去 */
#page_contents .freecont_article:not(:has(*)) {
    padding: 0;
}
@media screen and (max-width: 800px) {
    #page_contents .slider_section,
    #page_contents #allcontent,
    #page_contents .p4cont3,
    #page_contents .sliderwrap,
#page_contents .acwrap,
    #page_contents .maeoki,
    #page_contents .tabs,
    #page_contents .freecont_article,
    #page_contents .recruit_section,
    #page_contents .post_box {
        padding: 48px 0;
    }
}

@media screen and (max-width: 480px) {
    #page_contents .slider_section,
    #page_contents #allcontent,
    #page_contents .p4cont3,
    #page_contents .sliderwrap,
    #page_contents .acwrap,
    #page_contents .maeoki,
    #page_contents .tabs,
    #page_contents .freecont_article,
    #page_contents .recruit_section,
    #page_contents .post_box {
        padding: 36px 0;
    }
}

/* ==========================================
   パンくず↔コンテンツ / コンテンツ↔フッター余白
   ========================================== */

/* パンくず → コンテンツ開始（セクション間より広め） */
#bread_crumb {
    margin-bottom: 80px;
}

/* コンテンツ → footer_contact（セクション間より広め） */
#footer_contact {
    margin-top: 80px;
}

@media screen and (max-width: 800px) {
    #bread_crumb {
        margin-bottom: 60px;
    }
    #footer_contact {
        margin-top: 60px;
    }
}

@media screen and (max-width: 480px) {
    #bread_crumb {
        margin-bottom: 48px;
    }
    #footer_contact {
        margin-top: 48px;
    }
}


/* 全固定ページ 画像角丸統一 */
#page_contents img {
    border-radius: 4px;
}

/* .work-intro と下の本文の余白 */
.work-intro {
    margin-bottom: 24px;
}

/* .work-intro 縦並び時の間隔 */
@media screen and (max-width: 640px) {
    .work-intro-img {
        margin-bottom: 20px;
    }
}

/* .post_box / .p4cont3 の重複padding解消（親articleにpadding: 30px 0があるため） */
#page_contents .post_box,
#page_contents .p4cont3 {
    padding-top: 0;
    padding-bottom: 0;
}

/* 標準コンテンツ内の各ブロック間余白 */
#page_contents .post_box + .post_box {
    margin-top: 60px;
}
/* フロー（ご相談から施工完了までの流れ）セクション内の余白調整 */
#page_contents .flowwrap {
    margin-top: 16px;
    padding-bottom: 16px;
}
#page_contents .flowwrap h3 {
    margin-top: 0 !important;
    margin-bottom: 12px;
}

/* タイムライン●の位置調整（時間・h4と横並び） */
.r06__time::after {
    top: 20.8px;
}

/* Q&Aタイトル（スタッフ名）のフォントサイズ調整 */
.acwrap h3.rich_font {
    font-size: 20px !important;
    line-height: 1.4;
}
/* 会社概要ページ セクション間隔 */
.information .greeting_section {
    padding: 0 0 60px;
}
.information .info_section {
    padding: 60px 0;
}

/* 確認ボタンをdesign_buttonスタイルに統一 */
#submit-button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 280px !important;
    height: 60px !important;
    margin: 40px auto 100px !important;
    border: 1px solid #cc3b42 !important;
    border-radius: 60px !important;
    background-color: transparent !important;
    position: relative !important;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}
#submit-button::after {
    content: "" !important;
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 2px solid #cc3b42 !important;
    border-right: 2px solid #cc3b42 !important;
    border-bottom: none !important;
    border-left: none !important;
    transform: translateY(-50%) rotate(45deg) !important;
    left: auto !important;
    bottom: auto !important;
    background: none !important;
}
#submit-button input[type="submit"] {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    color: #cc3b42 !important;
    font-size: 16px !important;
    font-weight: 400;
    cursor: pointer;
    padding: 0 24px !important;
    line-height: 60px !important;
    text-align: center;
}
#submit-button:hover {
    background-color: #cc3b42 !important;
}
#submit-button:hover::after {
    border-top-color: #fff !important;
    border-right-color: #fff !important;
}
#submit-button:hover input[type="submit"] {
    color: #fff !important;
}

/* 確認画面での送信ボタンと戻るボタンの間隔調整 */
.mw_wp_form_confirm #submit-button {
    margin-bottom: 20px !important;
}

/* 入力画面では戻るボタンを非表示 */
.mw_wp_form_input #submit-button-back {
    display: none !important;
}

/* 戻るボタンをdesign_buttonスタイル（グレー配色）に統一 */
#submit-button-back {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 280px !important;
    height: 60px !important;
    margin: 0 auto 40px !important;
    padding: 0 !important;
    border: 1px solid #999 !important;
    border-radius: 60px !important;
    background-color: transparent !important;
    position: relative !important;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}
#submit-button-back::after {
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 2px solid #999 !important;
    border-left: 2px solid #999 !important;
    border-bottom: none !important;
    border-right: none !important;
    transform: translateY(-50%) rotate(-45deg) !important;
    right: auto !important;
    bottom: auto !important;
    background: none !important;
}
#submit-button-back input[type="submit"] {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    color: #999 !important;
    font-size: 16px !important;
    font-weight: 400;
    cursor: pointer;
    padding: 0 24px !important;
    line-height: 60px !important;
    text-align: center;
}
#submit-button-back:hover {
    background-color: #999 !important;
}
#submit-button-back:hover::after {
    border-top-color: #fff !important;
    border-left-color: #fff !important;
}
#submit-button-back:hover input[type="submit"] {
    color: #fff !important;
}

/* フォーム入力欄の内側余白 */
.p-entry__body table.mailform-tbl td input[type="text"],
.p-entry__body table.mailform-tbl td input[type="email"],
.p-entry__body table.mailform-tbl td input[type="tel"],
.p-entry__body table.mailform-tbl td textarea {
    padding: 8px 12px !important;
    height: auto !important;
    box-sizing: border-box !important;
}

/* フォーム タブレット対応（929px付近の表示崩れ修正） */
@media screen and (max-width: 959px) {
    .p-entry__body table.mailform-tbl th {
        padding: 15px 15px 13px !important;
        font-size: 16px;
        line-height: 1.6;
    }
    .p-entry__body table.mailform-tbl td {
        padding: 15px 15px 13px !important;
    }
    .p-entry__body table.mailform-tbl th span[style] {
        font-size: 13px !important;
        line-height: 1.5 !important;
        display: inline-block !important;
    }
    .p-entry__body table.mailform-tbl,
    .p-entry__body table.mailform-tbl tbody {
        display: block !important;
        width: 100% !important;
    }
    .p-entry__body table.mailform-tbl tr {
        display: block !important;
        width: 100% !important;
    }
    .p-entry__body table.mailform-tbl td {
        display: block !important;
        width: 100% !important;
    }
    .p-entry__body table.mailform-tbl td input,
    .p-entry__body table.mailform-tbl td textarea {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* フォーム スマホ対応（入力・確認・エラー画面共通） */
@media screen and (max-width: 768px) {
    .p-entry__body table.mailform-tbl {
        margin-top: 40px;
    }
    .p-entry__body table.mailform-tbl th,
    .p-entry__body table.mailform-tbl td {
        display: block !important;
        width: 100% !important;
        padding: 8px 0 !important;
        text-align: left !important;
    }
    .p-entry__body table.mailform-tbl th {
        font-size: 14px;
        padding-top: 16px !important;
        padding-bottom: 4px !important;
        border-bottom: none !important;
    }
    .p-entry__body table.mailform-tbl td {
        padding-top: 0 !important;
        padding-bottom: 16px !important;
        border-bottom: 1px solid #eee !important;
    }
    .p-entry__body table.mailform-tbl tr {
        display: block !important;
        height: auto !important;
    }
    .p-entry__body table.mailform-tbl td.w60 input,
    .p-entry__body table.mailform-tbl td input.w90,
    .p-entry__body table.mailform-tbl td.w90 input,
    .p-entry__body table.mailform-tbl td.w90 textarea,
    .p-entry__body table.mailform-tbl td textarea {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .p-entry__body table.mailform-tbl td input.w40 {
        width: 50% !important;
        box-sizing: border-box !important;
    }
    #submit-button,
    #submit-button-back {
        width: 100% !important;
        max-width: 280px !important;
    }
}

/* 下層のフォーム入力欄の上の余白詰め */
.p-entry__body table.mailform-tbl{
}

/* トップページではフッターコンタクトの上マージンを無効化 */
body.home #footer_contact {
    margin-top: 0 !important;
}

/* ===== 下層ページ（仕事を知る・採用を知る）修正 ===== */

/* ボタンの上マージン追加 */
.faq-bottom-cta__buttons {
    margin-top: 1.5rem !important;
}

/* 「仕事の全体像」アイコン非表示（プレースホルダー画像のため） */
.r01__icon {
    display: none !important;
}

/* ハウスカード：ホバー効果無効化 */
.b151__card-inner {
    transition: none !important;
    border-radius: 8px 8px 0 0 !important;
}
.b151__card-inner:hover {
    transform: none !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px 0px !important;
}

/* ハウスカード：コンテナ左右パディング削除 */
.b151__container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ハウスカード：テキスト部分の下余白追加 */
.b151__card-content {
    padding-bottom: 1.6rem !important;
}
.b151__card-inner img {
    border-radius: 0 !important;
}


/* ===== 下層：働く環境ページ修正 ===== */

/* スライダーセクション：タブレット・スマホ時の上下余白を0に */
@media screen and (max-width: 1024px) {
    #page_contents .sliderwrap {
        padding: 0 !important;
    }
}



/* d03カード：コンテナ左右パディング削除 */
.d03__container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* d03カード：空のサムネイルを非表示 */
.d03__card-thumb {
    display: none !important;
}

/* d03カード：テキスト左揃え */
.d03__card-text {
    text-align: left !important;
}

/* d03・r06セクションのフォントを--tcd-font-type1に統一 */
.d03 {
    font-family: var(--tcd-font-type1) !important;
}
.r06 {
    font-family: var(--tcd-font-type1) !important;
}
.b151 {
    font-family: var(--tcd-font-type1) !important;
}

/* ===== 下層：スタッフ紹介ページ修正 ===== */

/* スタッフ項目の各画像の上に余白 */
article.acwrap .qatxt img {
    margin-top: 1.5rem !important;
}

/* ===== 下層：キャリアマップページ修正 ===== */

/* 「未経験からの成長イメージ」フォントを--tcd-font-type1に統一 */
.r05 {
    font-family: var(--tcd-font-type1) !important;
}

/* 資格取得支援制度リスト：ナンバーとテキストの位置揃え */
.q_styled_ol {
    margin-bottom: 0 !important;
}
.q_styled_ol li {
    margin-bottom: 1em !important;
}
.q_styled_ol li::before {
    margin-top: 0 !important;
}


/* ===== 下層：会社概要ページ修正 ===== */

/* 代表挨拶テキストのline-heightを他の下層と揃える */
.greeting_section .content_box_r {
    line-height: 2.4 !important;
}

/* ===== 下層：よくあるご質問ページ修正 ===== */

/* archive_descベタ打ちテキストを非表示（#page_header内の直接テキストノード） */
#archive_faq + .faq-bottom-cta,
body.tax-faq_category #page_header,
body.post-type-archive-faq #page_header {
    /* page_headerはoverflow:hiddenで350px固定なので、はみ出しテキストは見えないはずだが念のため */
}
body.post-type-archive-faq #page_header {
    font-size: 0 !important;
    line-height: 0 !important;
}
body.post-type-archive-faq #page_header .headline {
    font-size: 36px !important;
    line-height: 1.4 !important;
}
#archive_desc {
    line-height: 2.4 !important;
}


/* 999px以下でFAQとボタンバナーに左右パディング追加 */
@media screen and (max-width: 999px) {
    #archive_faq {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .faq-bottom-cta {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    /* ボタンが縦並びになった時の間隔を広げる */
    .faq-bottom-cta__buttons {
        gap: 15px !important;
    }
    .faq-bottom-cta__buttons .design_button {
        margin-bottom: 0 !important;
    }
}

/* iPad Air縦(820px)でFAQリスト項目の上下パディングを均等に */
@media screen and (max-width: 999px) {
    .item.faq_list {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .item.faq_list .question {
        margin-bottom: 0 !important;
    }
}


/* FAQページ: .faq-bottom-cta左右パディング拡大 */
body.post-type-archive-faq .faq-bottom-cta {
    padding-left: 48px !important;
    padding-right: 48px !important;
}

/* スマホ時: .faq-bottom-cta上下パディング0 */
@media screen and (max-width: 480px) {
    .faq-bottom-cta {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* ===== 下層：ブログページ修正 ===== */

/* カテゴリーボタンの位置をトップページと揃える（画像左上） */
.blog_list .category_button {
    top: 0 !important;
    bottom: auto !important;
    transform: none !important;
}

/* ===== 各下層ページ：最下段freecont_article（ボタン・バナー）の上パディング詰め ===== */

/* 最後のfreecont_article（ボタンバナー直前）の上余白を詰める */
#page_contents .freecont_article:last-of-type {
    padding-top: 20px !important;
}
@media screen and (max-width: 800px) {
    #page_contents .freecont_article:last-of-type {
        padding-top: 10px !important;
    }
}
@media screen and (max-width: 480px) {
    #page_contents .freecont_article:last-of-type {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* ===== 下層：働く環境ページ 画像横並び修正 ===== */

/* 「働く環境・雰囲気」セクション内の2画像を横並びに */
h2.styled_h2 + div {
    display: flex !important;
    align-items: flex-start;
}
h2.styled_h2 + div > br {
    display: none;
}
@media screen and (max-width: 480px) {
    h2.styled_h2 + div {
        flex-direction: column !important;
    }
}

/* CTAボタン間のbr要素を非表示（gapの二重適用防止） */
.faq-bottom-cta__buttons > br {
    display: none;
}


/* ===== 下層：採用を知るページ フォーム上余白調整 ===== */

/* 応募事項セクションとフォーム間の余白を縮小 */
.recruit_section {
    padding-bottom: 0 !important;
}
.recruit_section .recruittabs0 {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}


/* ===== 下層：選ばれる理由ページ ボタン上余白調整 ===== */

/* フロー内「お問い合わせはこちら」ボタンの上下余白を縮小 */
.flowtext .faq-bottom-cta__buttons {
    margin-top: 15px !important;
	    margin-bottom: 0px;
}


/* ===== 下層：選ばれる理由ページ フロー①テキスト行間調整 ===== */

/* フロー全体の上の余白追加 */
#flow.p4cont3{
	margin-top: 56px;
	}
@media screen and (max-width: 480px) {
#flow.p4cont3{
	margin-top: 36px;
	}
}
/* 施工実績セクション */
body.home #top-jisseki{
	background:url(/wp-content/uploads/bg_sec4.png) no-repeat center;
	background-size:cover;
	background-position:center center;
	padding-bottom:0px!important;
	padding-top:0px!important;
}